sunuid-sdk 1.0.34 → 1.0.35

package/dist/sunuid-sdk.esm.js

@@ -288,6 +288,8 @@ function _unsupportedIterableToArray(r, a) {
     // 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,
@@ -325,8 +327,10 @@ function _unsupportedIterableToArray(r, a) {
       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();
+      }
     }
 
     /**
@@ -590,6 +594,19 @@ function _unsupportedIterableToArray(r, a) {
               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é');
           }
@@ -743,6 +760,7 @@ function _unsupportedIterableToArray(r, a) {
     }, {
       key: "handleQRStatusUpdate",
       value: function handleQRStatusUpdate(data) {
+        console.log('📱 QR Status Update:', data);
         if (this.config.onStatusUpdate) {
           this.config.onStatusUpdate(data);
         }
@@ -754,6 +772,7 @@ function _unsupportedIterableToArray(r, a) {
     }, {
       key: "handleQRScanSuccess",
       value: function handleQRScanSuccess(data) {
+        console.log('✅ QR Scan Success:', data);
         if (this.config.onSuccess) {
           this.config.onSuccess(data);
         }
@@ -765,6 +784,7 @@ function _unsupportedIterableToArray(r, a) {
     }, {
       key: "handleQRExpired",
       value: function handleQRExpired(data) {
+        console.log('⏰ QR Expired:', data);
         if (this.config.onExpired) {
           this.config.onExpired(data);
         }
@@ -2404,6 +2424,32 @@ function _unsupportedIterableToArray(r, a) {
         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;