sunuid-sdk 1.0.42 → 1.0.44

package/dist/sunuid-sdk.esm.js

@@ -327,7 +327,6 @@ function _unsupportedIterableToArray(r, a) {
    */
   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);
@@ -337,13 +336,9 @@ function _unsupportedIterableToArray(r, a) {
       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');
     }
 
     /**
@@ -354,7 +349,7 @@ function _unsupportedIterableToArray(r, a) {
       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;
@@ -370,10 +365,26 @@ function _unsupportedIterableToArray(r, a) {
                 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);
@@ -593,14 +604,14 @@ function _unsupportedIterableToArray(r, a) {
     }, {
       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;
           }
@@ -624,36 +635,36 @@ function _unsupportedIterableToArray(r, a) {
             // 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)
@@ -661,7 +672,7 @@ function _unsupportedIterableToArray(r, a) {
               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();
               }
             });
 
@@ -843,9 +854,26 @@ function _unsupportedIterableToArray(r, a) {
     }, {
       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);
+          }
         }
       }
 
@@ -1594,7 +1622,7 @@ function _unsupportedIterableToArray(r, a) {
       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) {
@@ -1641,13 +1669,13 @@ function _unsupportedIterableToArray(r, a) {
                     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();
                   });
                 }));
@@ -1957,7 +1985,7 @@ function _unsupportedIterableToArray(r, a) {
     }, {
       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
@@ -1973,7 +2001,7 @@ function _unsupportedIterableToArray(r, a) {
                 _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;
@@ -2002,7 +2030,7 @@ function _unsupportedIterableToArray(r, a) {
         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) {
@@ -2065,7 +2093,7 @@ function _unsupportedIterableToArray(r, a) {
                         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
@@ -2098,7 +2126,7 @@ function _unsupportedIterableToArray(r, a) {
                             message: errorText
                           };
                         }
-                        _this5.logSecurityEvent('API_REQUEST_ERROR', {
+                        _this4.logSecurityEvent('API_REQUEST_ERROR', {
                           status: response.status,
                           statusText: response.statusText,
                           error: errorData.message
@@ -2109,7 +2137,7 @@ function _unsupportedIterableToArray(r, a) {
                         return response.json();
                       case 4:
                         result = _context17.v;
-                        _this5.logSecurityEvent('API_REQUEST_SUCCESS', {
+                        _this4.logSecurityEvent('API_REQUEST_SUCCESS', {
                           endpoint: endpointPath,
                           responseKeys: Object.keys(result)
                         });
@@ -2124,7 +2152,7 @@ function _unsupportedIterableToArray(r, a) {
                           _context17.n = 7;
                           break;
                         }
-                        _this5.logSecurityEvent('API_REQUEST_TIMEOUT', {
+                        _this4.logSecurityEvent('API_REQUEST_TIMEOUT', {
                           retryCount: retryCount
                         });
                         if (!(retryCount > maxRetries)) {
@@ -2139,7 +2167,7 @@ function _unsupportedIterableToArray(r, a) {
                           _context17.n = 8;
                           break;
                         }
-                        _this5.logSecurityEvent('API_REQUEST_MAX_RETRIES', {
+                        _this4.logSecurityEvent('API_REQUEST_MAX_RETRIES', {
                           retryCount: retryCount,
                           error: _t11.message
                         });
@@ -2565,6 +2593,37 @@ function _unsupportedIterableToArray(r, a) {
         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
        */