@greatapps/common 1.1.673 → 1.1.674

package/src/i18n/messages/pt-br.ts

@@ -64,6 +64,12 @@ const messages = {
 
   // Conta — modais e seções. `<b>` = trecho em negrito (rich text); `{count}` = interpolação.
   account: {
+    notificationTypes: {
+      projectUpdates: 'Atualizações de projetos',
+      securityAlerts: 'Alertas de segurança',
+      planBilling: 'Mudanças no plano ou faturamento',
+      scheduledMaintenance: 'Manutenções programadas',
+    },
     deleteAccount: {
       title: 'Excluir conta',
       description:
@@ -384,6 +390,41 @@ const messages = {
   },
 
   // Nomes dos idiomas exibidos no seletor.
+  // Planos: features e main features (mapApiPlanToUiPlan).
+  plans: {
+    features: {
+      unlimitedVisits: 'Visitas ilimitadas',
+      unlimitedLeads: 'Leads ilimitadas',
+      sharePages: 'Compartilhar páginas',
+      hosting: 'Hospedagem inclusa',
+      freeTemplates: 'Templates gratuitos',
+      onboarding: 'Reunião de Onboarding',
+      projectManagement: 'Gestão de projetos',
+    },
+    mainFeatures: {
+      pagesUnlimited: 'Páginas ilimitadas',
+      pageSingular: '1 página',
+      pagesPlural: '{count} páginas',
+      domainsUnlimited: 'Domínios ilimitados',
+      domainSingular: '1 domínio externo',
+      domainsPlural: '{count} domínios externos',
+      usersUnlimited: 'Usuários ilimitados',
+    },
+  },
+
+  // Periodicidade de cobrança.
+  periodicity: {
+    monthly: 'Mensal',
+    semiannual: 'Semestral',
+    annual: 'Anual',
+    suffixMonthly: '/mês',
+    suffixSemiannual: '/semestre',
+    suffixAnnual: '/ano',
+    labelMonthly: 'mensal',
+    labelSemiannual: 'semestral',
+    labelAnnual: 'anual',
+  },
+
   languages: {
     'pt-br': 'Português (Brasil)',
     'en-us': 'Inglês (EUA)',
@@ -434,6 +475,9 @@ const messages = {
     tooSmallBodyNoFileWithDimension: 'A imagem selecionada é menor que {dimensionText}. Faça envio de uma imagem com pelo menos {dimensionText} para continuar.',
     tooSmallBodyNoFileGeneric: 'A imagem selecionada é menor que o tamanho mínimo exigido. Faça envio de uma imagem maior para continuar.',
     sendAnother: 'Enviar outra',
+    errorSvg: 'Formato SVG não é suportado. Use PNG, JPEG, WebP ou GIF.',
+    errorFormat: 'Formato não suportado. Use PNG, JPEG, WebP ou GIF.',
+    errorTooLarge: 'Arquivo muito grande. Máximo {maxSize}MB.',
   },
 
   // Componentes: NotificationPageContent (Notifications.tsx), NotificationsPopover.tsx.

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

@@ -3,17 +3,24 @@ import {
   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): ImageValidationResult {
+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: 'Formato SVG não é suportado. Use PNG, JPEG, WebP ou GIF.',
+      error: translate
+        ? translate('common.imageUpload.errorSvg')
+        : 'Formato SVG não é suportado. Use PNG, JPEG, WebP ou GIF.',
     }
   }
 
@@ -24,7 +31,9 @@ export function validateImageFormat(file: File): ImageValidationResult {
   ) {
     return {
       valid: false,
-      error: 'Formato não suportado. Use PNG, JPEG, WebP ou GIF.',
+      error: translate
+        ? translate('common.imageUpload.errorFormat')
+        : 'Formato não suportado. Use PNG, JPEG, WebP ou GIF.',
     }
   }
   return { valid: true }
@@ -32,22 +41,28 @@ export function validateImageFormat(file: File): ImageValidationResult {
 
 export function validateImageSize(
   file: File,
-  maxSizeMB: number = MAX_FILE_SIZE_MB
+  maxSizeMB: number = MAX_FILE_SIZE_MB,
+  translate?: TranslateFn
 ): ImageValidationResult {
   if (file.size > maxSizeMB * 1024 * 1024) {
     return {
       valid: false,
-      error: `Arquivo muito grande. Máximo ${maxSizeMB}MB.`,
+      error: translate
+        ? translate('common.imageUpload.errorTooLarge', { maxSize: maxSizeMB })
+        : `Arquivo muito grande. Máximo ${maxSizeMB}MB.`,
     }
   }
   return { valid: true }
 }
 
-export function validateImage(file: File): ImageValidationResult {
-  const formatValidation = validateImageFormat(file)
+export function validateImage(
+  file: File,
+  translate?: TranslateFn
+): ImageValidationResult {
+  const formatValidation = validateImageFormat(file, translate)
   if (!formatValidation.valid) return formatValidation
 
-  const sizeValidation = validateImageSize(file)
+  const sizeValidation = validateImageSize(file, MAX_FILE_SIZE_MB, translate)
   if (!sizeValidation.valid) return sizeValidation
 
   return { valid: true }

package/src/modules/plans/utils/map-api-plan-to-ui.ts

@@ -13,37 +13,72 @@ import {
 
 export type PlanBillingPeriod = "monthly" | "semiannual" | "annual";
 
-const BASE_FEATURES: PlanFeature[] = [
-  { icon: "check", text: "Visitas ilimitadas" },
-  { icon: "check", text: "Leads ilimitadas" },
-  { icon: "check", text: "Compartilhar páginas", tooltip: "sharePages" },
-  { icon: "check", text: "Hospedagem inclusa" },
-  { icon: "check", text: "SSL (HTTPS) + CDN" },
-  { icon: "check", text: "Templates gratuitos" },
-];
-
-function buildMainFeaturesFromItems(items: Plan["items"]): PlanMainFeatures {
+type TranslateFn = (key: any, values?: Record<string, string | number>) => string;
+
+const BASE_FEATURES_KEYS = [
+  { icon: "check", key: "plans.features.unlimitedVisits",  fallback: "Visitas ilimitadas" },
+  { icon: "check", key: "plans.features.unlimitedLeads",   fallback: "Leads ilimitadas" },
+  { icon: "check", key: "plans.features.sharePages",        fallback: "Compartilhar páginas", tooltip: "sharePages" },
+  { icon: "check", key: "plans.features.hosting",           fallback: "Hospedagem inclusa" },
+  // SSL (HTTPS) + CDN — brand/acronym: never translated
+  { icon: "check", key: null,                               fallback: "SSL (HTTPS) + CDN" },
+  { icon: "check", key: "plans.features.freeTemplates",     fallback: "Templates gratuitos" },
+] as const;
+
+function buildBaseFeatures(translate?: TranslateFn): PlanFeature[] {
+  return BASE_FEATURES_KEYS.map(({ icon, key, fallback, ...rest }) => {
+    const text = key && translate ? translate(`common.${key}`) : fallback;
+    const feature: PlanFeature = { icon, text };
+    if ("tooltip" in rest && rest.tooltip) feature.tooltip = rest.tooltip;
+    return feature;
+  });
+}
+
+function buildMainFeaturesFromItems(
+  items: Plan["items"],
+  translate?: TranslateFn
+): PlanMainFeatures {
   const pagesItem = items.find((i) => i.id_addon === ADDON_IDS.PAGES);
   const domainsItem = items.find((i) => i.id_addon === ADDON_IDS.DOMAINS);
 
   const pagesQty = pagesItem?.quantity ?? 0;
   const domainsQty = domainsItem?.quantity ?? 1;
 
-  return {
-    pages:
-      pagesQty === 0
-        ? "Páginas ilimitadas"
-        : pagesQty === 1
-          ? "1 página"
-          : `${pagesQty} páginas`,
-    domains:
-      domainsQty >= 999
-        ? "Domínios ilimitados"
-        : domainsQty === 1
-          ? "1 domínio externo"
-          : `${domainsQty} domínios externos`,
-    users: "Usuários ilimitados",
-  };
+  let pages: string;
+  if (pagesQty === 0) {
+    pages = translate
+      ? translate("common.plans.mainFeatures.pagesUnlimited")
+      : "Páginas ilimitadas";
+  } else if (pagesQty === 1) {
+    pages = translate
+      ? translate("common.plans.mainFeatures.pageSingular")
+      : "1 página";
+  } else {
+    pages = translate
+      ? translate("common.plans.mainFeatures.pagesPlural", { count: pagesQty })
+      : `${pagesQty} páginas`;
+  }
+
+  let domains: string;
+  if (domainsQty >= 999) {
+    domains = translate
+      ? translate("common.plans.mainFeatures.domainsUnlimited")
+      : "Domínios ilimitados";
+  } else if (domainsQty === 1) {
+    domains = translate
+      ? translate("common.plans.mainFeatures.domainSingular")
+      : "1 domínio externo";
+  } else {
+    domains = translate
+      ? translate("common.plans.mainFeatures.domainsPlural", { count: domainsQty })
+      : `${domainsQty} domínios externos`;
+  }
+
+  const users = translate
+    ? translate("common.plans.mainFeatures.usersUnlimited")
+    : "Usuários ilimitados";
+
+  return { pages, domains, users };
 }
 
 function computePricingByPeriod(apiPlan: Plan, currency: CurrencyCode): PlanPricingByPeriod {
@@ -58,7 +93,7 @@ function computePricingByPeriod(apiPlan: Plan, currency: CurrencyCode): PlanPric
   };
 }
 
-function buildUiPlan(plan: Plan, currency: CurrencyCode): UiPlan {
+function buildUiPlan(plan: Plan, currency: CurrencyCode, translate?: TranslateFn): UiPlan {
   const popular = plan.id === 2 || plan.id_plan === 2;
   const buttonVariant = popular ? "brand" : "default";
 
@@ -69,23 +104,21 @@ function buildUiPlan(plan: Plan, currency: CurrencyCode): UiPlan {
   const hasProjectAndOnboarding =
     lowerName.includes("agência") || lowerName.includes("agencia");
 
+  const onboardingText = translate
+    ? translate("common.plans.features.onboarding")
+    : "Reunião de Onboarding";
+  const projectMgmtText = translate
+    ? translate("common.plans.features.projectManagement")
+    : "Gestão de projetos";
+
   const features: PlanFeature[] = [
-    ...BASE_FEATURES,
+    ...buildBaseFeatures(translate),
     hasProjectAndOnboarding
-      ? { icon: "check", text: "Reunião de Onboarding" }
-      : { icon: "x", text: "Reunião de Onboarding", disabled: true },
+      ? { icon: "check", text: onboardingText }
+      : { icon: "x", text: onboardingText, disabled: true },
     hasProjectAndOnboarding
-      ? {
-          icon: "check",
-          text: "Gestão de projetos",
-          tooltip: "projectManagement",
-        }
-      : {
-          icon: "x",
-          text: "Gestão de projetos",
-          disabled: true,
-          tooltip: "projectManagement",
-        },
+      ? { icon: "check", text: projectMgmtText, tooltip: "projectManagement" }
+      : { icon: "x",     text: projectMgmtText, disabled: true, tooltip: "projectManagement" },
   ];
 
   return {
@@ -93,7 +126,7 @@ function buildUiPlan(plan: Plan, currency: CurrencyCode): UiPlan {
     name: plan.name,
     isPopular: popular,
     buttonVariant,
-    mainFeatures: buildMainFeaturesFromItems(plan.items),
+    mainFeatures: buildMainFeaturesFromItems(plan.items, translate),
     features,
     originalPrice: formatCurrencyNumber(monthlyFinal, 2, currency),
     price: formatCurrencyNumber(monthlyFinal, 2, currency),
@@ -105,17 +138,18 @@ function buildUiPlan(plan: Plan, currency: CurrencyCode): UiPlan {
 /**
  * Mapeia um plano da API para UiPlan em BRL.
  * Assinatura de 1 argumento — seguro em `plans.map(mapApiPlanToUiPlan)`.
+ * Passa `translate` opcional para i18n; sem ele cai nos literais pt-br (back-compat).
  */
-export function mapApiPlanToUiPlan(plan: Plan): UiPlan {
-  return buildUiPlan(plan, "brl");
+export function mapApiPlanToUiPlan(plan: Plan, translate?: TranslateFn): UiPlan {
+  return buildUiPlan(plan, "brl", translate);
 }
 
 /**
  * Variante currency-aware: a moeda vem do gateway da conta (getCurrencyForGateway).
- * Fábrica para uso ergonômico em `.map`: `plans.map(mapApiPlanToUiPlanForCurrency(currency))`.
+ * Fábrica para uso ergonômico em `.map`: `plans.map(mapApiPlanToUiPlanForCurrency(currency, translate))`.
  * Mantida separada de mapApiPlanToUiPlan para não quebrar callers que passam a fn direto pro `.map`.
  */
 export const mapApiPlanToUiPlanForCurrency =
-  (currency: CurrencyCode) =>
+  (currency: CurrencyCode, translate?: TranslateFn) =>
   (plan: Plan): UiPlan =>
-    buildUiPlan(plan, currency);
+    buildUiPlan(plan, currency, translate);

package/src/modules/subscriptions/utils/periodicity.ts

@@ -1,6 +1,8 @@
 import type { BillingPeriod } from '../types/billing-period.type';
 import type { CalculateSubscriptionResponse } from '../types/calculate-subscription.type';
 
+type TranslateFn = (key: any, values?: Record<string, string | number>) => string;
+
 export function periodicityToBillingPeriod(
   periodicity: number | string | null | undefined
 ): BillingPeriod | null {
@@ -16,23 +18,38 @@ export function billingPeriodToNumeric(billingPeriod: BillingPeriod): 30 | 180 |
   return 30;
 }
 
-export function getPeriodicityLabel(periodicity: number | string | null | undefined): string {
+export function getPeriodicityLabel(
+  periodicity: number | string | null | undefined,
+  translate?: TranslateFn
+): string {
   const period = periodicityToBillingPeriod(periodicity);
-  if (period === 'semiannual') return 'Semestral';
-  if (period === 'annual') return 'Anual';
-  return 'Mensal';
+  if (period === 'semiannual')
+    return translate ? translate('common.periodicity.semiannual') : 'Semestral';
+  if (period === 'annual')
+    return translate ? translate('common.periodicity.annual') : 'Anual';
+  return translate ? translate('common.periodicity.monthly') : 'Mensal';
 }
 
-export function getBillingPeriodSuffix(billingPeriod: BillingPeriod): string {
-  if (billingPeriod === 'semiannual') return '/semestre';
-  if (billingPeriod === 'annual') return '/ano';
-  return '/mês';
+export function getBillingPeriodSuffix(
+  billingPeriod: BillingPeriod,
+  translate?: TranslateFn
+): string {
+  if (billingPeriod === 'semiannual')
+    return translate ? translate('common.periodicity.suffixSemiannual') : '/semestre';
+  if (billingPeriod === 'annual')
+    return translate ? translate('common.periodicity.suffixAnnual') : '/ano';
+  return translate ? translate('common.periodicity.suffixMonthly') : '/mês';
 }
 
-export function getBillingPeriodLabel(billingPeriod: BillingPeriod): string {
-  if (billingPeriod === 'semiannual') return 'semestral';
-  if (billingPeriod === 'annual') return 'anual';
-  return 'mensal';
+export function getBillingPeriodLabel(
+  billingPeriod: BillingPeriod,
+  translate?: TranslateFn
+): string {
+  if (billingPeriod === 'semiannual')
+    return translate ? translate('common.periodicity.labelSemiannual') : 'semestral';
+  if (billingPeriod === 'annual')
+    return translate ? translate('common.periodicity.labelAnnual') : 'anual';
+  return translate ? translate('common.periodicity.labelMonthly') : 'mensal';
 }
 
 export function getBillingPeriodMonths(billingPeriod: BillingPeriod): number {