@greatapps/common 1.1.676 → 1.1.678

package/src/components/widgets/ImageUpload/ImageCropModal.tsx

@@ -1,6 +1,7 @@
 'use client'
 
 import { useEffect, useRef, useState } from 'react'
+import { useTranslations } from 'next-intl'
 import ReactCrop, {
   type Crop,
   centerCrop,
@@ -178,6 +179,7 @@ export function ImageCropModal({
   fileName,
   onSelectAnother,
 }: ImageCropModalProps) {
+  const translate = useTranslations()
   const imgRef = useRef<HTMLImageElement>(null)
   const [crop, setCrop] = useState<Crop>()
   const [imageSize, setImageSize] = useState({ width: 0, height: 0 })
@@ -301,22 +303,28 @@ export function ImageCropModal({
           <>
             <DialogHeader className="p-5">
               <DialogTitle className="text-center text-[16px]!">
-                {dimensionText ? `Foto menor que ${dimensionText}` : 'Foto muito pequena'}
+                {dimensionText
+                  ? translate('common.imageUpload.tooSmallTitleWithDimension', { dimensionText })
+                  : translate('common.imageUpload.tooSmallTitleGeneric')}
               </DialogTitle>
             </DialogHeader>
 
             <div className="px-5 pb-5">
               <p className="paragraph-small-regular text-zinc-600 text-center">
-                {fileName ? `O arquivo "${fileName}"` : 'A imagem selecionada'} é menor
-                {dimensionText ? ` que ${dimensionText}` : ' que o tamanho mínimo exigido'}.
-                {' '}Faça envio de uma imagem {dimensionText ? `com pelo menos ${dimensionText}` : 'maior'} para continuar.
+                {fileName && dimensionText
+                  ? translate('common.imageUpload.tooSmallBodyFileWithDimension', { fileName, dimensionText })
+                  : fileName && !dimensionText
+                    ? translate('common.imageUpload.tooSmallBodyFileGeneric', { fileName })
+                    : !fileName && dimensionText
+                      ? translate('common.imageUpload.tooSmallBodyNoFileWithDimension', { dimensionText })
+                      : translate('common.imageUpload.tooSmallBodyNoFileGeneric')}
               </p>
             </div>
 
             <DialogFooter className="flex-row! items-center justify-start! gap-3 p-5 border-t border-zinc-200">
-              {onSelectAnother && <Button onClick={onSelectAnother}>Enviar outra</Button>}
+              {onSelectAnother && <Button onClick={onSelectAnother}>{translate('common.imageUpload.sendAnother')}</Button>}
               <Button variant="secondary" onClick={handleCancel}>
-                Cancelar
+                {translate('common.actions.cancel')}
               </Button>
             </DialogFooter>
           </>
@@ -324,7 +332,7 @@ export function ImageCropModal({
           <>
             <DialogHeader className="p-5">
               <DialogTitle className="text-center text-[16px]!">
-                Ajustar imagem
+                {translate('common.imageUpload.cropTitle')}
               </DialogTitle>
             </DialogHeader>
 
@@ -344,7 +352,7 @@ export function ImageCropModal({
                     <img
                       ref={imgRef}
                       src={imageSrc}
-                      alt="Crop"
+                      alt={translate('common.imageUpload.cropAlt')}
                       onLoad={onCropImgLoad}
                       draggable={false}
                       className="max-h-[50vh] object-contain select-none"
@@ -354,16 +362,16 @@ export function ImageCropModal({
               </div>
 
               <p className="paragraph-small-regular text-zinc-500 text-center">
-                Arraste para ajustar a área de corte
+                {translate('common.imageUpload.cropHint')}
               </p>
             </div>
 
             <DialogFooter className="flex-row! items-center justify-start! gap-3 p-5 border-t border-zinc-200">
               <Button onClick={handleConfirm} disabled={imageStatus !== 'ok' || !crop}>
-                Confirmar
+                {translate('common.actions.confirm')}
               </Button>
               <Button variant="secondary" onClick={handleCancel}>
-                Cancelar
+                {translate('common.actions.cancel')}
               </Button>
             </DialogFooter>
           </>

package/src/components/widgets/ImageUpload/ImageTooSmallModal.tsx

@@ -1,5 +1,6 @@
 'use client'
 
+import { useTranslations } from 'next-intl'
 import {
   Dialog,
   DialogContent,
@@ -28,6 +29,7 @@ export function ImageTooSmallModal({
   onSelectAnother,
   onCancel,
 }: ImageTooSmallModalProps) {
+  const translate = useTranslations()
   const dimensionText = `${minWidth}x${minHeight}px`
 
   return (
@@ -38,21 +40,20 @@ export function ImageTooSmallModal({
       >
         <DialogHeader className="p-5">
           <DialogTitle className="text-center text-[16px]!">
-            Foto menor que {dimensionText}
+            {translate('common.imageUpload.tooSmallTitleWithDimension', { dimensionText })}
           </DialogTitle>
         </DialogHeader>
 
         <div className="px-5 pb-5">
           <p className="paragraph-small-regular text-zinc-600 text-center">
-            O arquivo "{fileName}" é menor que {dimensionText}. Faça envio de
-            uma imagem com pelo menos {dimensionText} para continuar.
+            {translate('common.imageUpload.tooSmallBodyFileWithDimension', { fileName, dimensionText })}
           </p>
         </div>
 
         <DialogFooter className="flex-row! items-center justify-start! gap-3 p-5 border-t border-zinc-200">
-          <Button onClick={onSelectAnother}>Enviar outra</Button>
+          <Button onClick={onSelectAnother}>{translate('common.imageUpload.sendAnother')}</Button>
           <Button variant="secondary" onClick={onCancel}>
-            Cancelar
+            {translate('common.actions.cancel')}
           </Button>
         </DialogFooter>
       </DialogContent>

package/src/i18n/config.ts

@@ -0,0 +1,17 @@
+/**
+ * Locales suportados pela plataforma GreatApps.
+ * Identificadores no padrão `idioma-REGIÃO` em minúsculas: `pt-br`, `en-us`, `es-es`.
+ */
+export const LOCALES = ['pt-br', 'en-us', 'es-es'] as const;
+
+export type Locale = (typeof LOCALES)[number];
+
+/** Idioma padrão — fallback final (o produto nasce em pt-BR). */
+export const DEFAULT_LOCALE: Locale = 'pt-br';
+
+/** Nome do cookie onde o locale resolvido é persistido (convenção next-intl). */
+export const LOCALE_COOKIE = 'NEXT_LOCALE';
+
+export function isLocale(value: unknown): value is Locale {
+  return typeof value === 'string' && (LOCALES as readonly string[]).includes(value);
+}

package/src/i18n/country-language.ts

@@ -0,0 +1,60 @@
+import { Locale } from './config';
+
+/**
+ * Países de língua portuguesa (ISO 3166-1 alpha-2).
+ */
+const PORTUGUESE_COUNTRIES = new Set<string>([
+  'BR', // Brasil
+  'PT', // Portugal
+  'AO', // Angola
+  'MZ', // Moçambique
+  'CV', // Cabo Verde
+  'GW', // Guiné-Bissau
+  'ST', // São Tomé e Príncipe
+  'TL', // Timor-Leste
+]);
+
+/**
+ * Países de língua espanhola (ISO 3166-1 alpha-2).
+ */
+const SPANISH_COUNTRIES = new Set<string>([
+  'ES', // Espanha
+  'MX', // México
+  'AR', // Argentina
+  'CO', // Colômbia
+  'PE', // Peru
+  'VE', // Venezuela
+  'CL', // Chile
+  'EC', // Equador
+  'GT', // Guatemala
+  'CU', // Cuba
+  'BO', // Bolívia
+  'DO', // República Dominicana
+  'HN', // Honduras
+  'PY', // Paraguai
+  'SV', // El Salvador
+  'NI', // Nicarágua
+  'CR', // Costa Rica
+  'PA', // Panamá
+  'UY', // Uruguai
+  'PR', // Porto Rico
+  'GQ', // Guiné Equatorial
+]);
+
+/**
+ * Infere o idioma a partir do código de país (ex.: header `CF-IPCountry` da Cloudflare
+ * ou `session.location.country` do JWT):
+ * - país lusófono → `pt`
+ * - país hispanófono → `es`
+ * - demais países → `en`
+ *
+ * Retorna `null` quando o país é desconhecido/ausente (deixa o fallback de locale decidir).
+ */
+export function localeFromCountry(country?: string | null): Locale | null {
+  if (!country) return null;
+  const code = country.trim().toUpperCase();
+  if (code === 'XX' || code === 'T1') return null; // Cloudflare: desconhecido / Tor
+  if (PORTUGUESE_COUNTRIES.has(code)) return 'pt-br';
+  if (SPANISH_COUNTRIES.has(code)) return 'es-es';
+  return 'en-us';
+}