From b14ff0ab89088e37a30009fbfdc24da7826260c0 Mon Sep 17 00:00:00 2001
From: marco <marco@cnxifly.com>
Date: Fri, 19 Dec 2025 17:25:30 +0100
Subject: [PATCH] =?UTF-8?q?feat:=20Restringir=20cancelamento=20em=20Billin?=
 =?UTF-8?q?g=20apenas=20ao=20per=C3=ADodo=20de=20garantia?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🔒 RESTRIÇÃO DE CANCELAMENTO

📍 Página /billing:
- Botão "Cancelar Assinatura" SOMENTE aparece nos primeiros 7 dias
- Após período de garantia: botão removido
- Mensagem informativa: "Para cancelar após o período de garantia, vá em Perfil"

⚖️ LÓGICA:
- withinGuaranteePeriod === true → Botão visível
- withinGuaranteePeriod === false → Botão oculto + alerta info

📄 Página /profile:
- Cancelamento sempre disponível (sem restrição)
- Wizard completo de 5 etapas
- Sistema de retenção com oferta

🌍 i18n (3 idiomas):
- pt-BR: "Para cancelar após o período de garantia, vá em Perfil"
- ES: "Para cancelar después del período de garantía, ve a Perfil"
- EN: "To cancel after the guarantee period, go to Profile"

✅ RESULTADO:
- Garantia (0-7 dias): Cancelamento fácil em Billing
- Após garantia: Cancelamento via Profile (wizard)
---
 frontend/src/i18n/locales/en.json    |  1 +
 frontend/src/i18n/locales/es.json    |  1 +
 frontend/src/i18n/locales/pt-BR.json |  1 +
 frontend/src/pages/Billing.jsx       | 20 ++++++++++++++------
 4 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/frontend/src/i18n/locales/en.json b/frontend/src/i18n/locales/en.json
index 9b99614..169b67c 100755
--- a/frontend/src/i18n/locales/en.json
+++ b/frontend/src/i18n/locales/en.json
@@ -2254,6 +2254,7 @@
     "upgradePlan": "Upgrade Plan",
     "changePlan": "Change Plan",
     "cancelSubscription": "Cancel Subscription",
+    "cancelAfterGuarantee": "To cancel after the guarantee period, go to Profile",
     "planFeatures": "Plan Features",
     "limits": "Limits",
     "accounts": "Accounts",
diff --git a/frontend/src/i18n/locales/es.json b/frontend/src/i18n/locales/es.json
index 81467e3..a2d0ae8 100755
--- a/frontend/src/i18n/locales/es.json
+++ b/frontend/src/i18n/locales/es.json
@@ -2256,6 +2256,7 @@
     "upgradePlan": "Mejorar Plan",
     "changePlan": "Cambiar Plan",
     "cancelSubscription": "Cancelar Suscripción",
+    "cancelAfterGuarantee": "Para cancelar después del período de garantía, ve a Perfil",
     "planFeatures": "Características del Plan",
     "limits": "Límites",
     "accounts": "Cuentas",
diff --git a/frontend/src/i18n/locales/pt-BR.json b/frontend/src/i18n/locales/pt-BR.json
index 0a603dd..61b2bfe 100755
--- a/frontend/src/i18n/locales/pt-BR.json
+++ b/frontend/src/i18n/locales/pt-BR.json
@@ -2274,6 +2274,7 @@
     "upgradePlan": "Fazer Upgrade",
     "changePlan": "Trocar Plano",
     "cancelSubscription": "Cancelar Assinatura",
+    "cancelAfterGuarantee": "Para cancelar após o período de garantia, vá em Perfil",
     "planFeatures": "Recursos do Plano",
     "limits": "Limites",
     "accounts": "Contas",
diff --git a/frontend/src/pages/Billing.jsx b/frontend/src/pages/Billing.jsx
index 3b143d2..7000f81 100755
--- a/frontend/src/pages/Billing.jsx
+++ b/frontend/src/pages/Billing.jsx
@@ -234,12 +234,20 @@ export default function Billing() {
                   >
                     {t('billing.changePlan')}
                   </button>
-                  <button 
-                    className="btn btn-outline-danger"
-                    onClick={() => setShowCancelModal(true)}
-                  >
-                    {t('billing.cancelSubscription')}
-                  </button>
+                  {withinGuaranteePeriod && (
+                    <button 
+                      className="btn btn-outline-danger"
+                      onClick={() => setShowCancelModal(true)}
+                    >
+                      {t('billing.cancelSubscription')}
+                    </button>
+                  )}
+                  {!withinGuaranteePeriod && (
+                    <div className="alert alert-info mb-0 mt-2" style={{ fontSize: '13px' }}>
+                      <i className="bi bi-info-circle me-2"></i>
+                      {t('billing.cancelAfterGuarantee')}
+                    </div>
+                  )}
                 </div>
               )}
             </div>