Merge pull request 'fix(reset-password): redirect to mvaglobalfret:// custom scheme' (#11 ) from fix/reset-password-deep-link-mva into main

fix(reset-password): redirect to mvaglobalfret:// custom scheme for mva-api tokens
Le bridge HTML redirige maintenant vers le custom scheme natif mvaglobalfret://reset-password?token=... au lieu de https://auth.mind4solutions.com/reset-password. Le flow Supabase (auth.m4s.com / Phase 2.1) ne sait pas valider les tokens UUID custom émis par mva-api (Fastify). Sans ce fix, les emails reset password Cluster A B2 atterriraient sur une page d'erreur "Lien invalide". UI fallback HTML conservée + bouton CTA stylé pour les cas où le deep-link automatique ne déclenche pas l'app (browser desktop, app non installée). Fixes Cluster A B2 blocker (= session 2026-05-07 MVA app). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-07 22:31:54 +03:00 · 2026-05-07 21:27:59 +02:00
1 changed files with 37 additions and 13 deletions
--- a/reset-password.html
+++ b/reset-password.html
@ -4,30 +4,54 @@
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="robots" content="noindex, nofollow">
-  <title>Redirection — MVA Global Fret</title>
+  <title>Réinitialisation du mot de passe — MVA Global Fret</title>
  <link rel="icon" type="image/png" href="PNG MVA GLOBAL FRET.png">
  <script>
-    // Bridge mobile deep link MVA Expo : redirect vers auth.mind4solutions.com
-    // qui héberge le UI reset-password Phase 2.2 m4s-auth.
-    // Conserve le query param ?token=... pour que GoTrue PKCE flow continue.
+    // Bridge mobile deep link MVA : redirect vers le custom scheme natif
+    // mvaglobalfret://reset-password pour ouvrir le flow in-app de l'app Expo.
+    // Le token est un UUID custom émis par mva-api (Fastify), validé côté app.
    (function() {
-      var params = window.location.search || '';
-      var hash = window.location.hash || '';
-      window.location.replace('https://auth.mind4solutions.com/reset-password' + params + hash);
+      var token = new URLSearchParams(window.location.search).get('token');
+      if (token) {
+        window.location.replace('mvaglobalfret://reset-password?token=' + encodeURIComponent(token));
+      }
    })();
  </script>
  <style>
-    body { font-family: system-ui, -apple-system, sans-serif; text-align: center; padding: 2rem; color: #333; }
-    a { color: #c5a55a; font-weight: 600; }
+    body {
+      font-family: system-ui, -apple-system, sans-serif;
+      text-align: center;
+      padding: 2rem;
+      color: #333;
+      max-width: 480px;
+      margin: 0 auto;
+    }
+    h1 { color: #2d3748; font-size: 1.5rem; }
+    p { line-height: 1.6; }
+    a.cta {
+      display: inline-block;
+      background: #c5a55a;
+      color: #fff;
+      padding: 0.75rem 1.5rem;
+      border-radius: 6px;
+      text-decoration: none;
+      font-weight: 600;
+      margin-top: 1rem;
+    }
+    a.cta:hover { background: #b3954a; }
+    .hint { color: #666; font-size: 0.9rem; margin-top: 2rem; }
  </style>
 </head>
 <body>
-  <h1>Redirection en cours...</h1>
-  <p>Si la redirection automatique ne fonctionne pas,
-    <a id="manual-link" href="https://auth.mind4solutions.com/reset-password">cliquez ici</a>.
+  <h1>Ouvrir l'app MVA Global Fret</h1>
+  <p>Pour réinitialiser votre mot de passe, ouvrez le lien ci-dessous dans l'application MVA Global Fret installée sur votre téléphone.</p>
+  <p>
+    <a id="manual-link" class="cta" href="#">Réinitialiser mon mot de passe</a>
  </p>
+  <p class="hint">Si rien ne se passe, vérifiez que l'application MVA Global Fret est bien installée sur votre appareil.</p>
  <script>
-    document.getElementById('manual-link').href = 'https://auth.mind4solutions.com/reset-password' + (window.location.search || '');
+    var token = new URLSearchParams(window.location.search).get('token') || '';
+    document.getElementById('manual-link').href = 'mvaglobalfret://reset-password?token=' + encodeURIComponent(token);
  </script>
 </body>
 </html>