@greatapps/common 1.1.516 → 1.1.517

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

@@ -1,20 +1,20 @@
-import imageCompression from 'browser-image-compression'
-import type { CompressImageOptions } from '../types/image.type'
-
-export async function compressImage(
-  file: File,
-  options: CompressImageOptions = {}
-): Promise<File> {
-  const { maxSizeMB = 1, maxWidthOrHeight = 1920 } = options
-
-  if (file.size <= maxSizeMB * 1024 * 1024) {
-    return file
-  }
-
-  return imageCompression(file, {
-    maxSizeMB,
-    maxWidthOrHeight,
-    useWebWorker: true,
-    fileType: file.type as 'image/jpeg' | 'image/png' | 'image/webp',
-  })
-}
+import imageCompression from 'browser-image-compression'
+import type { CompressImageOptions } from '../types/image.type'
+
+export async function compressImage(
+  file: File,
+  options: CompressImageOptions = {}
+): Promise<File> {
+  const { maxSizeMB = 1, maxWidthOrHeight = 1920 } = options
+
+  if (file.size <= maxSizeMB * 1024 * 1024) {
+    return file
+  }
+
+  return imageCompression(file, {
+    maxSizeMB,
+    maxWidthOrHeight,
+    useWebWorker: true,
+    fileType: file.type as 'image/jpeg' | 'image/png' | 'image/webp',
+  })
+}

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

@@ -1,51 +1,51 @@
-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
+): 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)
+}

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

