sunuid-sdk 1.0.34 → 1.0.35

package/dist/sunuid-sdk.js

@@ -291,6 +291,8 @@
       // Désactivé par défaut pour éviter les appels répétitifs
       refreshInterval: 30000,
       // 30 secondes
+      autoInit: true,
+      // Initialisation automatique par défaut
       onSuccess: null,
       onError: null,
       onStatusUpdate: null,
@@ -328,8 +330,10 @@
         this.isInitialized = false;
         this.socket = null;
 
-        // Initialisation asynchrone
-        this.initPromise = this.init();
+        // Initialisation asynchrone seulement si autoInit est activé
+        if (this.config.autoInit !== false) {
+          this.initPromise = this.init();
+        }
       }
 
       /**
@@ -593,6 +597,19 @@
                 console.log('⏰ QR expiré reçu:', data);
                 _this.handleQRExpired(data);
               });
+
+              // Écouter tous les événements socket pour les logger
+              this.socket.onAny(function (eventName) {
+                for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+                  args[_key - 1] = arguments[_key];
+                }
+                console.log("\uD83C\uDF10 Socket Event [".concat(eventName, "]:"), args);
+
+                // Si c'est un événement qr_scan_initiated, afficher le loader
+                if (eventName === 'qr_scan_initiated') {
+                  _this.showQRLoader();
+                }
+              });
             } else {
               console.log('🌐 WebSocket déjà connecté');
             }
@@ -746,6 +763,7 @@
       }, {
         key: "handleQRStatusUpdate",
         value: function handleQRStatusUpdate(data) {
+          console.log('📱 QR Status Update:', data);
           if (this.config.onStatusUpdate) {
             this.config.onStatusUpdate(data);
           }
@@ -757,6 +775,7 @@
       }, {
         key: "handleQRScanSuccess",
         value: function handleQRScanSuccess(data) {
+          console.log('✅ QR Scan Success:', data);
           if (this.config.onSuccess) {
             this.config.onSuccess(data);
           }
@@ -768,6 +787,7 @@
       }, {
         key: "handleQRExpired",
         value: function handleQRExpired(data) {
+          console.log('⏰ QR Expired:', data);
           if (this.config.onExpired) {
             this.config.onExpired(data);
           }
@@ -2407,6 +2427,32 @@
           window.SunuIDSecurityLogs = [];
           this.logSecurityEvent('SECURITY_LOGS_CLEARED');
         }
+
+        /**
+         * Afficher un loader pendant le scan du QR code
+         */
+      }, {
+        key: "showQRLoader",
+        value: function showQRLoader() {
+          console.log('🔄 Affichage du loader - Scan QR initié');
+
+          // Chercher le conteneur QR dans différents IDs possibles
+          var containerIds = ['qr-area', 'qr-container', 'sunuid-qr-container'];
+          var container = null;
+          for (var _i2 = 0, _containerIds = containerIds; _i2 < _containerIds.length; _i2++) {
+            var id = _containerIds[_i2];
+            container = document.getElementById(id);
+            if (container) break;
+          }
+          if (!container) {
+            console.warn('⚠️ Conteneur QR non trouvé pour afficher le loader');
+            return;
+          }
+
+          // Remplacer le contenu par un loader animé
+          container.innerHTML = "\n                <div style=\"\n                    text-align: center;\n                    padding: 40px 20px;\n                    background: #f8f9fa;\n                    border: 2px solid #007bff;\n                    border-radius: 10px;\n                    color: #007bff;\n                    font-family: Arial, sans-serif;\n                \">\n                    <div style=\"\n                        width: 60px;\n                        height: 60px;\n                        border: 4px solid #e3f2fd;\n                        border-top: 4px solid #007bff;\n                        border-radius: 50%;\n                        animation: spin 1s linear infinite;\n                        margin: 0 auto 20px auto;\n                    \"></div>\n                    <h3 style=\"margin: 0 0 10px 0; color: #007bff;\">\uD83D\uDD0D Scan en cours...</h3>\n                    <p style=\"margin: 0; font-size: 14px;\">\n                        Veuillez patienter pendant la v\xE9rification de votre identit\xE9.\n                    </p>\n                    <div style=\"margin-top: 15px; font-size: 12px; color: #6c757d;\">\n                        \u23F1\uFE0F Traitement en cours...\n                    </div>\n                </div>\n                <style>\n                    @keyframes spin {\n                        0% { transform: rotate(0deg); }\n                        100% { transform: rotate(360deg); }\n                    }\n                </style>\n            ";
+          console.log('✅ Loader affiché avec succès');
+        }
       }]);
     }(); // Exposer la classe globalement
     window.SunuID = SunuID;