sunuid-sdk 1.0.42 → 1.0.44

package/dist/sunuid-sdk.js

@@ -330,7 +330,6 @@
      */
     var SunuID = /*#__PURE__*/function () {
       function SunuID() {
-        var _this = this;
         var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
         _classCallCheck(this, SunuID);
         this.config = _objectSpread2(_objectSpread2({}, DEFAULT_CONFIG), config);
@@ -340,13 +339,9 @@
         this.socket = null;
         this.initPromise = null;
 
-        // Initialisation asynchrone seulement si autoInit est explicitement activé
-        if (this.config.autoInit === true) {
-          // Délai pour éviter les conflits avec d'autres scripts
-          setTimeout(function () {
-            _this.init();
-          }, 100);
-        }
+        // DÉSACTIVÉ : Initialisation automatique pour éviter les boucles
+        // L'utilisateur doit appeler init() manuellement
+        console.log('🔧 SDK SunuID créé - Appelez init() manuellement');
       }
 
       /**
@@ -357,7 +352,7 @@
         value: (function () {
           var _init = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
             return _regenerator().w(function (_context) {
-              while (1) switch (_context.n) {
+              while (1) switch (_context.p = _context.n) {
                 case 0:
                   if (!this.isInitialized) {
                     _context.n = 1;
@@ -373,10 +368,26 @@
                   console.log('⚠️ Initialisation déjà en cours, attente...');
                   return _context.a(2, this.initPromise);
                 case 2:
+                  if (!this._initInProgress) {
+                    _context.n = 3;
+                    break;
+                  }
+                  console.log('⚠️ Initialisation en cours, ignoré');
+                  return _context.a(2);
+                case 3:
+                  this._initInProgress = true;
                   this.initPromise = this._doInit();
+                  _context.p = 4;
+                  _context.n = 5;
+                  return this.initPromise;
+                case 5:
+                  _context.p = 5;
+                  this._initInProgress = false;
+                  return _context.f(5);
+                case 6:
                   return _context.a(2, this.initPromise);
               }
-            }, _callee, this);
+            }, _callee, this, [[4,, 5, 6]]);
           }));
           function init() {
             return _init.apply(this, arguments);
@@ -596,14 +607,14 @@
       }, {
         key: "initWebSocket",
         value: function initWebSocket() {
-          var _this2 = this;
+          var _this = this;
           try {
             // Vérifier si Socket.IO est disponible
             if (typeof io === 'undefined') {
               console.warn('⚠️ Socket.IO non disponible, WebSocket sera initialisé plus tard');
               // Réessayer après un délai
               setTimeout(function () {
-                return _this2.initWebSocket();
+                return _this.initWebSocket();
               }, 1000);
               return;
             }
@@ -627,36 +638,36 @@
               // Gestion des événements WebSocket
               this.socket.on('connect', function () {
                 console.log('🌐 WebSocket connecté avec succès');
-                console.log('📊 Socket ID:', _this2.socket.id);
-                _this2.socket.connected = true;
+                console.log('📊 Socket ID:', _this.socket.id);
+                _this.socket.connected = true;
               });
               this.socket.on('disconnect', function (reason) {
                 console.log('❌ WebSocket déconnecté:', reason);
-                _this2.socket.connected = false;
+                _this.socket.connected = false;
               });
               this.socket.on('connect_error', function (error) {
                 console.error('❌ Erreur connexion WebSocket:', error);
-                _this2.socket.connected = false;
+                _this.socket.connected = false;
               });
 
               // Écouter les événements spécifiques
               this.socket.on('qr_status_update', function (data) {
                 console.log('📱 Mise à jour statut QR reçue:', data);
-                _this2.handleQRStatusUpdate(data);
+                _this.handleQRStatusUpdate(data);
               });
               this.socket.on('qr_scan_success', function (data) {
                 console.log('✅ Scan QR réussi reçu:', data);
-                _this2.handleQRScanSuccess(data);
+                _this.handleQRScanSuccess(data);
               });
               this.socket.on('qr_expired', function (data) {
                 console.log('⏰ QR expiré reçu:', data);
-                _this2.handleQRExpired(data);
+                _this.handleQRExpired(data);
               });
 
               // Écouter l'événement qr_scan_initiated spécifiquement
               this.socket.on('qr_scan_initiated', function (data) {
                 console.log('🔍 QR Scan Initiated reçu:', data);
-                _this2.showQRLoader();
+                _this.showQRLoader();
               });
 
               // Écouter l'événement message générique (fallback)
@@ -664,7 +675,7 @@
                 console.log('📨 Message socket reçu:', data);
                 if (data && data.type === 'qr_scan_initiated') {
                   console.log('🔍 QR Scan Initiated détecté dans message:', data);
-                  _this2.showQRLoader();
+                  _this.showQRLoader();
                 }
               });
 
@@ -846,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);
+            }
           }
         }
 
@@ -1597,7 +1625,7 @@
         key: "generateQRClientSide",
         value: (function () {
           var _generateQRClientSide = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee12(content, label, qrContainer) {
-            var _this3 = this;
+            var _this2 = this;
             var canvas, ctx;
             return _regenerator().w(function (_context12) {
               while (1) switch (_context12.n) {
@@ -1644,13 +1672,13 @@
                       var dataUrl = canvas.toDataURL('image/png');
 
                       // Stocker l'URL
-                      _this3.currentQRUrl = dataUrl;
+                      _this2.currentQRUrl = dataUrl;
 
                       // Afficher le QR code
                       qrContainer.innerHTML = "\n                        <div style=\"text-align: center; padding: 20px;\">\n                            <img src=\"".concat(dataUrl, "\" alt=\"QR Code\" style=\"max-width: 300px; border: 2px solid #ddd; border-radius: 10px;\">\n                        </div>\n                    ");
 
                       // Afficher les instructions
-                      _this3.showQRInstructions(qrContainer);
+                      _this2.showQRInstructions(qrContainer);
                       resolve();
                     });
                   }));
@@ -1960,7 +1988,7 @@
       }, {
         key: "startAutoRefresh",
         value: function startAutoRefresh(containerId, type, options) {
-          var _this4 = this;
+          var _this3 = this;
           if (!this.config.autoRefresh) return;
 
           // Arrêter le timer existant s'il y en a un
@@ -1976,7 +2004,7 @@
                   _context16.p = 0;
                   console.log('🔄 Rafraîchissement automatique du QR code...');
                   _context16.n = 1;
-                  return _this4.refreshQR(containerId, type, options);
+                  return _this3.refreshQR(containerId, type, options);
                 case 1:
                   _context16.n = 3;
                   break;
@@ -2005,7 +2033,7 @@
           var _makeRequest = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee17(endpoint, data) {
             var _window$SunuIDConfig4,
               _window$SunuIDConfig5,
-              _this5 = this;
+              _this4 = this;
             var sanitizedData, endpointPath, url, retryCount, maxRetries, _loop, _ret;
             return _regenerator().w(function (_context18) {
               while (1) switch (_context18.n) {
@@ -2068,7 +2096,7 @@
                           controller = new AbortController();
                           timeoutId = setTimeout(function () {
                             return controller.abort();
-                          }, _this5.config.requestTimeout); // Headers minimaux (API SunuID n'accepte que les headers essentiels)
+                          }, _this4.config.requestTimeout); // Headers minimaux (API SunuID n'accepte que les headers essentiels)
                           headers = {
                             'Content-Type': 'application/json'
                           }; // Note: En mode sécurisé, les credentials sont dans le body
@@ -2101,7 +2129,7 @@
                               message: errorText
                             };
                           }
-                          _this5.logSecurityEvent('API_REQUEST_ERROR', {
+                          _this4.logSecurityEvent('API_REQUEST_ERROR', {
                             status: response.status,
                             statusText: response.statusText,
                             error: errorData.message
@@ -2112,7 +2140,7 @@
                           return response.json();
                         case 4:
                           result = _context17.v;
-                          _this5.logSecurityEvent('API_REQUEST_SUCCESS', {
+                          _this4.logSecurityEvent('API_REQUEST_SUCCESS', {
                             endpoint: endpointPath,
                             responseKeys: Object.keys(result)
                           });
@@ -2127,7 +2155,7 @@
                             _context17.n = 7;
                             break;
                           }
-                          _this5.logSecurityEvent('API_REQUEST_TIMEOUT', {
+                          _this4.logSecurityEvent('API_REQUEST_TIMEOUT', {
                             retryCount: retryCount
                           });
                           if (!(retryCount > maxRetries)) {
@@ -2142,7 +2170,7 @@
                             _context17.n = 8;
                             break;
                           }
-                          _this5.logSecurityEvent('API_REQUEST_MAX_RETRIES', {
+                          _this4.logSecurityEvent('API_REQUEST_MAX_RETRIES', {
                             retryCount: retryCount,
                             error: _t11.message
                           });
@@ -2568,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
          */