@@ -1,71 +1,71 @@
-import {
-  ACCEPTED_IMAGE_FORMATS,
-  MAX_FILE_SIZE_MB,
-} from '../constants/image.constants'
-
-export interface ImageValidationResult {
-  valid: boolean
-  error?: string
-}
-
-export function validateImageFormat(file: File): 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: '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: 'Formato não suportado. Use PNG, JPEG, WebP ou GIF.',
-    }
-  }
-  return { valid: true }
-}
-
-export function validateImageSize(
-  file: File,
-  maxSizeMB: number = MAX_FILE_SIZE_MB
-): ImageValidationResult {
-  if (file.size > maxSizeMB * 1024 * 1024) {
-    return {
-      valid: false,
-      error: `Arquivo muito grande. Máximo ${maxSizeMB}MB.`,
-    }
-  }
-  return { valid: true }
-}
-
-export function validateImage(file: File): ImageValidationResult {
-  const formatValidation = validateImageFormat(file)
-  if (!formatValidation.valid) return formatValidation
-
-  const sizeValidation = validateImageSize(file)
-  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'
+
+export interface ImageValidationResult {
+  valid: boolean
+  error?: string
+}
+
+export function validateImageFormat(file: File): 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: '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: 'Formato não suportado. Use PNG, JPEG, WebP ou GIF.',
+    }
+  }
+  return { valid: true }
+}
+
+export function validateImageSize(
+  file: File,
+  maxSizeMB: number = MAX_FILE_SIZE_MB
+): ImageValidationResult {
+  if (file.size > maxSizeMB * 1024 * 1024) {
+    return {
+      valid: false,
+      error: `Arquivo muito grande. Máximo ${maxSizeMB}MB.`,
+    }
+  }
+  return { valid: true }
+}
+
+export function validateImage(file: File): ImageValidationResult {
+  const formatValidation = validateImageFormat(file)
+  if (!formatValidation.valid) return formatValidation
+
+  const sizeValidation = validateImageSize(file)
+  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/plans/actions/find-plan-by-id.action.ts

@@ -1,8 +1,8 @@
-'use server';
-
-import { safeServerAction } from '../../../utils/safeServerAction';
-import { plansService } from '../services/plans.service';
-
-export async function findPlanByIdAction(idPlan: number | string) {
-  return safeServerAction(() => plansService.findById(idPlan));
-}
+'use server';
+
+import { safeServerAction } from '../../../utils/safeServerAction';
+import { plansService } from '../services/plans.service';
+
+export async function findPlanByIdAction(idPlan: number | string) {
+  return safeServerAction(() => plansService.findById(idPlan));
+}

package/src/modules/plans/actions/list-plans.action.ts

@@ -1,17 +1,17 @@
-'use server';
-
-import { plansService, safeServerAction } from '@greatapps/common/server';
-
-export async function listPlansAction() {
-  return safeServerAction(async () => {
-    const { data: apiPlans } = await plansService.listPlans({
-      active: true,
-      search: 'client',
-      sort: 'id:ASC',
-    });
-
-    if (!apiPlans?.length) return [];
-
-    return [...apiPlans].sort((a, b) => a.value - b.value);
-  });
-}
+'use server';
+
+import { plansService, safeServerAction } from '@greatapps/common/server';
+
+export async function listPlansAction() {
+  return safeServerAction(async () => {
+    const { data: apiPlans } = await plansService.listPlans({
+      active: true,
+      search: 'client',
+      sort: 'id:ASC',
+    });
+
+    if (!apiPlans?.length) return [];
+
+    return [...apiPlans].sort((a, b) => a.value - b.value);
+  });
+}

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

@@ -1,24 +1,24 @@
-'use client';
-
-import { useQuery } from '@tanstack/react-query';
-import { withAction } from '@greatapps/common';
-import { listPlansAction } from '../actions/list-plans.action';
-import type { Plan } from '../types/plan.type';
-import { useWlQueryKey } from '../../../hooks/useAuthQueryKey';
-
-export const PLANS_QUERY_KEY = ['plans'] as const;
-
-export function usePlans() {
-  const queryKey = useWlQueryKey([...PLANS_QUERY_KEY]);
-
-  return useQuery<Plan[]>({
-    queryKey,
-    queryFn: withAction(listPlansAction),
-    staleTime: Infinity,
-    gcTime: Infinity,
-    refetchOnWindowFocus: false,
-    refetchOnReconnect: false,
-    refetchOnMount: false,
-    retry: 1,
-  });
-}
+'use client';
+
+import { useQuery } from '@tanstack/react-query';
+import { withAction } from '@greatapps/common';
+import { listPlansAction } from '../actions/list-plans.action';
+import type { Plan } from '../types/plan.type';
+import { useWlQueryKey } from '../../../hooks/useAuthQueryKey';
+
+export const PLANS_QUERY_KEY = ['plans'] as const;
+
+export function usePlans() {
+  const queryKey = useWlQueryKey([...PLANS_QUERY_KEY]);
+
+  return useQuery<Plan[]>({
+    queryKey,
+    queryFn: withAction(listPlansAction),
+    staleTime: Infinity,
+    gcTime: Infinity,
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    refetchOnMount: false,
+    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,38 +1,38 @@
-"use client";
-
-import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { withAction } from "../../../utils/withAction";
-import { findPlanByIdAction } from "../actions/find-plan-by-id.action";
-import type { Plan } from "../types/plan.type";
-import { PLANS_QUERY_KEY } from "./list-plans.hook";
-import { useWlQueryKey } from "../../../hooks/useAuthQueryKey";
-
-export function usePlanById(idPlan: number | string | undefined) {
-  const queryClient = useQueryClient();
-  const plansKey = useWlQueryKey([...PLANS_QUERY_KEY]);
-
-  return useQuery({
-    queryKey: [...plansKey, idPlan],
-    queryFn: withAction(() => findPlanByIdAction(idPlan!)),
-    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 { withAction } from "../../../utils/withAction";
+import { findPlanByIdAction } from "../actions/find-plan-by-id.action";
+import type { Plan } from "../types/plan.type";
+import { PLANS_QUERY_KEY } from "./list-plans.hook";
+import { useWlQueryKey } from "../../../hooks/useAuthQueryKey";
+
+export function usePlanById(idPlan: number | string | undefined) {
+  const queryClient = useQueryClient();
+  const plansKey = useWlQueryKey([...PLANS_QUERY_KEY]);
+
+  return useQuery({
+    queryKey: [...plansKey, idPlan],
+    queryFn: withAction(() => findPlanByIdAction(idPlan!)),
+    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,
+  });
+}