js/confirmation.js

@@ -1,27 +1,23 @@
 // ============================================================
 // MVA Global Fret — Page de confirmation post-validation email
 // ============================================================
-// Cette page est la cible du lien dans l'email de validation envoyé
+// Cette page est la cible du lien dans l'email de validation
-// par mva-api (= Resend) lors d'une inscription via contact.html.
+// (envoyé par Brevo après soumission du formulaire).
 //
-// URL : https://mva-globalfret.com/confirmation.html?token=XXX
+// URL : https://mva-global-fret.github.io/site-mva-global-fret/confirmation.html?token=XXX
 //
 // Étapes :
 //   1. Lire le token depuis l'URL
-//   2. POST mva-api /leads/verify-token avec { token }
+//   2. POST au Worker avec action 'verifyToken'
-//   3. mva-api INSERT le lead en DB, génère la ref MVA-NNN, envoie le
+//   3. Worker valide le token, envoie le welcome email (avec ref +
-//      welcome email (= ref + adresse Paris) via Resend, puis renvoie
+//      adresse Paris) via Brevo, puis renvoie OK
-//      { ok: true, firstname, reference_client }
+//   4. Page affiche "Inscription confirmée !"
-//   4. Page affiche "Inscription confirmée !" + la ref
 //
-// Si le token est invalide / expiré / déjà consommé : affichage d'un
+// Si le token est invalide / expiré : affichage d'un message d'erreur
-// message d'erreur avec invitation à contacter le support.
+// avec invitation à contacter le support.
-//
-// Migration 2026-05-10 : remplace l'ancien Cloudflare Worker
-// `mva-hubspot-proxy.sergemind4s.workers.dev` (= décommissionné).
 // ============================================================
 
