diff --git a/Back-End/EmailTemplates/FalhaDeProjeto.html b/Back-End/EmailTemplates/FalhaDeProjeto.html
new file mode 100644
index 00000000..c7288c2a
--- /dev/null
+++ b/Back-End/EmailTemplates/FalhaDeProjeto.html
@@ -0,0 +1,22 @@
+
+
+
+
+
Falha ao processar seu projeto 😢
+
Não foi possível concluir seu projeto na versão beta. O seguinte erro ocorreu:
+
{{erro}}
+
Nossa equipe já foi notificada. Obrigado pela compreensão.
+
+
+
✅ Projeto concluído com sucesso!
+
Olá, viemos informar que seu projeto {{title_origin}} foi executado com maestria.
+
Confira no seu painel de projetos localizado em:
+
+ Acessar meu projeto
+
+
+
+
🎉 Bem-vindo(a) ao Media Cuts Studio!
+
Olá {{username}} , sua conta foi criada com sucesso.
+
Agora você já pode acessar o painel e começar a criar seus projetos de cortes automáticos!
+
+ Acessar minha conta
+
+
+
+
+
+
+
🚀 Sua conta foi atualizada para o plano Content Creator!
+
Olá {{username}} , parabéns! Sua conta agora conta com todos os benefícios do plano:
+
+
+ Plano Content Creator — $8/mês ou $88/ano (ganhe 1 mês grátis no plano anual)
+
+
+
+ 🎬 Cortes em 2K (Quad HD)
+ 🧠 2 projetos em simultâneo
+ ⚡ 30 cortes de IA por dia com base em URL de lives (em breve)
+ 🎯 60 vídeos por mês com cortes de IA
+ 💬 2 temas de legendas: revelação de efeito e tipo "escrevendo"
+ 🎙️ 2 temas de auto-reframe: podcast e game
+ 🤖 Modelo de IA: Studio Mini
+ 🧩 Análises: sentimento, justificativa, potencial de viralização e hashtags
+ 📊 Área de Análise de Engajamento e Dashboard de tarefas
+ 🧮 Controle total de tarefas e progresso dos cortes
+ 🔓 Acesso aos cortes enquanto estão sendo criados (sem esperar 100%)
+ 💬 Suporte e comunidade via WhatsApp, Discord e Telegram
+ 🚫 Remoção da marca d'água
+ ⚡ Acesso instantâneo aos cortes (de 1 a 10 minutos)
+
+
+
Aproveite ao máximo sua assinatura! Para gerenciar seu plano ou visualizar seus projetos, acesse:
+
https://mediacutsstudio.com/shortify
+
+
+
+
+
+
❌ Falha ao enviar vídeo para o TikTok
+
Olá, não foi possível enviar o vídeo vertical {{title}} para o TikTok.
+
O seguinte erro aconteceu:
+
{{errupload1}}
+
Nossa equipe já foi notificada e investigará o problema.
+
+
+
❌ Falha ao enviar Shorts para o YouTube
+
Olá, não foi possível enviar o Shorts {{title}} para o YouTube.
+
O seguinte erro aconteceu:
+
{{error_content}}
+
Nossa equipe já foi notificada e investigará o problema.
+
+
+
⚠️ Limitação do servidor
+
Olá, não foi possível colocar seu projeto
+ {{title}} em execução por conta da limitação do servidor.
+
Mas não se preocupe! Agendamos a execução do seu projeto para o seguinte horário:
+
{{new_scheduled_time}}
+
Você pode acompanhar no painel de projetos:
+
+ https://mediacutsstudio.com/projects
+
+
+
New Message
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Help Feed the Needy
+
+ This day encourages people to come forward and volunteer towards social work or charity work and help the less fortunate people. Let us all spread the vital message of this momentous day and let us be grateful for what we have.
+
+ Help the Needy
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
)}
diff --git a/Front-End/src/components/app-sidebar.tsx b/Front-End/src/components/app-sidebar.tsx
index 339f6edc..b11cf42a 100644
--- a/Front-End/src/components/app-sidebar.tsx
+++ b/Front-End/src/components/app-sidebar.tsx
@@ -122,7 +122,7 @@ export function AppSidebar() {
{!isCollapsed && (
PR AI
-
Sistema de DevOps
+
Equipe de DevOps
)}
diff --git a/Front-End/src/components/pricing-section.tsx b/Front-End/src/components/pricing-section.tsx
index 9bc1a397..681ec39a 100644
--- a/Front-End/src/components/pricing-section.tsx
+++ b/Front-End/src/components/pricing-section.tsx
@@ -1,3 +1,4 @@
+// Front-End\src\components\pricing-section.tsx
import { Check, Star, Zap } from "lucide-react";
import { useEffect, useState } from "react";
import { project } from "@/constants/landingpage.ts";
@@ -120,7 +121,19 @@ export const PricingSection = () => {
{/* CTA Button */}
window.location.href = project[0].plans.find(p => p.name === plan.name)?.checkout}
+ onClick={() => {
+ if (plan.name.toLowerCase() === "free") {
+ // plano free redireciona para login
+ window.location.href = "/login";
+ } else {
+ const searchParams = new URLSearchParams({
+ plan: plan.name,
+ price: String(isAnnual ? plan.annualPrice : plan.monthlyPrice),
+ billing: isAnnual ? "annual" : "monthly"
+ });
+ window.location.href = `/checkout?${searchParams.toString()}`;
+ }
+ }}
className={`w-full ${plan.isPopular ? 'btn-hero' : 'btn-hero-outline'} group`}
>
{plan.isPopular ? (
@@ -129,11 +142,10 @@ export const PricingSection = () => {
Começar Agora
) : (
- 'Escolher Plano'
+ plan.name.toLowerCase() === "free" ? "Começar Grátis" : "Escolher Plano"
)}
-
{plan.isPopular && (
diff --git a/Front-End/src/pages/CheckoutError.tsx b/Front-End/src/pages/CheckoutError.tsx
new file mode 100644
index 00000000..d0f79ad2
--- /dev/null
+++ b/Front-End/src/pages/CheckoutError.tsx
@@ -0,0 +1,20 @@
+// src/components/CheckoutError.tsx
+import React from "react";
+import { Link } from "react-router-dom";
+
+export default function CheckoutError(): JSX.Element {
+ return (
+
+
Ocorreu um erro no pagamento
+
+ Não foi possível processar sua assinatura. Por favor, tente novamente ou contate nosso suporte.
+
+
+ Voltar ao Checkout
+
+
+
Pagamento realizado com sucesso!
+
+ Obrigado por assinar o plano Content Creator ! Você já pode acessar seus conteúdos e ferramentas.
+
+
+
+
Recursos do Plano:
+
+ {contentCreatorFeatures.map((feature, idx) => (
+ {feature}
+ ))}
+
+
+
+
+ Ir para Dashboard
+
+
(null);
@@ -27,10 +24,10 @@ const LoginForm: React.FC = () => {
if (!email || !password) return;
setIsLoading(true);
setError(null);
- const access_token = localStorage.getItem("access_token")
+ const access_token = localStorage.getItem("access_token");
try {
- const response = await fetch(`${backendUrl}/api/login`, {
+ const response = await fetch(`${backendUrl}/api/login?email=${email}&password=${password}`, {
method: 'GET',
headers: {
'Content-Type': 'application/json',
@@ -38,7 +35,6 @@ const LoginForm: React.FC = () => {
},
});
- // debug rápido
const result = await response.json();
console.log('login response status', response.status, result);
@@ -46,7 +42,6 @@ const LoginForm: React.FC = () => {
throw new Error(result.message || 'Erro no login');
}
- // usa o token direto do result para salvar no localStorage
const token = result.acess_token;
if (!token) throw new Error('Resposta sem access_token');
@@ -62,9 +57,8 @@ const LoginForm: React.FC = () => {
localStorage.setItem('user_senha', email);
setaccess_token_fallback(token);
-
- console.log('Token access_token:', token)
- console.log('Token access_token_fallback:', token)
+ console.log('Token access_token:', token);
+ console.log('Token access_token_fallback:', token);
login(token);
navigate(`/home`);
@@ -76,100 +70,52 @@ const LoginForm: React.FC = () => {
}
};
- const handleRegister = async (e: React.FormEvent) => {
- e.preventDefault();
- if (password !== confirmPassword) {
- setError('As senhas não coincidem.');
- return;
- }
-
- setIsLoading(true);
- setError(null);
-
- try {
- const response = await fetch(`${backendUrl}/api/register`, {
- method: 'POST',
- headers: { 'Content-Type': 'application/json' },
- body: JSON.stringify({ email, password }),
- });
-
- const result = await response.json();
- console.log('register response', response.status, result);
-
- if (!response.ok) {
- throw new Error(result.message || 'Erro no registro');
- }
-
- // usa o token direto do result para salvar no localStorage
- const token = result.acess_token;
- if (!token) throw new Error('Resposta sem access_token');
-
-
- localStorage.setItem('acess_token', token);
- localStorage.setItem('access_token', token);
- localStorage.setItem('user_email', email);
- localStorage.setItem('user_senha', email);
- setaccess_token_fallback(token);
-
-
- console.log('Token access_token:', token)
- console.log('Token access_token_fallback:', token)
-
-
- setIsRegistering(false);
-
- } catch (err: any) {
- setError(err.message || 'Erro no registro');
- } finally {
- setIsLoading(false);
- }
- };
- const toggleMode = () => {
- setIsRegistering(!isRegistering);
- setError(null); // Limpa erros ao trocar de modo
- };
-
return (
PR AI
- {isRegistering ? "Crie sua conta para começar" : "Bem-vindo de volta! Faça login para continuar"}
+ Bem-vindo de volta! Faça login para continuar
-
- {isRegistering ? 'Criar Conta' : 'Login'}
-
+ Login
-
-
-
- {isRegistering ? 'Já tem uma conta?' : 'Não tem uma conta?'}
-
- {isRegistering ? 'Fazer login' : 'Criar conta'}
-
-
@@ -197,4 +136,4 @@ const LoginForm: React.FC = () => {
);
};
-export default LoginForm;
\ No newline at end of file
+export default LoginForm;
diff --git a/Front-End/src/pages/NotFound.tsx b/Front-End/src/pages/NotFound.tsx
index 46ec2ac1..563dad7c 100644
--- a/Front-End/src/pages/NotFound.tsx
+++ b/Front-End/src/pages/NotFound.tsx
@@ -1,16 +1,20 @@
-import { useLocation } from "react-router-dom";
+import { useLocation, useNavigate } from "react-router-dom";
import { useEffect } from "react";
import { Button } from "@/components/ui/button";
const NotFound = () => {
const location = useLocation();
+ const navigate = useNavigate();
useEffect(() => {
console.error(
"404 Error: User attempted to access non-existent route:",
location.pathname
);
- }, [location.pathname]);
+
+ // Redireciona automaticamente para a home
+ navigate("/");
+ }, [location.pathname, navigate]);
return (
@@ -23,9 +27,7 @@ const NotFound = () => {
-
- Voltar ao Dashboard
-
+ Voltar ao Dashboard
diff --git a/Front-End/src/pages/SignupCheckout.tsx b/Front-End/src/pages/SignupCheckout.tsx
new file mode 100644
index 00000000..7fb036ab
--- /dev/null
+++ b/Front-End/src/pages/SignupCheckout.tsx
@@ -0,0 +1,166 @@
+// src/components/SignupCheckout.tsx
+import React, { useState } from "react";
+import { loadStripe } from "@stripe/stripe-js";
+import { useSearchParams } from "react-router-dom";
+
+const STRIPE_KEY = import.meta.env.VITE_STRIPE_PUBLISHABLE_KEY || "";
+const stripePromise = STRIPE_KEY ? loadStripe(STRIPE_KEY) : Promise.resolve(null);
+
+export default function SignupCheckout(): JSX.Element {
+ const [email, setEmail] = useState("");
+ const [password, setPassword] = useState("");
+ const [loading, setLoading] = useState(false);
+ const [error, setError] = useState(null);
+
+ const [searchParams] = useSearchParams();
+ const plan = searchParams.get("plan") || "Premium";
+ const billingCycleParam = searchParams.get("billing") as "monthly" | "annual" | null;
+ const [billingCycle] = useState<"monthly" | "annual">(billingCycleParam || "monthly");
+
+ const priceParam = searchParams.get("price");
+ const priceAmount = priceParam ? parseFloat(priceParam) : billingCycle === "annual" ? 88 : 8;
+ const priceLabel = billingCycle === "annual" ? `$${priceAmount} / ano` : `$${priceAmount} / mês`;
+
+ const VITE_API_URL = import.meta.env.VITE_BACK_END || "";
+
+ function validateEmail(e: string) {
+ return /\S+@\S+\.\S+/.test(e);
+ }
+
+ async function handleSubmit(e: React.FormEvent) {
+ e.preventDefault();
+ setError(null);
+
+ if (!validateEmail(email)) {
+ setError("Informe um email válido.");
+ return;
+ }
+ if (password.length < 4) {
+ setError("Senha precisa ter 4 caracteres ou mais.");
+ return;
+ }
+ if (!VITE_API_URL) {
+ setError("Configuração de API ausente. Contate o time.");
+ return;
+ }
+
+ setLoading(true);
+ try {
+ const resp = await fetch(`${VITE_API_URL}/api/billing/checkout`, {
+ method: "POST",
+ headers: { "Content-Type": "application/json" },
+ body: JSON.stringify({
+ email,
+ password,
+ plan,
+ billingCycle,
+ }),
+ });
+
+ const body = await resp.json().catch(() => ({}));
+ if (!resp.ok) throw new Error(body?.error || `Erro do servidor (${resp.status})`);
+
+ if (body.sessionId) {
+ const stripe = await stripePromise;
+ if (stripe) {
+ const result = await stripe.redirectToCheckout({ sessionId: body.sessionId });
+ if ((result as any).error) {
+ setError((result as any).error.message || "Erro ao redirecionar para o Stripe.");
+ }
+ } else {
+ setError("Stripe não configurado no frontend.");
+ }
+ } else {
+ setError("Resposta inesperada do servidor.");
+ }
+ } catch (err: any) {
+ setError(err?.message || "Erro ao criar sessão.");
+ } finally {
+ setLoading(false);
+ }
+ }
+
+ return (
+
+ {/* Header */}
+
+
Finalizar Assinatura
+
+ Você selecionou o plano {plan} —{" "}
+ {priceLabel}
+
+
+
+ {/* Form */}
+
+
