sunuid-sdk 1.0.43 → 1.0.44

package/dist/sunuid-sdk.js

@@ -857,9 +857,26 @@
       }, {
         key: "handleQRScanSuccess",
         value: function handleQRScanSuccess(data) {
-          console.log('✅ QR Scan Success:', data);
-          if (this.config.onSuccess) {
-            this.config.onSuccess(data);
+          console.log('✅ QR Scan Success reçu:', data);
+          try {
+            // Traiter l'authentification comme un callback
+            this.processAuthentication(data);
+
+            // Afficher un message de succès
+            this.showSuccessMessage(data);
+
+            // Appeler le callback de succès (pour compatibilité)
+            if (this.config.onSuccess) {
+              this.config.onSuccess(data);
+            }
+            console.log('✅ Authentification WebSocket traitée avec succès');
+          } catch (error) {
+            console.error('❌ Erreur lors du traitement WebSocket:', error);
+
+            // Appeler le callback d'erreur
+            if (this.config.onAuthenticationError) {
+              this.config.onAuthenticationError(error, data);
+            }
           }
         }
 
@@ -2579,6 +2596,37 @@
           console.log('✅ Loader affiché avec succès');
         }
 
+        /**
+         * Afficher un message de succès après authentification
+         */
+      }, {
+        key: "showSuccessMessage",
+        value: function showSuccessMessage(data) {
+          console.log('✅ Affichage du message de succès');
+
+          // Chercher le conteneur QR dans différents IDs possibles
+          var containerIds = ['qr-area', 'qr-container', 'sunuid-qr-container'];
+          var container = null;
+          for (var _i3 = 0, _containerIds2 = containerIds; _i3 < _containerIds2.length; _i3++) {
+            var id = _containerIds2[_i3];
+            container = document.getElementById(id);
+            if (container) break;
+          }
+          if (!container) {
+            console.warn('⚠️ Conteneur QR non trouvé pour afficher le message de succès');
+            return;
+          }
+
+          // Extraire les informations utilisateur
+          var userInfo = data.user_info || {};
+          var userName = userInfo.name || userInfo.username || 'Utilisateur';
+          var userEmail = userInfo.email || '';
+
+          // Remplacer le contenu par un message de succès
+          container.innerHTML = "\n                <div style=\"\n                    text-align: center;\n                    padding: 40px 20px;\n                    background: #d4edda;\n                    border: 2px solid #28a745;\n                    border-radius: 10px;\n                    color: #155724;\n                    font-family: Arial, sans-serif;\n                \">\n                    <div style=\"\n                        width: 60px;\n                        height: 60px;\n                        background: #28a745;\n                        border-radius: 50%;\n                        display: flex;\n                        align-items: center;\n                        justify-content: center;\n                        margin: 0 auto 20px auto;\n                        font-size: 30px;\n                        color: white;\n                    \">\u2705</div>\n                    <h3 style=\"margin: 0 0 10px 0; color: #155724;\">\uD83C\uDF89 Authentification r\xE9ussie !</h3>\n                    <p style=\"margin: 0 0 15px 0; font-size: 16px; font-weight: bold;\">\n                        Bienvenue, ".concat(userName, " !\n                    </p>\n                    ").concat(userEmail ? "<p style=\"margin: 0 0 15px 0; font-size: 14px; color: #6c757d;\">".concat(userEmail, "</p>") : '', "\n                    <p style=\"margin: 0; font-size: 14px;\">\n                        Votre identit\xE9 a \xE9t\xE9 v\xE9rifi\xE9e avec succ\xE8s.\n                    </p>\n                    <div style=\"margin-top: 20px; font-size: 12px; color: #6c757d;\">\n                        \uD83D\uDD04 Redirection en cours...\n                    </div>\n                </div>\n            ");
+          console.log('✅ Message de succès affiché');
+        }
+
         /**
          * Gérer le callback SunuID
          */