-const API_BASE_URL = 'https://api.mva.mind4solutions.com';
+const WORKER_PROXY_URL = 'https://mva-hubspot-proxy.sergemind4s.workers.dev';
 
 document.addEventListener('DOMContentLoaded', async () => {
   const token = new URLSearchParams(window.location.search).get('token');
@@ -32,20 +28,18 @@ document.addEventListener('DOMContentLoaded', async () => {
   }
 
   try {
-    const res = await fetch(`${API_BASE_URL}/leads/verify-token`, {
+    const res = await fetch(WORKER_PROXY_URL, {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ token }),
+      body: JSON.stringify({ action: 'verifyToken', token }),
     });
     const data = await res.json();
 
     if (data.ok) {
       showSuccess(data.reference_client || null);
     } else {
-      // Token invalide, expiré, ou inconnu
+      // Token expiré, déjà utilisé, ou inconnu
-      const isInvalid = data.code === 'INVALID_OR_EXPIRED'
+      showError(data.error === 'Token invalide ou expiré'
-        || data.message === 'Token invalide ou expiré';
-      showError(isInvalid
         ? 'Ce lien de confirmation a expiré ou a déjà été utilisé.'
         : 'Une erreur est survenue lors de la confirmation.');
     }

js/form-handler.js

@@ -3,21 +3,23 @@
 // ============================================
 // Frontend logic for contact.html (= inscription form):
 //   - validate inputs + Cloudflare Turnstile token
-//   - call mva-api /leads/* routes for dedup check + double opt-in flow
+//   - call Cloudflare Worker mva-hubspot-proxy for HubSpot dedup +
-//     (= verification email + welcome / welcome-back emails via Resend)
+//     sending verification email (= action requestVerification) or
-//   - reset Turnstile widget after each API call (= tokens are
+//     "Ravis de vous revoir" email for returning customers (=
+//     action sendWelcomeBack)
+//   - reset Turnstile widget after each Worker call (= tokens are
 //     single-use server-side; without reset, a re-submit silently
 //     403s from Cloudflare's siteverify endpoint)
 //
-// Migration 2026-05-10 : remplace l'ancien Cloudflare Worker
+// All HubSpot/Resend transactions go through the Worker. No direct
-// `mva-hubspot-proxy.sergemind4s.workers.dev` (= décommissionné) par
+// EmailJS / Formspree / HubSpot Forms API calls from the browser.
-// les routes mva-api Fastify. La DB Postgres remplace HubSpot Contacts.
 // ============================================
 
-// ── MVA API BASE URL ─────────────────────────────────────────────
+// ── PROXY CLOUDFLARE WORKER ──────────────────────────────────────
-// Routes leads servies par mva-api derrière Caddy. CORS strict :
+// Worker URL (= deployed via wrangler from cloudflare-worker/).
-// le serveur whitelist explicitement https://mva-globalfret.com.
+// CORS Access-Control-Allow-Origin: * so the browser can call it
-const API_BASE_URL = 'https://api.mva.mind4solutions.com';
+// directly.
+const WORKER_PROXY_URL = 'https://mva-hubspot-proxy.sergemind4s.workers.dev';
 
 document.addEventListener('DOMContentLoaded', () => {
   const form = document.getElementById('contactForm');
@@ -37,24 +39,20 @@ function resetTurnstile() {
   }
 }
 
-// Vérifie si l'email existe déjà dans la table leads via mva-api.
+// Vérifie si l'email existe déjà dans HubSpot via le proxy Worker.
-// Retourne les propriétés du lead existant, ou null si nouveau
+// Retourne les propriétés du contact existant, ou null si nouveau
-// client / API indisponible.
+// client / Worker indisponible.
 async function checkExistingContact(email) {
+  if (!WORKER_PROXY_URL) return null;
   try {
-    const res = await fetch(`${API_BASE_URL}/leads/check-email`, {
+    const res = await fetch(WORKER_PROXY_URL, {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({ email: email.toLowerCase().trim() }),
     });
     if (!res.ok) return null;
     const data = await res.json();
-    if (!data.exists) return null;
+    return data.total > 0 ? data.results[0].properties : null;
-    // Forme attendue par showAlreadyRegistered : { firstname, reference_client }
-    return {
-      firstname: data.firstname || '',
-      reference_client: data.reference_client || '',
-    };
   } catch {
     return null;
   }
@@ -97,17 +95,18 @@ function setupContactForm(form) {
       address:   form.address.value.trim(),
     };
 
-    // ── ENVOI VERS MVA-API ────────────────────────────────────────
+    // ── ENVOI VERS LE WORKER ─────────────────────────────────────
-    // L'API stocke les données en `leads_pending` (24h TTL) et envoie un
+    // Le Worker stocke les données en KV (24h) et envoie un email de
-    // email de validation via Resend. Le lead n'est INSERT en `leads` QUE
+    // validation via Resend. Le contact n'est créé dans HubSpot QUE
     // quand l'utilisateur clique sur le lien de confirmation
-    // (anti-pollution DB + anti-bot complémentaire à Turnstile).
+    // (anti-pollution du CRM).
     let ok = false;
     try {
-      const res = await fetch(`${API_BASE_URL}/leads/request-verification`, {
+      const res = await fetch(WORKER_PROXY_URL, {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({
+          action: 'requestVerification',
           ...data,
           turnstile_token: window.turnstileToken || '',
         }),
@@ -222,26 +221,29 @@ function showSuccess(_refNumber, _clientData) {
 }
 
 // ── EMAIL "RAVIS DE VOUS REVOIR" (client déjà inscrit) ───────────
-// Rappelle au client son numéro de référence existant — zéro write DB.
+// Rappelle au client son numéro de référence existant — n'écrit
-// Passe par mva-api /leads/welcome-back qui délègue à Resend.
+// RIEN dans HubSpot. Passe par le Cloudflare Worker (action:
-// Anti-bot via Turnstile : transmet le token déjà validé au moment du
+// sendWelcomeBack) qui délègue à Resend. Anti-bot via Turnstile :
-// submit du formulaire.
+// transmet le token déjà validé au moment du submit du formulaire.
 async function sendWelcomeBackEmail(contact) {
+  if (!WORKER_PROXY_URL) return;
   if (!contact || !contact.email) return;
   if (!window.turnstileToken) return;
   try {
-    await fetch(`${API_BASE_URL}/leads/welcome-back`, {
+    await fetch(WORKER_PROXY_URL, {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({
+        action          : 'sendWelcomeBack',
         email           : contact.email,
+        firstname       : contact.firstname || '',
         turnstile_token : window.turnstileToken,
       }),
     });
   } catch (err) {
     // Erreur réseau : on n'interrompt pas l'UX (le client voit
     // déjà sa référence dans le UI).
-    console.warn('welcome-back failed:', err);
+    console.warn('Worker sendWelcomeBack failed:', err);
   }
 }