sunuid-sdk 1.0.43 → 1.0.45

package/dist/sunuid-sdk.js

@@ -857,9 +857,29 @@
       }, {
         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 {
+            // Extraire les données d'authentification du format WebSocket
+            var authData = this.extractAuthDataFromWebSocket(data);
+
+            // Traiter l'authentification comme un callback
+            this.processAuthentication(authData);
+
+            // Afficher un message de succès
+            this.showSuccessMessage(authData);
+
+            // Appeler le callback de succès (pour compatibilité)
+            if (this.config.onSuccess) {
+              this.config.onSuccess(authData);
+            }
+            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 +2599,84 @@
           console.log('✅ Loader affiché avec succès');
         }
 
+        /**
+         * Extraire les données d'authentification du format WebSocket
+         */
+      }, {
+        key: "extractAuthDataFromWebSocket",
+        value: function extractAuthDataFromWebSocket(websocketData) {
+          console.log('🔍 Extraction des données d\'authentification du WebSocket:', websocketData);
+
+          // Si les données sont déjà dans le bon format (callback), les retourner directement
+          if (websocketData.token && websocketData.session_id) {
+            console.log('✅ Données déjà au bon format (callback)');
+            return websocketData;
+          }
+
+          // Si c'est un format WebSocket, extraire les données de responseData
+          if (websocketData.responseData) {
+            console.log('✅ Format WebSocket détecté, extraction de responseData');
+            var authData = {
+              token: websocketData.responseData.token || websocketData.responseData.auth_token,
+              session_id: websocketData.responseData.session_id || websocketData.responseData.sessionId,
+              user_id: websocketData.responseData.user_id || websocketData.responseData.userId,
+              partner_id: websocketData.responseData.partner_id || websocketData.responseData.partnerId,
+              type: websocketData.responseData.type,
+              timestamp: websocketData.responseData.timestamp || websocketData.timestamp,
+              signature: websocketData.responseData.signature,
+              user_info: websocketData.responseData.user_info || websocketData.responseData.userInfo,
+              redirect_url: websocketData.responseData.redirect_url || websocketData.responseData.redirectUrl
+            };
+            console.log('📋 Données d\'authentification extraites:', authData);
+            return authData;
+          }
+
+          // Fallback : essayer d'extraire directement des champs principaux
+          console.log('⚠️ Format non reconnu, tentative d\'extraction directe');
+          return {
+            token: websocketData.token || websocketData.auth_token,
+            session_id: websocketData.session_id || websocketData.sessionId,
+            user_id: websocketData.user_id || websocketData.userId,
+            partner_id: websocketData.partner_id || websocketData.partnerId,
+            type: websocketData.type,
+            timestamp: websocketData.timestamp,
+            signature: websocketData.signature,
+            user_info: websocketData.user_info || websocketData.userInfo,
+            redirect_url: websocketData.redirect_url || websocketData.redirectUrl
+          };
+        }
+
+        /**
+         * 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
          */