@everymatrix/player-step-up-auth 1.70.3 → 1.70.5

package/dist/cjs/index.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const playerStepUpAuth = require('./player-step-up-auth-c7542709.js');
+const playerStepUpAuth = require('./player-step-up-auth-80ad5fa5.js');
 require('./index-bf4d774c.js');
 
 

package/dist/cjs/{player-step-up-auth-c7542709.js → player-step-up-auth-80ad5fa5.js}

@@ -73,7 +73,8 @@ const TRANSLATIONS = {
         close: 'Close',
         invalidOtp: 'The code you\'ve sent is not valid. Please try again.',
         accountBlocked: 'Too many attempts for OTP. Your account has been blocked for one hour.',
-        submissionError: 'Something went wrong. Please try again.'
+        submissionError: 'Something went wrong. Please try again.',
+        otpExpiredMessage: 'Validation code has expired, please request a new one to continue.'
     },
     ro: {
         popupMessage: 'Introduceți codul de securitate primit pe adresa dvs. de e-mail pentru a efectua actualizarea.',
@@ -87,7 +88,8 @@ const TRANSLATIONS = {
         close: 'Închide',
         invalidOtp: 'Codul introdus nu este valid. Vă rugăm să încercați din nou.',
         accountBlocked: 'Prea multe încercări de OTP. Contul dvs. a fost blocat timp de o oră.',
-        submissionError: 'Ceva a mers prost. Vă rugăm să încercați din nou.'
+        submissionError: 'Ceva a mers prost. Vă rugăm să încercați din nou.',
+        otpExpiredMessage: 'Codul de validare a expirat, vă rugăm să solicitați unul nou pentru a continua.'
     },
     fr: {
         popupMessage: 'Veuillez entrer le code de sécurité reçu sur votre adresse e-mail pour effectuer la mise à jour.',
@@ -101,7 +103,8 @@ const TRANSLATIONS = {
         close: 'Fermer',
         invalidOtp: 'Le code que vous avez saisi n’est pas valide. Veuillez réessayer.',
         accountBlocked: 'Trop de tentatives OTP. Votre compte a été bloqué pendant une heure.',
-        submissionError: 'Quelque chose s\'est mal passé. Veuillez réessayer.'
+        submissionError: 'Quelque chose s\'est mal passé. Veuillez réessayer.',
+        otpExpiredMessage: 'Le code de validation a expiré, veuillez en demander un nouveau pour continuer.'
     },
     hu: {
         popupMessage: 'Kérjük, adja meg az e-mail címére küldött biztonsági kódot a frissítés végrehajtásához.',
@@ -115,7 +118,8 @@ const TRANSLATIONS = {
         close: 'Bezárás',
         invalidOtp: 'A megadott kód érvénytelen. Kérjük, próbálja újra.',
         accountBlocked: 'Túl sok OTP próbálkozás. A fiókja egy órára zárolva lett.',
-        submissionError: 'Valami hiba történt. Kérjük, próbálja újra.'
+        submissionError: 'Valami hiba történt. Kérjük, próbálja újra.',
+        otpExpiredMessage: 'A megerősítő kód lejárt, kérjük, kérjen egy újat a folytatáshoz.'
     },
     tr: {
         popupMessage: 'Güncellemeyi gerçekleştirmek için e-posta adresinize gelen güvenlik kodunu girin.',
@@ -129,7 +133,8 @@ const TRANSLATIONS = {
         close: 'Kapat',
         invalidOtp: 'Gönderdiğiniz kod geçersiz. Lütfen tekrar deneyin.',
         accountBlocked: 'Çok fazla OTP denemesi yapıldı. Hesabınız bir saat boyunca kilitlendi.',
-        submissionError: 'Bir şeyler yanlış gitti. Lütfen tekrar deneyin.'
+        submissionError: 'Bir şeyler yanlış gitti. Lütfen tekrar deneyin.',
+        otpExpiredMessage: 'Doğrulama kodunun süresi doldu, devam etmek için lütfen yeni bir tane isteyin.'
     },
     el: {
         popupMessage: 'Παρακαλώ εισάγετε τον κωδικό ασφαλείας που λάβατε στο email σας για να ολοκληρώσετε την ενημέρωση.',
@@ -143,7 +148,8 @@ const TRANSLATIONS = {
         close: 'Κλείσιμο',
         invalidOtp: 'Ο κωδικός που εισαγάγατε δεν είναι έγκυρος. Παρακαλώ προσπαθήστε ξανά.',
         accountBlocked: 'Πάρα πολλές προσπάθειες OTP. Ο λογαριασμός σας έχει αποκλειστεί για μία ώρα.',
-        submissionError: 'Κάτι πήγε στραβά. Παρακαλώ προσπαθήστε ξανά.'
+        submissionError: 'Κάτι πήγε στραβά. Παρακαλώ προσπαθήστε ξανά.',
+        otpExpiredMessage: 'Ο κωδικός επαλήθευσης έχει λήξει, παρακαλώ ζητήστε έναν νέο για να συνεχίσετε.'
     },
     es: {
         popupMessage: 'Por favor, introduzca el código de seguridad recibido en su correo electrónico para realizar la actualización.',
@@ -157,7 +163,8 @@ const TRANSLATIONS = {
         close: 'Cerrar',
         invalidOtp: 'El código que ingresaste no es válido. Por favor, inténtalo de nuevo.',
         accountBlocked: 'Demasiados intentos de OTP. Su cuenta ha sido bloqueada por una hora.',
-        submissionError: 'Algo salió mal. Por favor, inténtelo de nuevo.'
+        submissionError: 'Algo salió mal. Por favor, inténtelo de nuevo.',
+        otpExpiredMessage: 'El código de validación ha expirado, por favor solicite uno nuevo para continuar.'
     },
     pt: {
         popupMessage: 'Por favor, insira o código de segurança recebido no seu e-mail para realizar a atualização.',
@@ -171,7 +178,8 @@ const TRANSLATIONS = {
         close: 'Fechar',
         invalidOtp: 'O código inserido não é válido. Por favor, tente novamente.',
         accountBlocked: 'Muitas tentativas de OTP. Sua conta foi bloqueada por uma hora.',
-        submissionError: 'Algo deu errado. Por favor, tente novamente.'
+        submissionError: 'Algo deu errado. Por favor, tente novamente.',
+        otpExpiredMessage: 'O código de validação expirou, por favor solicite um novo para continuar.'
     },
     hr: {
         popupMessage: 'Unesite sigurnosni kod primljen na vašu e-mail adresu kako biste izvršili ažuriranje.',
@@ -185,7 +193,8 @@ const TRANSLATIONS = {
         close: 'Zatvori',
         invalidOtp: 'Uneseni kod nije valjan. Molimo pokušajte ponovo.',
         accountBlocked: 'Previše pokušaja unosa OTP-a. Vaš račun je blokiran na jedan sat.',
-        submissionError: 'Nešto je pošlo po zlu. Molimo pokušajte ponovo.'
+        submissionError: 'Nešto je pošlo po zlu. Molimo pokušajte ponovo.',
+        otpExpiredMessage: 'Kod za potvrdu je istekao, molimo zatražite novi kako biste nastavili.'
     },
     de: {
         popupMessage: 'Bitte geben Sie den Sicherheitscode ein, den Sie an Ihre E-Mail-Adresse erhalten haben, um das Update durchzuführen.',
@@ -199,7 +208,8 @@ const TRANSLATIONS = {
         close: 'Schließen',
         invalidOtp: 'Der eingegebene Code ist ungültig. Bitte versuchen Sie es erneut.',
         accountBlocked: 'Zu viele OTP-Versuche. Ihr Konto wurde für eine Stunde gesperrt.',
-        submissionError: 'Etwas ist schiefgelaufen. Bitte versuchen Sie es erneut.'
+        submissionError: 'Etwas ist schiefgelaufen. Bitte versuchen Sie es erneut.',
+        otpExpiredMessage: 'Der Bestätigungscode ist abgelaufen, bitte fordern Sie einen neuen an, um fortzufahren.'
     },
     'es-mx': {
         popupMessage: 'Por favor, ingrese el código de seguridad recibido en su correo electrónico para realizar la actualización.',
@@ -213,7 +223,8 @@ const TRANSLATIONS = {
         close: 'Cerrar',
         invalidOtp: 'El código que ingresó no es válido. Inténtelo de nuevo.',
         accountBlocked: 'Demasiados intentos de OTP. Su cuenta ha sido bloqueada por una hora.',
-        submissionError: 'Algo salió mal. Por favor, inténtelo de nuevo.'
+        submissionError: 'Algo salió mal. Por favor, inténtelo de nuevo.',
+        otpExpiredMessage: 'El código de validación ha expirado, por favor solicite uno nuevo para continuar.'
     },
     'pt-br': {
         popupMessage: 'Por favor, digite o código de segurança recebido no seu e-mail para realizar a atualização.',
@@ -227,7 +238,8 @@ const TRANSLATIONS = {
         close: 'Fechar',
         invalidOtp: 'O código informado não é válido. Tente novamente.',
         accountBlocked: 'Muitas tentativas de OTP. Sua conta foi bloqueada por uma hora.',
-        submissionError: 'Algo deu errado. Por favor, tente novamente.'
+        submissionError: 'Algo deu errado. Por favor, tente novamente.',
+        otpExpiredMessage: 'O código de validação expirou, por favor solicite um novo para continuar.'
     },
 };
 const getTranslations = (url) => {
@@ -314,15 +326,18 @@ const PlayerStepUpAuth = class {
         }
     }
     /**
-     * Listens for the 'closePopup' event dispatched on the window
-     * and triggers popup closing logic. This allows other components
-     * or scripts to close the popup via a custom event.
+     * Listens for the global 'closePopup' event to close the popup manually.
      */
     handleCloseWidget() {
+        if (this.countdownTimer) {
+            clearInterval(this.countdownTimer);
+            this.countdownTimer = null;
+        }
         this.hasErrors = false;
         this.hasConfigErrors = false;
         this.errorMessage = '';
         this.showPopup = false;
+        this.isLastWarning = false;
     }
     /**
      * Class constructor
@@ -331,6 +346,7 @@ const PlayerStepUpAuth = class {
         index.registerInstance(this, hostRef);
         this.otpInputs = [];
         this.countdownTimer = null;
+        this.expirationTimestamp = 0;
         this.mbSource = undefined;
         this.clientStyling = undefined;
         this.clientStylingUrl = undefined;
@@ -399,41 +415,37 @@ const PlayerStepUpAuth = class {
         }
     }
     /**
-     * Starts the countdown timer for OTP expiration.
-     * - Clears any existing timer to prevent duplicate intervals.
-     * - Decreases `timeLeft` every second.
-     * - Stops the countdown when time reaches 0.
-     * - Shows the "Resend OTP" option when time runs out.
+     * Calculates the remaining time for OTP expiration.
+     * Adjusts client time based on server offset.
      */
     calculateTimeLeft() {
         const expirationDate = new Date(this.expirationTime);
-        const serverTime = new Date(this.serverTime);
-        if (!this.currentTime) {
-            this.currentTime = new Date();
-        }
-        // Calculate the offset (difference between server time and local time)
-        const offset = serverTime.getTime() - this.currentTime.getTime();
-        // Adjust current time using the offset
-        const adjustedCurrentDate = new Date(this.currentTime.getTime() + offset);
-        // Calculate time left in seconds
-        this.timeLeft = Math.floor((expirationDate.getTime() - adjustedCurrentDate.getTime()) / 1000);
+        const serverDate = new Date(this.serverTime);
+        const localDate = new Date();
+        const offset = serverDate.getTime() - localDate.getTime();
+        this.expirationTimestamp = expirationDate.getTime() - offset;
+        const now = Date.now();
+        const timeRemaining = Math.max(0, Math.floor((this.expirationTimestamp - now) / 1000));
+        this.timeLeft = timeRemaining;
     }
     /**
-     * Starts a countdown timer for OTP expiration.
-     * Decreases `timeLeft` every second and closes the popup when time runs out.
+     * Starts a 1-second interval countdown for OTP expiration.
+     * Updates `timeLeft` state. Enables "Resend OTP" when expired.
      */
     startCountdown() {
         if (this.countdownTimer) {
-            clearInterval(this.countdownTimer); // Clear any existing timer
+            clearInterval(this.countdownTimer);
         }
         this.countdownTimer = setInterval(() => {
-            if (this.timeLeft > 0) {
-                this.timeLeft -= 1; // Update state correctly
-            }
-            else {
+            const now = Date.now();
+            const timeRemaining = Math.max(0, Math.floor((this.expirationTimestamp - now) / 1000));
+            this.timeLeft = timeRemaining;
+            if (timeRemaining <= 0) {
                 clearInterval(this.countdownTimer);
                 this.countdownTimer = null;
                 this.showResendOtp = true;
+                this.hasErrors = false;
+                this.isLastWarning = false;
             }
         }, 1000);
     }
@@ -672,7 +684,7 @@ const PlayerStepUpAuth = class {
      * Displays the OTP popup, input fields, timer, and action buttons.
      */
     render() {
-        return (index.h("div", { key: '15b15a9406ca14d5e09e2ed8018d096bc493493e', ref: el => this.stylingContainer = el }, this.showPopup && (index.h("div", { key: '27bb8fbc5d1a4e798852684e90996ce019d9fe97', class: "OtpPopupOverlay" }, index.h("div", { key: 'cc34a822937d9f9b553b59ff5b085ee6099326e3', class: "OtpPopupContent" }, this.isLoading ? (index.h("div", { class: "OtpLoaderContainer" }, index.h("span", { class: "OtpLoader" }))) : (this.hasConfigErrors ? (index.h("div", { class: "OtpError" }, index.h("div", { class: "OtpErrorHeader" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" }, index.h("path", { d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z" })), index.h("h2", null, translate('errorHeader', this.language))), index.h("p", null, this.errorMessage), index.h("button", { class: "OtpButton error", onClick: this.manualClosePopup }, translate('close', this.language)))) : (index.h(index.Fragment, null, index.h("div", { class: "otp-description" }, index.h("p", { class: this.isLastWarning ? 'LastWarningMessage' : '' }, translate(this.isLastWarning ? 'popupMessageLastWarning' : 'popupMessage', this.language)), this.hasErrors && index.h("p", { class: "OtpErrorMessage" }, this.errorMessage)), index.h("div", { class: "OtpFieldWrapper" }, index.h("h2", null, translate('otpHeading', this.language)), index.h("div", { class: "OtpField", ref: this.setOtpContainerRef }, this.otp.map((char, index$1) => {
+        return (index.h("div", { key: '9afac9d2e248a06828ce17dcb8dc6902fe4ec8cf', ref: el => this.stylingContainer = el }, this.showPopup && (index.h("div", { key: '48bab2747dcba4c64cb97a973a5f9961856126b8', class: "OtpPopupOverlay" }, index.h("div", { key: '89c38b7dbeb7a151f3c172d6913ea2e6884f2c40', class: "OtpPopupContent" }, this.isLoading ? (index.h("div", { class: "OtpLoaderContainer" }, index.h("span", { class: "OtpLoader" }))) : (this.hasConfigErrors ? (index.h("div", { class: "OtpError" }, index.h("div", { class: "OtpErrorHeader" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" }, index.h("path", { d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z" })), index.h("h2", null, translate('errorHeader', this.language))), index.h("p", null, this.errorMessage), index.h("button", { class: "OtpButton error", onClick: this.manualClosePopup }, translate('close', this.language)))) : (index.h(index.Fragment, null, index.h("div", { class: "otp-description" }, this.showResendOtp ? (index.h("p", { class: "OtpNoticeMessage", role: "alert" }, translate('otpExpiredMessage', this.language))) : (index.h(index.Fragment, null, index.h("p", { class: this.isLastWarning ? 'LastWarningMessage' : '' }, translate(this.isLastWarning ? 'popupMessageLastWarning' : 'popupMessage', this.language)), this.hasErrors && (index.h("p", { class: "OtpErrorMessage", role: "alert" }, this.errorMessage))))), index.h("div", { class: "OtpFieldWrapper" }, index.h("h2", null, translate('otpHeading', this.language)), index.h("div", { class: "OtpField", ref: this.setOtpContainerRef }, this.otp.map((char, index$1) => {
             const isHalfway = this.config.inputLength % 2 === 0 && index$1 === (this.config.inputLength / 2) - 1;
             return (index.h("input", { key: index$1, ref: el => this.setOtpInputRef(el, index$1), id: `otp-input-${index$1}`, type: "text", class: `otp-box ${isHalfway ? 'space' : ''}`, maxLength: 1, value: char, onInput: (event) => this.handleOtpInput(event, index$1), onKeyDown: (event) => this.handleKeyDown(event, index$1), onPaste: (event) => this.handleOnPasteOtp(event), disabled: this.timeLeft <= 0 }));
         })), index.h("div", { class: "otp-timer" }, this.formatTime(this.timeLeft), " ", translate('minutes', this.language))), index.h("div", { class: "OtpActionButtons" }, this.showResendOtp ? (index.h("button", { class: "OtpButton", onClick: this.handleResendOtp }, translate('resendOtp', this.language))) : (index.h("button", { class: "OtpButton", onClick: this.submitOtp, disabled: this.otp.join('').length !== this.config.inputLength }, translate('submit', this.language))), index.h("button", { class: "OtpButton", onClick: this.manualClosePopup }, translate('close', this.language)))))))))));

package/dist/cjs/player-step-up-auth.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const playerStepUpAuth = require('./player-step-up-auth-c7542709.js');
+const playerStepUpAuth = require('./player-step-up-auth-80ad5fa5.js');
 require('./index-bf4d774c.js');
 
 

package/dist/collection/components/player-step-up-auth/player-step-up-auth.js

@@ -63,15 +63,18 @@ export class PlayerStepUpAuth {
         }
     }
     /**
-     * Listens for the 'closePopup' event dispatched on the window
-     * and triggers popup closing logic. This allows other components
-     * or scripts to close the popup via a custom event.
+     * Listens for the global 'closePopup' event to close the popup manually.
      */
     handleCloseWidget() {
+        if (this.countdownTimer) {
+            clearInterval(this.countdownTimer);
+            this.countdownTimer = null;
+        }
         this.hasErrors = false;
         this.hasConfigErrors = false;
         this.errorMessage = '';
         this.showPopup = false;
+        this.isLastWarning = false;
     }
     /**
      * Class constructor
@@ -79,6 +82,7 @@ export class PlayerStepUpAuth {
     constructor() {
         this.otpInputs = [];
         this.countdownTimer = null;
+        this.expirationTimestamp = 0;
         this.mbSource = undefined;
         this.clientStyling = undefined;
         this.clientStylingUrl = undefined;
@@ -147,41 +151,37 @@ export class PlayerStepUpAuth {
         }
     }
     /**
-     * Starts the countdown timer for OTP expiration.
-     * - Clears any existing timer to prevent duplicate intervals.
-     * - Decreases `timeLeft` every second.
-     * - Stops the countdown when time reaches 0.
-     * - Shows the "Resend OTP" option when time runs out.
+     * Calculates the remaining time for OTP expiration.
+     * Adjusts client time based on server offset.
      */
     calculateTimeLeft() {
         const expirationDate = new Date(this.expirationTime);
-        const serverTime = new Date(this.serverTime);
-        if (!this.currentTime) {
-            this.currentTime = new Date();
-        }
-        // Calculate the offset (difference between server time and local time)
-        const offset = serverTime.getTime() - this.currentTime.getTime();
-        // Adjust current time using the offset
-        const adjustedCurrentDate = new Date(this.currentTime.getTime() + offset);
-        // Calculate time left in seconds
-        this.timeLeft = Math.floor((expirationDate.getTime() - adjustedCurrentDate.getTime()) / 1000);
+        const serverDate = new Date(this.serverTime);
+        const localDate = new Date();
+        const offset = serverDate.getTime() - localDate.getTime();
+        this.expirationTimestamp = expirationDate.getTime() - offset;
+        const now = Date.now();
+        const timeRemaining = Math.max(0, Math.floor((this.expirationTimestamp - now) / 1000));
+        this.timeLeft = timeRemaining;
     }
     /**
-     * Starts a countdown timer for OTP expiration.
-     * Decreases `timeLeft` every second and closes the popup when time runs out.
+     * Starts a 1-second interval countdown for OTP expiration.
+     * Updates `timeLeft` state. Enables "Resend OTP" when expired.
      */
     startCountdown() {
         if (this.countdownTimer) {
-            clearInterval(this.countdownTimer); // Clear any existing timer
+            clearInterval(this.countdownTimer);
         }
         this.countdownTimer = setInterval(() => {
-            if (this.timeLeft > 0) {
-                this.timeLeft -= 1; // Update state correctly
-            }
-            else {
+            const now = Date.now();
+            const timeRemaining = Math.max(0, Math.floor((this.expirationTimestamp - now) / 1000));
+            this.timeLeft = timeRemaining;
+            if (timeRemaining <= 0) {
                 clearInterval(this.countdownTimer);
                 this.countdownTimer = null;
                 this.showResendOtp = true;
+                this.hasErrors = false;
+                this.isLastWarning = false;
             }
         }, 1000);
     }
@@ -420,7 +420,7 @@ export class PlayerStepUpAuth {
      * Displays the OTP popup, input fields, timer, and action buttons.
      */
     render() {
-        return (h("div", { key: '15b15a9406ca14d5e09e2ed8018d096bc493493e', ref: el => this.stylingContainer = el }, this.showPopup && (h("div", { key: '27bb8fbc5d1a4e798852684e90996ce019d9fe97', class: "OtpPopupOverlay" }, h("div", { key: 'cc34a822937d9f9b553b59ff5b085ee6099326e3', class: "OtpPopupContent" }, this.isLoading ? (h("div", { class: "OtpLoaderContainer" }, h("span", { class: "OtpLoader" }))) : (this.hasConfigErrors ? (h("div", { class: "OtpError" }, h("div", { class: "OtpErrorHeader" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" }, h("path", { d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z" })), h("h2", null, translate('errorHeader', this.language))), h("p", null, this.errorMessage), h("button", { class: "OtpButton error", onClick: this.manualClosePopup }, translate('close', this.language)))) : (h(Fragment, null, h("div", { class: "otp-description" }, h("p", { class: this.isLastWarning ? 'LastWarningMessage' : '' }, translate(this.isLastWarning ? 'popupMessageLastWarning' : 'popupMessage', this.language)), this.hasErrors && h("p", { class: "OtpErrorMessage" }, this.errorMessage)), h("div", { class: "OtpFieldWrapper" }, h("h2", null, translate('otpHeading', this.language)), h("div", { class: "OtpField", ref: this.setOtpContainerRef }, this.otp.map((char, index) => {
+        return (h("div", { key: '9afac9d2e248a06828ce17dcb8dc6902fe4ec8cf', ref: el => this.stylingContainer = el }, this.showPopup && (h("div", { key: '48bab2747dcba4c64cb97a973a5f9961856126b8', class: "OtpPopupOverlay" }, h("div", { key: '89c38b7dbeb7a151f3c172d6913ea2e6884f2c40', class: "OtpPopupContent" }, this.isLoading ? (h("div", { class: "OtpLoaderContainer" }, h("span", { class: "OtpLoader" }))) : (this.hasConfigErrors ? (h("div", { class: "OtpError" }, h("div", { class: "OtpErrorHeader" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" }, h("path", { d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z" })), h("h2", null, translate('errorHeader', this.language))), h("p", null, this.errorMessage), h("button", { class: "OtpButton error", onClick: this.manualClosePopup }, translate('close', this.language)))) : (h(Fragment, null, h("div", { class: "otp-description" }, this.showResendOtp ? (h("p", { class: "OtpNoticeMessage", role: "alert" }, translate('otpExpiredMessage', this.language))) : (h(Fragment, null, h("p", { class: this.isLastWarning ? 'LastWarningMessage' : '' }, translate(this.isLastWarning ? 'popupMessageLastWarning' : 'popupMessage', this.language)), this.hasErrors && (h("p", { class: "OtpErrorMessage", role: "alert" }, this.errorMessage))))), h("div", { class: "OtpFieldWrapper" }, h("h2", null, translate('otpHeading', this.language)), h("div", { class: "OtpField", ref: this.setOtpContainerRef }, this.otp.map((char, index) => {
             const isHalfway = this.config.inputLength % 2 === 0 && index === (this.config.inputLength / 2) - 1;
             return (h("input", { key: index, ref: el => this.setOtpInputRef(el, index), id: `otp-input-${index}`, type: "text", class: `otp-box ${isHalfway ? 'space' : ''}`, maxLength: 1, value: char, onInput: (event) => this.handleOtpInput(event, index), onKeyDown: (event) => this.handleKeyDown(event, index), onPaste: (event) => this.handleOnPasteOtp(event), disabled: this.timeLeft <= 0 }));
         })), h("div", { class: "otp-timer" }, this.formatTime(this.timeLeft), " ", translate('minutes', this.language))), h("div", { class: "OtpActionButtons" }, this.showResendOtp ? (h("button", { class: "OtpButton", onClick: this.handleResendOtp }, translate('resendOtp', this.language))) : (h("button", { class: "OtpButton", onClick: this.submitOtp, disabled: this.otp.join('').length !== this.config.inputLength }, translate('submit', this.language))), h("button", { class: "OtpButton", onClick: this.manualClosePopup }, translate('close', this.language)))))))))));

package/dist/collection/utils/utils.js

@@ -12,7 +12,8 @@ const TRANSLATIONS = {
         close: 'Close',
         invalidOtp: 'The code you\'ve sent is not valid. Please try again.',
         accountBlocked: 'Too many attempts for OTP. Your account has been blocked for one hour.',
-        submissionError: 'Something went wrong. Please try again.'
+        submissionError: 'Something went wrong. Please try again.',
+        otpExpiredMessage: 'Validation code has expired, please request a new one to continue.'
     },
     ro: {
         popupMessage: 'Introduceți codul de securitate primit pe adresa dvs. de e-mail pentru a efectua actualizarea.',
@@ -26,7 +27,8 @@ const TRANSLATIONS = {
         close: 'Închide',
         invalidOtp: 'Codul introdus nu este valid. Vă rugăm să încercați din nou.',
         accountBlocked: 'Prea multe încercări de OTP. Contul dvs. a fost blocat timp de o oră.',
-        submissionError: 'Ceva a mers prost. Vă rugăm să încercați din nou.'
+        submissionError: 'Ceva a mers prost. Vă rugăm să încercați din nou.',
+        otpExpiredMessage: 'Codul de validare a expirat, vă rugăm să solicitați unul nou pentru a continua.'
     },
     fr: {
         popupMessage: 'Veuillez entrer le code de sécurité reçu sur votre adresse e-mail pour effectuer la mise à jour.',
@@ -40,7 +42,8 @@ const TRANSLATIONS = {
         close: 'Fermer',
         invalidOtp: 'Le code que vous avez saisi n’est pas valide. Veuillez réessayer.',
         accountBlocked: 'Trop de tentatives OTP. Votre compte a été bloqué pendant une heure.',
-        submissionError: 'Quelque chose s\'est mal passé. Veuillez réessayer.'
+        submissionError: 'Quelque chose s\'est mal passé. Veuillez réessayer.',
+        otpExpiredMessage: 'Le code de validation a expiré, veuillez en demander un nouveau pour continuer.'
     },
     hu: {
         popupMessage: 'Kérjük, adja meg az e-mail címére küldött biztonsági kódot a frissítés végrehajtásához.',
@@ -54,7 +57,8 @@ const TRANSLATIONS = {
         close: 'Bezárás',
         invalidOtp: 'A megadott kód érvénytelen. Kérjük, próbálja újra.',
         accountBlocked: 'Túl sok OTP próbálkozás. A fiókja egy órára zárolva lett.',
-        submissionError: 'Valami hiba történt. Kérjük, próbálja újra.'
+        submissionError: 'Valami hiba történt. Kérjük, próbálja újra.',
+        otpExpiredMessage: 'A megerősítő kód lejárt, kérjük, kérjen egy újat a folytatáshoz.'
     },
     tr: {
         popupMessage: 'Güncellemeyi gerçekleştirmek için e-posta adresinize gelen güvenlik kodunu girin.',
@@ -68,7 +72,8 @@ const TRANSLATIONS = {
         close: 'Kapat',
         invalidOtp: 'Gönderdiğiniz kod geçersiz. Lütfen tekrar deneyin.',
         accountBlocked: 'Çok fazla OTP denemesi yapıldı. Hesabınız bir saat boyunca kilitlendi.',
-        submissionError: 'Bir şeyler yanlış gitti. Lütfen tekrar deneyin.'
+        submissionError: 'Bir şeyler yanlış gitti. Lütfen tekrar deneyin.',
+        otpExpiredMessage: 'Doğrulama kodunun süresi doldu, devam etmek için lütfen yeni bir tane isteyin.'
     },
     el: {
         popupMessage: 'Παρακαλώ εισάγετε τον κωδικό ασφαλείας που λάβατε στο email σας για να ολοκληρώσετε την ενημέρωση.',
@@ -82,7 +87,8 @@ const TRANSLATIONS = {
         close: 'Κλείσιμο',
         invalidOtp: 'Ο κωδικός που εισαγάγατε δεν είναι έγκυρος. Παρακαλώ προσπαθήστε ξανά.',
         accountBlocked: 'Πάρα πολλές προσπάθειες OTP. Ο λογαριασμός σας έχει αποκλειστεί για μία ώρα.',
-        submissionError: 'Κάτι πήγε στραβά. Παρακαλώ προσπαθήστε ξανά.'
+        submissionError: 'Κάτι πήγε στραβά. Παρακαλώ προσπαθήστε ξανά.',
+        otpExpiredMessage: 'Ο κωδικός επαλήθευσης έχει λήξει, παρακαλώ ζητήστε έναν νέο για να συνεχίσετε.'
     },
     es: {
         popupMessage: 'Por favor, introduzca el código de seguridad recibido en su correo electrónico para realizar la actualización.',
@@ -96,7 +102,8 @@ const TRANSLATIONS = {
         close: 'Cerrar',
         invalidOtp: 'El código que ingresaste no es válido. Por favor, inténtalo de nuevo.',
         accountBlocked: 'Demasiados intentos de OTP. Su cuenta ha sido bloqueada por una hora.',
-        submissionError: 'Algo salió mal. Por favor, inténtelo de nuevo.'
+        submissionError: 'Algo salió mal. Por favor, inténtelo de nuevo.',
+        otpExpiredMessage: 'El código de validación ha expirado, por favor solicite uno nuevo para continuar.'
     },
     pt: {
         popupMessage: 'Por favor, insira o código de segurança recebido no seu e-mail para realizar a atualização.',
@@ -110,7 +117,8 @@ const TRANSLATIONS = {
         close: 'Fechar',
         invalidOtp: 'O código inserido não é válido. Por favor, tente novamente.',
         accountBlocked: 'Muitas tentativas de OTP. Sua conta foi bloqueada por uma hora.',
-        submissionError: 'Algo deu errado. Por favor, tente novamente.'
+        submissionError: 'Algo deu errado. Por favor, tente novamente.',
+        otpExpiredMessage: 'O código de validação expirou, por favor solicite um novo para continuar.'
     },
     hr: {
         popupMessage: 'Unesite sigurnosni kod primljen na vašu e-mail adresu kako biste izvršili ažuriranje.',
@@ -124,7 +132,8 @@ const TRANSLATIONS = {
         close: 'Zatvori',
         invalidOtp: 'Uneseni kod nije valjan. Molimo pokušajte ponovo.',
         accountBlocked: 'Previše pokušaja unosa OTP-a. Vaš račun je blokiran na jedan sat.',
-        submissionError: 'Nešto je pošlo po zlu. Molimo pokušajte ponovo.'
+        submissionError: 'Nešto je pošlo po zlu. Molimo pokušajte ponovo.',
+        otpExpiredMessage: 'Kod za potvrdu je istekao, molimo zatražite novi kako biste nastavili.'
     },
     de: {
         popupMessage: 'Bitte geben Sie den Sicherheitscode ein, den Sie an Ihre E-Mail-Adresse erhalten haben, um das Update durchzuführen.',
@@ -138,7 +147,8 @@ const TRANSLATIONS = {
         close: 'Schließen',
         invalidOtp: 'Der eingegebene Code ist ungültig. Bitte versuchen Sie es erneut.',
         accountBlocked: 'Zu viele OTP-Versuche. Ihr Konto wurde für eine Stunde gesperrt.',
-        submissionError: 'Etwas ist schiefgelaufen. Bitte versuchen Sie es erneut.'
+        submissionError: 'Etwas ist schiefgelaufen. Bitte versuchen Sie es erneut.',
+        otpExpiredMessage: 'Der Bestätigungscode ist abgelaufen, bitte fordern Sie einen neuen an, um fortzufahren.'
     },
     'es-mx': {
         popupMessage: 'Por favor, ingrese el código de seguridad recibido en su correo electrónico para realizar la actualización.',
@@ -152,7 +162,8 @@ const TRANSLATIONS = {
         close: 'Cerrar',
         invalidOtp: 'El código que ingresó no es válido. Inténtelo de nuevo.',
         accountBlocked: 'Demasiados intentos de OTP. Su cuenta ha sido bloqueada por una hora.',
-        submissionError: 'Algo salió mal. Por favor, inténtelo de nuevo.'
+        submissionError: 'Algo salió mal. Por favor, inténtelo de nuevo.',
+        otpExpiredMessage: 'El código de validación ha expirado, por favor solicite uno nuevo para continuar.'
     },
     'pt-br': {
         popupMessage: 'Por favor, digite o código de segurança recebido no seu e-mail para realizar a atualização.',
@@ -166,7 +177,8 @@ const TRANSLATIONS = {
         close: 'Fechar',
         invalidOtp: 'O código informado não é válido. Tente novamente.',
         accountBlocked: 'Muitas tentativas de OTP. Sua conta foi bloqueada por uma hora.',
-        submissionError: 'Algo deu errado. Por favor, tente novamente.'
+        submissionError: 'Algo deu errado. Por favor, tente novamente.',
+        otpExpiredMessage: 'O código de validação expirou, por favor solicite um novo para continuar.'
     },
 };
 export const getTranslations = (url) => {

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-export { P as PlayerStepUpAuth } from './player-step-up-auth-7691b0c5.js';
+export { P as PlayerStepUpAuth } from './player-step-up-auth-045726cf.js';
 import './index-c6eee6d8.js';

package/dist/esm/{player-step-up-auth-7691b0c5.js → player-step-up-auth-045726cf.js}

@@ -71,7 +71,8 @@ const TRANSLATIONS = {
         close: 'Close',
         invalidOtp: 'The code you\'ve sent is not valid. Please try again.',
         accountBlocked: 'Too many attempts for OTP. Your account has been blocked for one hour.',
-        submissionError: 'Something went wrong. Please try again.'
+        submissionError: 'Something went wrong. Please try again.',
+        otpExpiredMessage: 'Validation code has expired, please request a new one to continue.'
     },
     ro: {
         popupMessage: 'Introduceți codul de securitate primit pe adresa dvs. de e-mail pentru a efectua actualizarea.',
@@ -85,7 +86,8 @@ const TRANSLATIONS = {
         close: 'Închide',
         invalidOtp: 'Codul introdus nu este valid. Vă rugăm să încercați din nou.',
         accountBlocked: 'Prea multe încercări de OTP. Contul dvs. a fost blocat timp de o oră.',
-        submissionError: 'Ceva a mers prost. Vă rugăm să încercați din nou.'
+        submissionError: 'Ceva a mers prost. Vă rugăm să încercați din nou.',
+        otpExpiredMessage: 'Codul de validare a expirat, vă rugăm să solicitați unul nou pentru a continua.'
     },
     fr: {
         popupMessage: 'Veuillez entrer le code de sécurité reçu sur votre adresse e-mail pour effectuer la mise à jour.',
@@ -99,7 +101,8 @@ const TRANSLATIONS = {
         close: 'Fermer',
         invalidOtp: 'Le code que vous avez saisi n’est pas valide. Veuillez réessayer.',
         accountBlocked: 'Trop de tentatives OTP. Votre compte a été bloqué pendant une heure.',
-        submissionError: 'Quelque chose s\'est mal passé. Veuillez réessayer.'
+        submissionError: 'Quelque chose s\'est mal passé. Veuillez réessayer.',
+        otpExpiredMessage: 'Le code de validation a expiré, veuillez en demander un nouveau pour continuer.'
     },
     hu: {
         popupMessage: 'Kérjük, adja meg az e-mail címére küldött biztonsági kódot a frissítés végrehajtásához.',
@@ -113,7 +116,8 @@ const TRANSLATIONS = {
         close: 'Bezárás',
         invalidOtp: 'A megadott kód érvénytelen. Kérjük, próbálja újra.',
         accountBlocked: 'Túl sok OTP próbálkozás. A fiókja egy órára zárolva lett.',
-        submissionError: 'Valami hiba történt. Kérjük, próbálja újra.'
+        submissionError: 'Valami hiba történt. Kérjük, próbálja újra.',
+        otpExpiredMessage: 'A megerősítő kód lejárt, kérjük, kérjen egy újat a folytatáshoz.'
     },
     tr: {
         popupMessage: 'Güncellemeyi gerçekleştirmek için e-posta adresinize gelen güvenlik kodunu girin.',
@@ -127,7 +131,8 @@ const TRANSLATIONS = {
         close: 'Kapat',
         invalidOtp: 'Gönderdiğiniz kod geçersiz. Lütfen tekrar deneyin.',
         accountBlocked: 'Çok fazla OTP denemesi yapıldı. Hesabınız bir saat boyunca kilitlendi.',
-        submissionError: 'Bir şeyler yanlış gitti. Lütfen tekrar deneyin.'
+        submissionError: 'Bir şeyler yanlış gitti. Lütfen tekrar deneyin.',
+        otpExpiredMessage: 'Doğrulama kodunun süresi doldu, devam etmek için lütfen yeni bir tane isteyin.'
     },
     el: {
         popupMessage: 'Παρακαλώ εισάγετε τον κωδικό ασφαλείας που λάβατε στο email σας για να ολοκληρώσετε την ενημέρωση.',
@@ -141,7 +146,8 @@ const TRANSLATIONS = {
         close: 'Κλείσιμο',
         invalidOtp: 'Ο κωδικός που εισαγάγατε δεν είναι έγκυρος. Παρακαλώ προσπαθήστε ξανά.',
         accountBlocked: 'Πάρα πολλές προσπάθειες OTP. Ο λογαριασμός σας έχει αποκλειστεί για μία ώρα.',
-        submissionError: 'Κάτι πήγε στραβά. Παρακαλώ προσπαθήστε ξανά.'
+        submissionError: 'Κάτι πήγε στραβά. Παρακαλώ προσπαθήστε ξανά.',
+        otpExpiredMessage: 'Ο κωδικός επαλήθευσης έχει λήξει, παρακαλώ ζητήστε έναν νέο για να συνεχίσετε.'
     },
     es: {
         popupMessage: 'Por favor, introduzca el código de seguridad recibido en su correo electrónico para realizar la actualización.',
@@ -155,7 +161,8 @@ const TRANSLATIONS = {
         close: 'Cerrar',
         invalidOtp: 'El código que ingresaste no es válido. Por favor, inténtalo de nuevo.',
         accountBlocked: 'Demasiados intentos de OTP. Su cuenta ha sido bloqueada por una hora.',
-        submissionError: 'Algo salió mal. Por favor, inténtelo de nuevo.'
+        submissionError: 'Algo salió mal. Por favor, inténtelo de nuevo.',
+        otpExpiredMessage: 'El código de validación ha expirado, por favor solicite uno nuevo para continuar.'
     },
     pt: {
         popupMessage: 'Por favor, insira o código de segurança recebido no seu e-mail para realizar a atualização.',
@@ -169,7 +176,8 @@ const TRANSLATIONS = {
         close: 'Fechar',
         invalidOtp: 'O código inserido não é válido. Por favor, tente novamente.',
         accountBlocked: 'Muitas tentativas de OTP. Sua conta foi bloqueada por uma hora.',
-        submissionError: 'Algo deu errado. Por favor, tente novamente.'
+        submissionError: 'Algo deu errado. Por favor, tente novamente.',
+        otpExpiredMessage: 'O código de validação expirou, por favor solicite um novo para continuar.'
     },
     hr: {
         popupMessage: 'Unesite sigurnosni kod primljen na vašu e-mail adresu kako biste izvršili ažuriranje.',
@@ -183,7 +191,8 @@ const TRANSLATIONS = {
         close: 'Zatvori',
         invalidOtp: 'Uneseni kod nije valjan. Molimo pokušajte ponovo.',
         accountBlocked: 'Previše pokušaja unosa OTP-a. Vaš račun je blokiran na jedan sat.',
-        submissionError: 'Nešto je pošlo po zlu. Molimo pokušajte ponovo.'
+        submissionError: 'Nešto je pošlo po zlu. Molimo pokušajte ponovo.',
+        otpExpiredMessage: 'Kod za potvrdu je istekao, molimo zatražite novi kako biste nastavili.'
     },
     de: {
         popupMessage: 'Bitte geben Sie den Sicherheitscode ein, den Sie an Ihre E-Mail-Adresse erhalten haben, um das Update durchzuführen.',
@@ -197,7 +206,8 @@ const TRANSLATIONS = {
         close: 'Schließen',
         invalidOtp: 'Der eingegebene Code ist ungültig. Bitte versuchen Sie es erneut.',
         accountBlocked: 'Zu viele OTP-Versuche. Ihr Konto wurde für eine Stunde gesperrt.',
-        submissionError: 'Etwas ist schiefgelaufen. Bitte versuchen Sie es erneut.'
+        submissionError: 'Etwas ist schiefgelaufen. Bitte versuchen Sie es erneut.',
+        otpExpiredMessage: 'Der Bestätigungscode ist abgelaufen, bitte fordern Sie einen neuen an, um fortzufahren.'
     },
     'es-mx': {
         popupMessage: 'Por favor, ingrese el código de seguridad recibido en su correo electrónico para realizar la actualización.',
@@ -211,7 +221,8 @@ const TRANSLATIONS = {
         close: 'Cerrar',
         invalidOtp: 'El código que ingresó no es válido. Inténtelo de nuevo.',
         accountBlocked: 'Demasiados intentos de OTP. Su cuenta ha sido bloqueada por una hora.',
-        submissionError: 'Algo salió mal. Por favor, inténtelo de nuevo.'
+        submissionError: 'Algo salió mal. Por favor, inténtelo de nuevo.',
+        otpExpiredMessage: 'El código de validación ha expirado, por favor solicite uno nuevo para continuar.'
     },
     'pt-br': {
         popupMessage: 'Por favor, digite o código de segurança recebido no seu e-mail para realizar a atualização.',
@@ -225,7 +236,8 @@ const TRANSLATIONS = {
         close: 'Fechar',
         invalidOtp: 'O código informado não é válido. Tente novamente.',
         accountBlocked: 'Muitas tentativas de OTP. Sua conta foi bloqueada por uma hora.',
-        submissionError: 'Algo deu errado. Por favor, tente novamente.'
+        submissionError: 'Algo deu errado. Por favor, tente novamente.',
+        otpExpiredMessage: 'O código de validação expirou, por favor solicite um novo para continuar.'
     },
 };
 const getTranslations = (url) => {
@@ -312,15 +324,18 @@ const PlayerStepUpAuth = class {
         }
     }
     /**
-     * Listens for the 'closePopup' event dispatched on the window
-     * and triggers popup closing logic. This allows other components
-     * or scripts to close the popup via a custom event.
+     * Listens for the global 'closePopup' event to close the popup manually.
      */
     handleCloseWidget() {
+        if (this.countdownTimer) {
+            clearInterval(this.countdownTimer);
+            this.countdownTimer = null;
+        }
         this.hasErrors = false;
         this.hasConfigErrors = false;
         this.errorMessage = '';
         this.showPopup = false;
+        this.isLastWarning = false;
     }
     /**
      * Class constructor
@@ -329,6 +344,7 @@ const PlayerStepUpAuth = class {
         registerInstance(this, hostRef);
         this.otpInputs = [];
         this.countdownTimer = null;
+        this.expirationTimestamp = 0;
         this.mbSource = undefined;
         this.clientStyling = undefined;
         this.clientStylingUrl = undefined;
@@ -397,41 +413,37 @@ const PlayerStepUpAuth = class {
         }
     }
     /**
-     * Starts the countdown timer for OTP expiration.
-     * - Clears any existing timer to prevent duplicate intervals.
-     * - Decreases `timeLeft` every second.
-     * - Stops the countdown when time reaches 0.
-     * - Shows the "Resend OTP" option when time runs out.
+     * Calculates the remaining time for OTP expiration.
+     * Adjusts client time based on server offset.
      */
     calculateTimeLeft() {
         const expirationDate = new Date(this.expirationTime);
-        const serverTime = new Date(this.serverTime);
-        if (!this.currentTime) {
-            this.currentTime = new Date();
-        }
-        // Calculate the offset (difference between server time and local time)
-        const offset = serverTime.getTime() - this.currentTime.getTime();
-        // Adjust current time using the offset
-        const adjustedCurrentDate = new Date(this.currentTime.getTime() + offset);
-        // Calculate time left in seconds
-        this.timeLeft = Math.floor((expirationDate.getTime() - adjustedCurrentDate.getTime()) / 1000);
+        const serverDate = new Date(this.serverTime);
+        const localDate = new Date();
+        const offset = serverDate.getTime() - localDate.getTime();
+        this.expirationTimestamp = expirationDate.getTime() - offset;
+        const now = Date.now();
+        const timeRemaining = Math.max(0, Math.floor((this.expirationTimestamp - now) / 1000));
+        this.timeLeft = timeRemaining;
     }
     /**
-     * Starts a countdown timer for OTP expiration.
-     * Decreases `timeLeft` every second and closes the popup when time runs out.
+     * Starts a 1-second interval countdown for OTP expiration.
+     * Updates `timeLeft` state. Enables "Resend OTP" when expired.
      */
     startCountdown() {
         if (this.countdownTimer) {
-            clearInterval(this.countdownTimer); // Clear any existing timer
+            clearInterval(this.countdownTimer);
         }
         this.countdownTimer = setInterval(() => {
-            if (this.timeLeft > 0) {
-                this.timeLeft -= 1; // Update state correctly
-            }
-            else {
+            const now = Date.now();
+            const timeRemaining = Math.max(0, Math.floor((this.expirationTimestamp - now) / 1000));
+            this.timeLeft = timeRemaining;
+            if (timeRemaining <= 0) {
                 clearInterval(this.countdownTimer);
                 this.countdownTimer = null;
                 this.showResendOtp = true;
+                this.hasErrors = false;
+                this.isLastWarning = false;
             }
         }, 1000);
     }
@@ -670,7 +682,7 @@ const PlayerStepUpAuth = class {
      * Displays the OTP popup, input fields, timer, and action buttons.
      */
     render() {
-        return (h("div", { key: '15b15a9406ca14d5e09e2ed8018d096bc493493e', ref: el => this.stylingContainer = el }, this.showPopup && (h("div", { key: '27bb8fbc5d1a4e798852684e90996ce019d9fe97', class: "OtpPopupOverlay" }, h("div", { key: 'cc34a822937d9f9b553b59ff5b085ee6099326e3', class: "OtpPopupContent" }, this.isLoading ? (h("div", { class: "OtpLoaderContainer" }, h("span", { class: "OtpLoader" }))) : (this.hasConfigErrors ? (h("div", { class: "OtpError" }, h("div", { class: "OtpErrorHeader" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" }, h("path", { d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z" })), h("h2", null, translate('errorHeader', this.language))), h("p", null, this.errorMessage), h("button", { class: "OtpButton error", onClick: this.manualClosePopup }, translate('close', this.language)))) : (h(Fragment, null, h("div", { class: "otp-description" }, h("p", { class: this.isLastWarning ? 'LastWarningMessage' : '' }, translate(this.isLastWarning ? 'popupMessageLastWarning' : 'popupMessage', this.language)), this.hasErrors && h("p", { class: "OtpErrorMessage" }, this.errorMessage)), h("div", { class: "OtpFieldWrapper" }, h("h2", null, translate('otpHeading', this.language)), h("div", { class: "OtpField", ref: this.setOtpContainerRef }, this.otp.map((char, index) => {
+        return (h("div", { key: '9afac9d2e248a06828ce17dcb8dc6902fe4ec8cf', ref: el => this.stylingContainer = el }, this.showPopup && (h("div", { key: '48bab2747dcba4c64cb97a973a5f9961856126b8', class: "OtpPopupOverlay" }, h("div", { key: '89c38b7dbeb7a151f3c172d6913ea2e6884f2c40', class: "OtpPopupContent" }, this.isLoading ? (h("div", { class: "OtpLoaderContainer" }, h("span", { class: "OtpLoader" }))) : (this.hasConfigErrors ? (h("div", { class: "OtpError" }, h("div", { class: "OtpErrorHeader" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" }, h("path", { d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z" })), h("h2", null, translate('errorHeader', this.language))), h("p", null, this.errorMessage), h("button", { class: "OtpButton error", onClick: this.manualClosePopup }, translate('close', this.language)))) : (h(Fragment, null, h("div", { class: "otp-description" }, this.showResendOtp ? (h("p", { class: "OtpNoticeMessage", role: "alert" }, translate('otpExpiredMessage', this.language))) : (h(Fragment, null, h("p", { class: this.isLastWarning ? 'LastWarningMessage' : '' }, translate(this.isLastWarning ? 'popupMessageLastWarning' : 'popupMessage', this.language)), this.hasErrors && (h("p", { class: "OtpErrorMessage", role: "alert" }, this.errorMessage))))), h("div", { class: "OtpFieldWrapper" }, h("h2", null, translate('otpHeading', this.language)), h("div", { class: "OtpField", ref: this.setOtpContainerRef }, this.otp.map((char, index) => {
             const isHalfway = this.config.inputLength % 2 === 0 && index === (this.config.inputLength / 2) - 1;
             return (h("input", { key: index, ref: el => this.setOtpInputRef(el, index), id: `otp-input-${index}`, type: "text", class: `otp-box ${isHalfway ? 'space' : ''}`, maxLength: 1, value: char, onInput: (event) => this.handleOtpInput(event, index), onKeyDown: (event) => this.handleKeyDown(event, index), onPaste: (event) => this.handleOnPasteOtp(event), disabled: this.timeLeft <= 0 }));
         })), h("div", { class: "otp-timer" }, this.formatTime(this.timeLeft), " ", translate('minutes', this.language))), h("div", { class: "OtpActionButtons" }, this.showResendOtp ? (h("button", { class: "OtpButton", onClick: this.handleResendOtp }, translate('resendOtp', this.language))) : (h("button", { class: "OtpButton", onClick: this.submitOtp, disabled: this.otp.join('').length !== this.config.inputLength }, translate('submit', this.language))), h("button", { class: "OtpButton", onClick: this.manualClosePopup }, translate('close', this.language)))))))))));

package/dist/esm/player-step-up-auth.entry.js

@@ -1,2 +1,2 @@
-export { P as player_step_up_auth } from './player-step-up-auth-7691b0c5.js';
+export { P as player_step_up_auth } from './player-step-up-auth-045726cf.js';
 import './index-c6eee6d8.js';

package/dist/player-step-up-auth/index.esm.js

@@ -1 +1 @@
-export{P as PlayerStepUpAuth}from"./player-step-up-auth-7691b0c5.js";import"./index-c6eee6d8.js";
+export{P as PlayerStepUpAuth}from"./player-step-up-auth-045726cf.js";import"./index-c6eee6d8.js";

package/dist/player-step-up-auth/player-step-up-auth-045726cf.js

@@ -0,0 +1 @@
+import{r as e,h as t,F as i,g as r}from"./index-c6eee6d8.js";function o(e,t){if(e){const i=document.createElement("style");i.innerHTML=t,e.appendChild(i)}}function a(e,t){const i=new URL(t);fetch(i.href).then((e=>e.text())).then((t=>{const i=document.createElement("style");i.innerHTML=t,e&&e.appendChild(i)})).catch((e=>{console.error("There was an error while trying to load client styling from URL",e)}))}const s={en:{popupMessage:"Please enter the security code received on your email address to perform the update.",popupMessageLastWarning:"If the next validation attempt is failed, you will be logged out and blocked temporarily.",minutes:"minutes",errorHeader:"Error",configError:"Unable to load OTP data. Please try again later.",otpHeading:"Enter OTP",resendOtp:"Resent OTP",submit:"Submit",close:"Close",invalidOtp:"The code you've sent is not valid. Please try again.",accountBlocked:"Too many attempts for OTP. Your account has been blocked for one hour.",submissionError:"Something went wrong. Please try again.",otpExpiredMessage:"Validation code has expired, please request a new one to continue."},ro:{popupMessage:"Introduceți codul de securitate primit pe adresa dvs. de e-mail pentru a efectua actualizarea.",popupMessageLastWarning:"Dacă următoarea încercare de validare eșuează, veți fi delogat și blocat temporar.",minutes:"minute",errorHeader:"Eroare",configError:"Nu s-a putut încărca datele OTP. Vă rugăm să încercați din nou mai târziu.",otpHeading:"Introduceți OTP",resendOtp:"Retrimitere OTP",submit:"Trimite",close:"Închide",invalidOtp:"Codul introdus nu este valid. Vă rugăm să încercați din nou.",accountBlocked:"Prea multe încercări de OTP. Contul dvs. a fost blocat timp de o oră.",submissionError:"Ceva a mers prost. Vă rugăm să încercați din nou.",otpExpiredMessage:"Codul de validare a expirat, vă rugăm să solicitați unul nou pentru a continua."},fr:{popupMessage:"Veuillez entrer le code de sécurité reçu sur votre adresse e-mail pour effectuer la mise à jour.",popupMessageLastWarning:"Si la prochaine tentative de validation échoue, vous serez déconnecté et temporairement bloqué.",minutes:"minutes",errorHeader:"Erreur",configError:"Impossible de charger les données OTP. Veuillez réessayer plus tard.",otpHeading:"Entrez OTP",resendOtp:"Renvoyer OTP",submit:"Soumettre",close:"Fermer",invalidOtp:"Le code que vous avez saisi n’est pas valide. Veuillez réessayer.",accountBlocked:"Trop de tentatives OTP. Votre compte a été bloqué pendant une heure.",submissionError:"Quelque chose s'est mal passé. Veuillez réessayer.",otpExpiredMessage:"Le code de validation a expiré, veuillez en demander un nouveau pour continuer."},hu:{popupMessage:"Kérjük, adja meg az e-mail címére küldött biztonsági kódot a frissítés végrehajtásához.",popupMessageLastWarning:"Ha a következő érvényesítési kísérlet sikertelen, ki lesz jelentkeztetve és ideiglenesen letiltva.",minutes:"perc",errorHeader:"Hiba",configError:"Nem sikerült betölteni az OTP adatokat. Kérjük, próbálja újra később.",otpHeading:"OTP megadása",resendOtp:"Újraküldés",submit:"Beküldés",close:"Bezárás",invalidOtp:"A megadott kód érvénytelen. Kérjük, próbálja újra.",accountBlocked:"Túl sok OTP próbálkozás. A fiókja egy órára zárolva lett.",submissionError:"Valami hiba történt. Kérjük, próbálja újra.",otpExpiredMessage:"A megerősítő kód lejárt, kérjük, kérjen egy újat a folytatáshoz."},tr:{popupMessage:"Güncellemeyi gerçekleştirmek için e-posta adresinize gelen güvenlik kodunu girin.",popupMessageLastWarning:"Bir sonraki doğrulama girişimi başarısız olursa, oturumunuz kapatılacak ve geçici olarak engelleneceksiniz.",minutes:"dakika",errorHeader:"Hata",configError:"OTP verisi yüklenemedi. Lütfen daha sonra tekrar deneyin.",otpHeading:"OTP Girin",resendOtp:"OTP'yi Yeniden Gönder",submit:"Gönder",close:"Kapat",invalidOtp:"Gönderdiğiniz kod geçersiz. Lütfen tekrar deneyin.",accountBlocked:"Çok fazla OTP denemesi yapıldı. Hesabınız bir saat boyunca kilitlendi.",submissionError:"Bir şeyler yanlış gitti. Lütfen tekrar deneyin.",otpExpiredMessage:"Doğrulama kodunun süresi doldu, devam etmek için lütfen yeni bir tane isteyin."},el:{popupMessage:"Παρακαλώ εισάγετε τον κωδικό ασφαλείας που λάβατε στο email σας για να ολοκληρώσετε την ενημέρωση.",popupMessageLastWarning:"Αν η επόμενη προσπάθεια επικύρωσης αποτύχει, θα αποσυνδεθείτε και θα αποκλειστείτε προσωρινά.",minutes:"λεπτά",errorHeader:"Σφάλμα",configError:"Δεν ήταν δυνατή η φόρτωση των δεδομένων OTP. Παρακαλούμε προσπαθήστε ξανά αργότερα.",otpHeading:"Εισαγωγή OTP",resendOtp:"Αποστολή ξανά OTP",submit:"Υποβολή",close:"Κλείσιμο",invalidOtp:"Ο κωδικός που εισαγάγατε δεν είναι έγκυρος. Παρακαλώ προσπαθήστε ξανά.",accountBlocked:"Πάρα πολλές προσπάθειες OTP. Ο λογαριασμός σας έχει αποκλειστεί για μία ώρα.",submissionError:"Κάτι πήγε στραβά. Παρακαλώ προσπαθήστε ξανά.",otpExpiredMessage:"Ο κωδικός επαλήθευσης έχει λήξει, παρακαλώ ζητήστε έναν νέο για να συνεχίσετε."},es:{popupMessage:"Por favor, introduzca el código de seguridad recibido en su correo electrónico para realizar la actualización.",popupMessageLastWarning:"Si el siguiente intento de validación falla, se cerrará tu sesión y serás bloqueado temporalmente.",minutes:"minutos",errorHeader:"Error",configError:"No se pudo cargar los datos del OTP. Por favor, inténtelo de nuevo más tarde.",otpHeading:"Introducir OTP",resendOtp:"Reenviar OTP",submit:"Enviar",close:"Cerrar",invalidOtp:"El código que ingresaste no es válido. Por favor, inténtalo de nuevo.",accountBlocked:"Demasiados intentos de OTP. Su cuenta ha sido bloqueada por una hora.",submissionError:"Algo salió mal. Por favor, inténtelo de nuevo.",otpExpiredMessage:"El código de validación ha expirado, por favor solicite uno nuevo para continuar."},pt:{popupMessage:"Por favor, insira o código de segurança recebido no seu e-mail para realizar a atualização.",popupMessageLastWarning:"Se a próxima tentativa de validação falhar, será desconectado e temporariamente bloqueado.",minutes:"minutos",errorHeader:"Erro",configError:"Não foi possível carregar os dados do OTP. Tente novamente mais tarde.",otpHeading:"Insira o OTP",resendOtp:"Reenviar OTP",submit:"Enviar",close:"Fechar",invalidOtp:"O código inserido não é válido. Por favor, tente novamente.",accountBlocked:"Muitas tentativas de OTP. Sua conta foi bloqueada por uma hora.",submissionError:"Algo deu errado. Por favor, tente novamente.",otpExpiredMessage:"O código de validação expirou, por favor solicite um novo para continuar."},hr:{popupMessage:"Unesite sigurnosni kod primljen na vašu e-mail adresu kako biste izvršili ažuriranje.",popupMessageLastWarning:"Ako sljedeći pokušaj provjere ne uspije, bit ćete odjavljeni i privremeno blokirani.",minutes:"minute",errorHeader:"Greška",configError:"Nije moguće učitati OTP podatke. Pokušajte ponovno kasnije.",otpHeading:"Unesite OTP",resendOtp:"Ponovno pošalji OTP",submit:"Pošalji",close:"Zatvori",invalidOtp:"Uneseni kod nije valjan. Molimo pokušajte ponovo.",accountBlocked:"Previše pokušaja unosa OTP-a. Vaš račun je blokiran na jedan sat.",submissionError:"Nešto je pošlo po zlu. Molimo pokušajte ponovo.",otpExpiredMessage:"Kod za potvrdu je istekao, molimo zatražite novi kako biste nastavili."},de:{popupMessage:"Bitte geben Sie den Sicherheitscode ein, den Sie an Ihre E-Mail-Adresse erhalten haben, um das Update durchzuführen.",popupMessageLastWarning:"Wenn der nächste Validierungsversuch fehlschlägt, werden Sie abgemeldet und vorübergehend gesperrt.",minutes:"Minuten",errorHeader:"Fehler",configError:"OTP-Daten konnten nicht geladen werden. Bitte versuchen Sie es später erneut.",otpHeading:"OTP eingeben",resendOtp:"OTP erneut senden",submit:"Absenden",close:"Schließen",invalidOtp:"Der eingegebene Code ist ungültig. Bitte versuchen Sie es erneut.",accountBlocked:"Zu viele OTP-Versuche. Ihr Konto wurde für eine Stunde gesperrt.",submissionError:"Etwas ist schiefgelaufen. Bitte versuchen Sie es erneut.",otpExpiredMessage:"Der Bestätigungscode ist abgelaufen, bitte fordern Sie einen neuen an, um fortzufahren."},"es-mx":{popupMessage:"Por favor, ingrese el código de seguridad recibido en su correo electrónico para realizar la actualización.",popupMessageLastWarning:"Si el siguiente intento de validación falla, se cerrará tu sesión y serás bloqueado temporalmente.",minutes:"minutos",errorHeader:"Error",configError:"No se pudieron cargar los datos del OTP. Inténtelo de nuevo más tarde.",otpHeading:"Ingrese OTP",resendOtp:"Reenviar OTP",submit:"Enviar",close:"Cerrar",invalidOtp:"El código que ingresó no es válido. Inténtelo de nuevo.",accountBlocked:"Demasiados intentos de OTP. Su cuenta ha sido bloqueada por una hora.",submissionError:"Algo salió mal. Por favor, inténtelo de nuevo.",otpExpiredMessage:"El código de validación ha expirado, por favor solicite uno nuevo para continuar."},"pt-br":{popupMessage:"Por favor, digite o código de segurança recebido no seu e-mail para realizar a atualização.",popupMessageLastWarning:"Se a próxima tentativa de validação falhar, você será desconectado e bloqueado temporariamente.",minutes:"minutos",errorHeader:"Erro",configError:"Não foi possível carregar os dados do OTP. Tente novamente mais tarde.",otpHeading:"Digite o OTP",resendOtp:"Reenviar OTP",submit:"Enviar",close:"Fechar",invalidOtp:"O código informado não é válido. Tente novamente.",accountBlocked:"Muitas tentativas de OTP. Sua conta foi bloqueada por uma hora.",submissionError:"Algo deu errado. Por favor, tente novamente.",otpExpiredMessage:"O código de validação expirou, por favor solicite um novo para continuar."}},n=e=>new Promise((t=>{fetch(e).then((e=>e.json())).then((e=>{Object.keys(e).forEach((t=>{for(let i in e[t])s[t][i]=e[t][i]})),t(!0)}))})),l=(e,t)=>s[void 0!==t?t:"en"][e],d=class{handleNewTranslations(){n(this.translationUrl)}handleClientStylingChange(e,t){e!==t&&o(this.el,this.clientStyling)}handleClientStylingUrlChange(e,t){e!=t&&this.clientStylingUrl&&a(this.stylingContainer,this.clientStylingUrl)}async handleStepUpAuthEvent(e){var t;if(null===(t=e.detail)||void 0===t?void 0:t["x-step-up-required"]){if(this.hasConfigErrors=!1,this.hasErrors=!1,this.errorMessage="",this.showPopup=!0,this.token=e.detail["x-step-up-token"],this.flow=e.detail.flow,!this.token||!this.flow)return this.isLoading=!1,this.hasConfigErrors=!0,void(this.errorMessage=l("configError",this.language));await this.getConfig()}}handleCloseWidget(){this.countdownTimer&&(clearInterval(this.countdownTimer),this.countdownTimer=null),this.hasErrors=!1,this.hasConfigErrors=!1,this.errorMessage="",this.showPopup=!1,this.isLastWarning=!1}constructor(t){e(this,t),this.otpInputs=[],this.countdownTimer=null,this.expirationTimestamp=0,this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.language="en",this.endpoint=void 0,this.userSession=void 0,this.translationUrl="",this.showPopup=!1,this.otp=void 0,this.isLoading=!0,this.config=null,this.timeLeft=0,this.expirationTime="",this.serverTime="",this.hasErrors=!1,this.hasConfigErrors=!1,this.errorMessage="",this.token="",this.flow="",this.showResendOtp=!1,this.isLastWarning=!1,this.handleResendOtp=this.handleResendOtp.bind(this),this.submitOtp=this.submitOtp.bind(this),this.setOtpContainerRef=this.setOtpContainerRef.bind(this),this.handleCloseWidget=this.handleCloseWidget.bind(this),this.manualClosePopup=this.manualClosePopup.bind(this)}async getConfig(){if(this.endpoint)try{const e=new URL(`/api/v1/mfa/challenge/${this.token}/config`,this.endpoint);this.isLoading=!0;const t=await fetch(e.href);if(!t.ok)throw new Error(`HTTP error! Status: ${t.status}`);this.config=await t.json(),this.otp=new Array(this.config.inputLength).fill(""),this.isLoading=!1,this.showResendOtp=!1,this.expirationTime=this.config.expirationTime,this.serverTime=this.config.serverTime,0!==this.config.numberOfValidateAttempts&&(this.hasErrors=!0,this.errorMessage=l("invalidOtp",this.language)),this.config.numberOfValidateAttempts===this.config.maxValidationAttempts-1&&(this.isLastWarning=!0),this.calculateTimeLeft(),this.startCountdown()}catch(e){this.isLoading=!1,this.hasConfigErrors=!0,this.errorMessage=l("configError",this.language),console.error("Error loading 2FA config:",e)}}calculateTimeLeft(){const e=new Date(this.expirationTime),t=new Date(this.serverTime),i=new Date,r=t.getTime()-i.getTime();this.expirationTimestamp=e.getTime()-r;const o=Date.now(),a=Math.max(0,Math.floor((this.expirationTimestamp-o)/1e3));this.timeLeft=a}startCountdown(){this.countdownTimer&&clearInterval(this.countdownTimer),this.countdownTimer=setInterval((()=>{const e=Date.now(),t=Math.max(0,Math.floor((this.expirationTimestamp-e)/1e3));this.timeLeft=t,t<=0&&(clearInterval(this.countdownTimer),this.countdownTimer=null,this.showResendOtp=!0,this.hasErrors=!1,this.isLastWarning=!1)}),1e3)}formatTime(e){const t=e%60;return`${Math.floor(e/60).toString().padStart(2,"0")}:${t.toString().padStart(2,"0")}`}setOtpContainerRef(e){e&&(this.otpContainer=e)}setOtpInputRef(e,t){e&&(this.otpInputs[t]=e)}handleOnPasteOtp(e){var t;e.preventDefault();const i=null===(t=e.clipboardData)||void 0===t?void 0:t.getData("text").trim();if(!i)return;const r=i.slice(0,this.config.inputLength).split("");this.otp=[...r,...new Array(this.config.inputLength-r.length).fill("")];const o=Array.from(this.otpContainer.children);if(o){r.forEach(((e,t)=>{o[t].value=e}));const e=o[r.length-1];null==e||e.focus(),r.length===this.config.inputLength&&this.submitOtp()}}handleOtpInput(e,t){const i=e.target;let r=i.value.replace(/[^0-9a-zA-Z]/gi,"").toUpperCase();if(i.value=r.charAt(0),!r)return;this.otp[t]=r[0];const o=this.otpInputs[t+1];null==o||o.focus()}handleKeyDown(e,t){if("Backspace"===e.key){this.otp[t]="",this.otpInputs[t].value="";const e=this.otpInputs[t-1];null==e||e.focus()}}handleResendOtp(){const e=new CustomEvent("otpResendRequested");window.dispatchEvent(e)}async submitOtp(){if(this.otp.join("").length!==this.config.inputLength)return this.hasErrors=!0,void(this.errorMessage=l("invalidOtp",this.language));this.isLoading=!0,this.hasErrors=!1,this.errorMessage="";const e=this.otp.join("");"stateless"===this.flow&&this.handleOtpStateless(e),"stateful"===this.flow&&await this.handleOtpStateful(e)}handleOtpStateless(e){window.dispatchEvent(new CustomEvent("otpSubmitted",{detail:{code:e,maxAttempts:this.config.maxValidationAttempts,validatedAttempts:this.config.numberOfValidateAttempts}}))}async handleOtpStateful(e){const t=new URL(`/api/v1/mfa/challenge/${this.token}/validate`,this.endpoint);t.searchParams.append("input",e);try{const e=await fetch(t.href,{method:"POST"});if(200===e.status)return void this.handleSuccess();const i=await e.json();throw new Error(i.message)}catch(e){if("gm.multifactorauthentication.challenge"===e.message)return this.config.numberOfValidateAttempts===this.config.maxValidationAttempts-1?(window.dispatchEvent(new CustomEvent("otpSetTimeout")),window.postMessage({type:"WidgetNotification",data:{type:"error",message:l("accountBlocked",this.language)}},window.location.href),void this.handleCloseWidget()):(this.hasErrors=!0,this.errorMessage=l("invalidOtp",this.language),void this.getConfig());console.error("OTP submission failed:",e),this.hasErrors=!0,this.errorMessage=l("submissionError",this.language)}finally{this.isLoading=!1}}handleSuccess(){window.dispatchEvent(new CustomEvent("otpSuccess",{detail:{message:"User successfully authenticated"}})),this.handleCloseWidget()}manualClosePopup(){window.dispatchEvent(new CustomEvent("manualClosePopup")),this.handleCloseWidget()}disconnectedCallback(){var e;this.countdownTimer&&clearInterval(this.countdownTimer),null===(e=this.stylingSubscription)||void 0===e||e.unsubscribe()}async componentWillLoad(){this.translationUrl.length>2&&await n(this.translationUrl)}componentDidLoad(){this.stylingContainer&&(null!=window.emMessageBuss?function(e,t){if(window.emMessageBus){const i=document.createElement("style");window.emMessageBus.subscribe(t,(t=>{i.innerHTML=t,e&&e.appendChild(i)}))}}(this.stylingContainer,`${this.mbSource}.Style`):(this.clientStyling&&o(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&a(this.stylingContainer,this.clientStylingUrl)))}render(){return t("div",{key:"9afac9d2e248a06828ce17dcb8dc6902fe4ec8cf",ref:e=>this.stylingContainer=e},this.showPopup&&t("div",{key:"48bab2747dcba4c64cb97a973a5f9961856126b8",class:"OtpPopupOverlay"},t("div",{key:"89c38b7dbeb7a151f3c172d6913ea2e6884f2c40",class:"OtpPopupContent"},this.isLoading?t("div",{class:"OtpLoaderContainer"},t("span",{class:"OtpLoader"})):this.hasConfigErrors?t("div",{class:"OtpError"},t("div",{class:"OtpErrorHeader"},t("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},t("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"})),t("h2",null,l("errorHeader",this.language))),t("p",null,this.errorMessage),t("button",{class:"OtpButton error",onClick:this.manualClosePopup},l("close",this.language))):t(i,null,t("div",{class:"otp-description"},this.showResendOtp?t("p",{class:"OtpNoticeMessage",role:"alert"},l("otpExpiredMessage",this.language)):t(i,null,t("p",{class:this.isLastWarning?"LastWarningMessage":""},l(this.isLastWarning?"popupMessageLastWarning":"popupMessage",this.language)),this.hasErrors&&t("p",{class:"OtpErrorMessage",role:"alert"},this.errorMessage))),t("div",{class:"OtpFieldWrapper"},t("h2",null,l("otpHeading",this.language)),t("div",{class:"OtpField",ref:this.setOtpContainerRef},this.otp.map(((e,i)=>t("input",{key:i,ref:e=>this.setOtpInputRef(e,i),id:`otp-input-${i}`,type:"text",class:"otp-box "+(this.config.inputLength%2==0&&i===this.config.inputLength/2-1?"space":""),maxLength:1,value:e,onInput:e=>this.handleOtpInput(e,i),onKeyDown:e=>this.handleKeyDown(e,i),onPaste:e=>this.handleOnPasteOtp(e),disabled:this.timeLeft<=0})))),t("div",{class:"otp-timer"},this.formatTime(this.timeLeft)," ",l("minutes",this.language))),t("div",{class:"OtpActionButtons"},this.showResendOtp?t("button",{class:"OtpButton",onClick:this.handleResendOtp},l("resendOtp",this.language)):t("button",{class:"OtpButton",onClick:this.submitOtp,disabled:this.otp.join("").length!==this.config.inputLength},l("submit",this.language)),t("button",{class:"OtpButton",onClick:this.manualClosePopup},l("close",this.language)))))))}get el(){return r(this)}static get watchers(){return{translationUrl:["handleNewTranslations"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"]}}};d.style=".OtpPopupOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--emw--color-overlay, rgba(0, 0, 0, 0.5));display:flex;align-items:center;justify-content:center}.OtpButton{font-family:var(--emw--button-typography);border:var(--emw--button-border, none);border-radius:var(--emw--button-border-radius, 3px);border-color:var(--emw--button-border-color);background-color:var(--emw--button-background-color, var(--emw--color-primary, #007bff));color:var(--emw--button-typography, var(--emw--color-white, #fff));padding:10px 20px;cursor:pointer;font-size:16px}.OtpButton.error{background:var(--emw--color-error, #dd3434)}.OtpPopupContent{position:relative;background:var(--emw--color-white, #fff);padding:20px;border-radius:5px;text-align:center;min-width:25%;min-height:200px;display:flex;flex-direction:column;justify-content:center;gap:20px}.OtpPopupContent .OtpError{display:flex;flex-direction:column;gap:20px;align-items:center}.OtpPopupContent .OtpError .OtpErrorHeader{display:flex;justify-content:center;gap:5px}.OtpPopupContent .OtpError h2{margin:0}.OtpPopupContent .OtpError svg{width:25px;fill:var(--emw--color-error, #dd3434)}.OtpFieldWrapper{display:flex;flex-direction:column;gap:10px}.OtpFieldWrapper h2{margin:0}.OtpField{display:flex;justify-content:center}.OtpField input{width:24px;font-size:32px;padding:10px;text-align:center;border-radius:5px;margin:2px;border:2px solid var(--emw--otp-border-color, #55525c);font-weight:bold;outline:none;transition:all 0.1s}.OtpField input.space{margin-right:1rem !important}.OtpField input:focus{border:2px solid var(--emw--color-primary, #007bff);box-shadow:0 0 2px 2px var(--emw--color-primary, #007bff)}.OtpActionButtons{display:flex;justify-content:space-between}.OtpErrorMessage{color:var(--emw--color-error, #dd3434);font-weight:bold}.OtpLoaderContainer{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.OtpLoader{width:48px;height:48px;border:5px solid var(--emw--color-secondary, #b3d8ff);border-bottom-color:var(--emw--color-primary, #007bff);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";export{d as P}

package/dist/player-step-up-auth/player-step-up-auth.entry.js

@@ -1 +1 @@
-export{P as player_step_up_auth}from"./player-step-up-auth-7691b0c5.js";import"./index-c6eee6d8.js";
+export{P as player_step_up_auth}from"./player-step-up-auth-045726cf.js";import"./index-c6eee6d8.js";

package/dist/types/components/player-step-up-auth/player-step-up-auth.d.ts

@@ -46,8 +46,8 @@ export declare class PlayerStepUpAuth {
     private stylingSubscription;
     private otpContainer;
     private otpInputs;
-    private currentTime;
     private countdownTimer;
+    private expirationTimestamp;
     /**
      * Watch for changes in the translation URL and fetch new translations
      */
@@ -81,9 +81,7 @@ export declare class PlayerStepUpAuth {
      */
     handleStepUpAuthEvent(event: CustomEvent): Promise<void>;
     /**
-     * Listens for the 'closePopup' event dispatched on the window
-     * and triggers popup closing logic. This allows other components
-     * or scripts to close the popup via a custom event.
+     * Listens for the global 'closePopup' event to close the popup manually.
      */
     handleCloseWidget(): void;
     /**
@@ -96,16 +94,13 @@ export declare class PlayerStepUpAuth {
      */
     getConfig(): Promise<void>;
     /**
-     * Starts the countdown timer for OTP expiration.
-     * - Clears any existing timer to prevent duplicate intervals.
-     * - Decreases `timeLeft` every second.
-     * - Stops the countdown when time reaches 0.
-     * - Shows the "Resend OTP" option when time runs out.
+     * Calculates the remaining time for OTP expiration.
+     * Adjusts client time based on server offset.
      */
     calculateTimeLeft(): void;
     /**
-     * Starts a countdown timer for OTP expiration.
-     * Decreases `timeLeft` every second and closes the popup when time runs out.
+     * Starts a 1-second interval countdown for OTP expiration.
+     * Updates `timeLeft` state. Enables "Resend OTP" when expired.
      */
     startCountdown(): void;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/player-step-up-auth",
-  "version": "1.70.3",
+  "version": "1.70.5",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",
@@ -23,4 +23,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}

package/dist/player-step-up-auth/player-step-up-auth-7691b0c5.js

@@ -1 +0,0 @@
-import{r as e,h as t,F as i,g as r}from"./index-c6eee6d8.js";function s(e,t){if(e){const i=document.createElement("style");i.innerHTML=t,e.appendChild(i)}}function o(e,t){const i=new URL(t);fetch(i.href).then((e=>e.text())).then((t=>{const i=document.createElement("style");i.innerHTML=t,e&&e.appendChild(i)})).catch((e=>{console.error("There was an error while trying to load client styling from URL",e)}))}const a={en:{popupMessage:"Please enter the security code received on your email address to perform the update.",popupMessageLastWarning:"If the next validation attempt is failed, you will be logged out and blocked temporarily.",minutes:"minutes",errorHeader:"Error",configError:"Unable to load OTP data. Please try again later.",otpHeading:"Enter OTP",resendOtp:"Resent OTP",submit:"Submit",close:"Close",invalidOtp:"The code you've sent is not valid. Please try again.",accountBlocked:"Too many attempts for OTP. Your account has been blocked for one hour.",submissionError:"Something went wrong. Please try again."},ro:{popupMessage:"Introduceți codul de securitate primit pe adresa dvs. de e-mail pentru a efectua actualizarea.",popupMessageLastWarning:"Dacă următoarea încercare de validare eșuează, veți fi delogat și blocat temporar.",minutes:"minute",errorHeader:"Eroare",configError:"Nu s-a putut încărca datele OTP. Vă rugăm să încercați din nou mai târziu.",otpHeading:"Introduceți OTP",resendOtp:"Retrimitere OTP",submit:"Trimite",close:"Închide",invalidOtp:"Codul introdus nu este valid. Vă rugăm să încercați din nou.",accountBlocked:"Prea multe încercări de OTP. Contul dvs. a fost blocat timp de o oră.",submissionError:"Ceva a mers prost. Vă rugăm să încercați din nou."},fr:{popupMessage:"Veuillez entrer le code de sécurité reçu sur votre adresse e-mail pour effectuer la mise à jour.",popupMessageLastWarning:"Si la prochaine tentative de validation échoue, vous serez déconnecté et temporairement bloqué.",minutes:"minutes",errorHeader:"Erreur",configError:"Impossible de charger les données OTP. Veuillez réessayer plus tard.",otpHeading:"Entrez OTP",resendOtp:"Renvoyer OTP",submit:"Soumettre",close:"Fermer",invalidOtp:"Le code que vous avez saisi n’est pas valide. Veuillez réessayer.",accountBlocked:"Trop de tentatives OTP. Votre compte a été bloqué pendant une heure.",submissionError:"Quelque chose s'est mal passé. Veuillez réessayer."},hu:{popupMessage:"Kérjük, adja meg az e-mail címére küldött biztonsági kódot a frissítés végrehajtásához.",popupMessageLastWarning:"Ha a következő érvényesítési kísérlet sikertelen, ki lesz jelentkeztetve és ideiglenesen letiltva.",minutes:"perc",errorHeader:"Hiba",configError:"Nem sikerült betölteni az OTP adatokat. Kérjük, próbálja újra később.",otpHeading:"OTP megadása",resendOtp:"Újraküldés",submit:"Beküldés",close:"Bezárás",invalidOtp:"A megadott kód érvénytelen. Kérjük, próbálja újra.",accountBlocked:"Túl sok OTP próbálkozás. A fiókja egy órára zárolva lett.",submissionError:"Valami hiba történt. Kérjük, próbálja újra."},tr:{popupMessage:"Güncellemeyi gerçekleştirmek için e-posta adresinize gelen güvenlik kodunu girin.",popupMessageLastWarning:"Bir sonraki doğrulama girişimi başarısız olursa, oturumunuz kapatılacak ve geçici olarak engelleneceksiniz.",minutes:"dakika",errorHeader:"Hata",configError:"OTP verisi yüklenemedi. Lütfen daha sonra tekrar deneyin.",otpHeading:"OTP Girin",resendOtp:"OTP'yi Yeniden Gönder",submit:"Gönder",close:"Kapat",invalidOtp:"Gönderdiğiniz kod geçersiz. Lütfen tekrar deneyin.",accountBlocked:"Çok fazla OTP denemesi yapıldı. Hesabınız bir saat boyunca kilitlendi.",submissionError:"Bir şeyler yanlış gitti. Lütfen tekrar deneyin."},el:{popupMessage:"Παρακαλώ εισάγετε τον κωδικό ασφαλείας που λάβατε στο email σας για να ολοκληρώσετε την ενημέρωση.",popupMessageLastWarning:"Αν η επόμενη προσπάθεια επικύρωσης αποτύχει, θα αποσυνδεθείτε και θα αποκλειστείτε προσωρινά.",minutes:"λεπτά",errorHeader:"Σφάλμα",configError:"Δεν ήταν δυνατή η φόρτωση των δεδομένων OTP. Παρακαλούμε προσπαθήστε ξανά αργότερα.",otpHeading:"Εισαγωγή OTP",resendOtp:"Αποστολή ξανά OTP",submit:"Υποβολή",close:"Κλείσιμο",invalidOtp:"Ο κωδικός που εισαγάγατε δεν είναι έγκυρος. Παρακαλώ προσπαθήστε ξανά.",accountBlocked:"Πάρα πολλές προσπάθειες OTP. Ο λογαριασμός σας έχει αποκλειστεί για μία ώρα.",submissionError:"Κάτι πήγε στραβά. Παρακαλώ προσπαθήστε ξανά."},es:{popupMessage:"Por favor, introduzca el código de seguridad recibido en su correo electrónico para realizar la actualización.",popupMessageLastWarning:"Si el siguiente intento de validación falla, se cerrará tu sesión y serás bloqueado temporalmente.",minutes:"minutos",errorHeader:"Error",configError:"No se pudo cargar los datos del OTP. Por favor, inténtelo de nuevo más tarde.",otpHeading:"Introducir OTP",resendOtp:"Reenviar OTP",submit:"Enviar",close:"Cerrar",invalidOtp:"El código que ingresaste no es válido. Por favor, inténtalo de nuevo.",accountBlocked:"Demasiados intentos de OTP. Su cuenta ha sido bloqueada por una hora.",submissionError:"Algo salió mal. Por favor, inténtelo de nuevo."},pt:{popupMessage:"Por favor, insira o código de segurança recebido no seu e-mail para realizar a atualização.",popupMessageLastWarning:"Se a próxima tentativa de validação falhar, será desconectado e temporariamente bloqueado.",minutes:"minutos",errorHeader:"Erro",configError:"Não foi possível carregar os dados do OTP. Tente novamente mais tarde.",otpHeading:"Insira o OTP",resendOtp:"Reenviar OTP",submit:"Enviar",close:"Fechar",invalidOtp:"O código inserido não é válido. Por favor, tente novamente.",accountBlocked:"Muitas tentativas de OTP. Sua conta foi bloqueada por uma hora.",submissionError:"Algo deu errado. Por favor, tente novamente."},hr:{popupMessage:"Unesite sigurnosni kod primljen na vašu e-mail adresu kako biste izvršili ažuriranje.",popupMessageLastWarning:"Ako sljedeći pokušaj provjere ne uspije, bit ćete odjavljeni i privremeno blokirani.",minutes:"minute",errorHeader:"Greška",configError:"Nije moguće učitati OTP podatke. Pokušajte ponovno kasnije.",otpHeading:"Unesite OTP",resendOtp:"Ponovno pošalji OTP",submit:"Pošalji",close:"Zatvori",invalidOtp:"Uneseni kod nije valjan. Molimo pokušajte ponovo.",accountBlocked:"Previše pokušaja unosa OTP-a. Vaš račun je blokiran na jedan sat.",submissionError:"Nešto je pošlo po zlu. Molimo pokušajte ponovo."},de:{popupMessage:"Bitte geben Sie den Sicherheitscode ein, den Sie an Ihre E-Mail-Adresse erhalten haben, um das Update durchzuführen.",popupMessageLastWarning:"Wenn der nächste Validierungsversuch fehlschlägt, werden Sie abgemeldet und vorübergehend gesperrt.",minutes:"Minuten",errorHeader:"Fehler",configError:"OTP-Daten konnten nicht geladen werden. Bitte versuchen Sie es später erneut.",otpHeading:"OTP eingeben",resendOtp:"OTP erneut senden",submit:"Absenden",close:"Schließen",invalidOtp:"Der eingegebene Code ist ungültig. Bitte versuchen Sie es erneut.",accountBlocked:"Zu viele OTP-Versuche. Ihr Konto wurde für eine Stunde gesperrt.",submissionError:"Etwas ist schiefgelaufen. Bitte versuchen Sie es erneut."},"es-mx":{popupMessage:"Por favor, ingrese el código de seguridad recibido en su correo electrónico para realizar la actualización.",popupMessageLastWarning:"Si el siguiente intento de validación falla, se cerrará tu sesión y serás bloqueado temporalmente.",minutes:"minutos",errorHeader:"Error",configError:"No se pudieron cargar los datos del OTP. Inténtelo de nuevo más tarde.",otpHeading:"Ingrese OTP",resendOtp:"Reenviar OTP",submit:"Enviar",close:"Cerrar",invalidOtp:"El código que ingresó no es válido. Inténtelo de nuevo.",accountBlocked:"Demasiados intentos de OTP. Su cuenta ha sido bloqueada por una hora.",submissionError:"Algo salió mal. Por favor, inténtelo de nuevo."},"pt-br":{popupMessage:"Por favor, digite o código de segurança recebido no seu e-mail para realizar a atualização.",popupMessageLastWarning:"Se a próxima tentativa de validação falhar, você será desconectado e bloqueado temporariamente.",minutes:"minutos",errorHeader:"Erro",configError:"Não foi possível carregar os dados do OTP. Tente novamente mais tarde.",otpHeading:"Digite o OTP",resendOtp:"Reenviar OTP",submit:"Enviar",close:"Fechar",invalidOtp:"O código informado não é válido. Tente novamente.",accountBlocked:"Muitas tentativas de OTP. Sua conta foi bloqueada por uma hora.",submissionError:"Algo deu errado. Por favor, tente novamente."}},n=e=>new Promise((t=>{fetch(e).then((e=>e.json())).then((e=>{Object.keys(e).forEach((t=>{for(let i in e[t])a[t][i]=e[t][i]})),t(!0)}))})),l=(e,t)=>a[void 0!==t?t:"en"][e],d=class{handleNewTranslations(){n(this.translationUrl)}handleClientStylingChange(e,t){e!==t&&s(this.el,this.clientStyling)}handleClientStylingUrlChange(e,t){e!=t&&this.clientStylingUrl&&o(this.stylingContainer,this.clientStylingUrl)}async handleStepUpAuthEvent(e){var t;if(null===(t=e.detail)||void 0===t?void 0:t["x-step-up-required"]){if(this.hasConfigErrors=!1,this.hasErrors=!1,this.errorMessage="",this.showPopup=!0,this.token=e.detail["x-step-up-token"],this.flow=e.detail.flow,!this.token||!this.flow)return this.isLoading=!1,this.hasConfigErrors=!0,void(this.errorMessage=l("configError",this.language));await this.getConfig()}}handleCloseWidget(){this.hasErrors=!1,this.hasConfigErrors=!1,this.errorMessage="",this.showPopup=!1}constructor(t){e(this,t),this.otpInputs=[],this.countdownTimer=null,this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.language="en",this.endpoint=void 0,this.userSession=void 0,this.translationUrl="",this.showPopup=!1,this.otp=void 0,this.isLoading=!0,this.config=null,this.timeLeft=0,this.expirationTime="",this.serverTime="",this.hasErrors=!1,this.hasConfigErrors=!1,this.errorMessage="",this.token="",this.flow="",this.showResendOtp=!1,this.isLastWarning=!1,this.handleResendOtp=this.handleResendOtp.bind(this),this.submitOtp=this.submitOtp.bind(this),this.setOtpContainerRef=this.setOtpContainerRef.bind(this),this.handleCloseWidget=this.handleCloseWidget.bind(this),this.manualClosePopup=this.manualClosePopup.bind(this)}async getConfig(){if(this.endpoint)try{const e=new URL(`/api/v1/mfa/challenge/${this.token}/config`,this.endpoint);this.isLoading=!0;const t=await fetch(e.href);if(!t.ok)throw new Error(`HTTP error! Status: ${t.status}`);this.config=await t.json(),this.otp=new Array(this.config.inputLength).fill(""),this.isLoading=!1,this.showResendOtp=!1,this.expirationTime=this.config.expirationTime,this.serverTime=this.config.serverTime,0!==this.config.numberOfValidateAttempts&&(this.hasErrors=!0,this.errorMessage=l("invalidOtp",this.language)),this.config.numberOfValidateAttempts===this.config.maxValidationAttempts-1&&(this.isLastWarning=!0),this.calculateTimeLeft(),this.startCountdown()}catch(e){this.isLoading=!1,this.hasConfigErrors=!0,this.errorMessage=l("configError",this.language),console.error("Error loading 2FA config:",e)}}calculateTimeLeft(){const e=new Date(this.expirationTime),t=new Date(this.serverTime);this.currentTime||(this.currentTime=new Date);const i=t.getTime()-this.currentTime.getTime(),r=new Date(this.currentTime.getTime()+i);this.timeLeft=Math.floor((e.getTime()-r.getTime())/1e3)}startCountdown(){this.countdownTimer&&clearInterval(this.countdownTimer),this.countdownTimer=setInterval((()=>{this.timeLeft>0?this.timeLeft-=1:(clearInterval(this.countdownTimer),this.countdownTimer=null,this.showResendOtp=!0)}),1e3)}formatTime(e){const t=e%60;return`${Math.floor(e/60).toString().padStart(2,"0")}:${t.toString().padStart(2,"0")}`}setOtpContainerRef(e){e&&(this.otpContainer=e)}setOtpInputRef(e,t){e&&(this.otpInputs[t]=e)}handleOnPasteOtp(e){var t;e.preventDefault();const i=null===(t=e.clipboardData)||void 0===t?void 0:t.getData("text").trim();if(!i)return;const r=i.slice(0,this.config.inputLength).split("");this.otp=[...r,...new Array(this.config.inputLength-r.length).fill("")];const s=Array.from(this.otpContainer.children);if(s){r.forEach(((e,t)=>{s[t].value=e}));const e=s[r.length-1];null==e||e.focus(),r.length===this.config.inputLength&&this.submitOtp()}}handleOtpInput(e,t){const i=e.target;let r=i.value.replace(/[^0-9a-zA-Z]/gi,"").toUpperCase();if(i.value=r.charAt(0),!r)return;this.otp[t]=r[0];const s=this.otpInputs[t+1];null==s||s.focus()}handleKeyDown(e,t){if("Backspace"===e.key){this.otp[t]="",this.otpInputs[t].value="";const e=this.otpInputs[t-1];null==e||e.focus()}}handleResendOtp(){const e=new CustomEvent("otpResendRequested");window.dispatchEvent(e)}async submitOtp(){if(this.otp.join("").length!==this.config.inputLength)return this.hasErrors=!0,void(this.errorMessage=l("invalidOtp",this.language));this.isLoading=!0,this.hasErrors=!1,this.errorMessage="";const e=this.otp.join("");"stateless"===this.flow&&this.handleOtpStateless(e),"stateful"===this.flow&&await this.handleOtpStateful(e)}handleOtpStateless(e){window.dispatchEvent(new CustomEvent("otpSubmitted",{detail:{code:e,maxAttempts:this.config.maxValidationAttempts,validatedAttempts:this.config.numberOfValidateAttempts}}))}async handleOtpStateful(e){const t=new URL(`/api/v1/mfa/challenge/${this.token}/validate`,this.endpoint);t.searchParams.append("input",e);try{const e=await fetch(t.href,{method:"POST"});if(200===e.status)return void this.handleSuccess();const i=await e.json();throw new Error(i.message)}catch(e){if("gm.multifactorauthentication.challenge"===e.message)return this.config.numberOfValidateAttempts===this.config.maxValidationAttempts-1?(window.dispatchEvent(new CustomEvent("otpSetTimeout")),window.postMessage({type:"WidgetNotification",data:{type:"error",message:l("accountBlocked",this.language)}},window.location.href),void this.handleCloseWidget()):(this.hasErrors=!0,this.errorMessage=l("invalidOtp",this.language),void this.getConfig());console.error("OTP submission failed:",e),this.hasErrors=!0,this.errorMessage=l("submissionError",this.language)}finally{this.isLoading=!1}}handleSuccess(){window.dispatchEvent(new CustomEvent("otpSuccess",{detail:{message:"User successfully authenticated"}})),this.handleCloseWidget()}manualClosePopup(){window.dispatchEvent(new CustomEvent("manualClosePopup")),this.handleCloseWidget()}disconnectedCallback(){var e;this.countdownTimer&&clearInterval(this.countdownTimer),null===(e=this.stylingSubscription)||void 0===e||e.unsubscribe()}async componentWillLoad(){this.translationUrl.length>2&&await n(this.translationUrl)}componentDidLoad(){this.stylingContainer&&(null!=window.emMessageBuss?function(e,t){if(window.emMessageBus){const i=document.createElement("style");window.emMessageBus.subscribe(t,(t=>{i.innerHTML=t,e&&e.appendChild(i)}))}}(this.stylingContainer,`${this.mbSource}.Style`):(this.clientStyling&&s(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&o(this.stylingContainer,this.clientStylingUrl)))}render(){return t("div",{key:"15b15a9406ca14d5e09e2ed8018d096bc493493e",ref:e=>this.stylingContainer=e},this.showPopup&&t("div",{key:"27bb8fbc5d1a4e798852684e90996ce019d9fe97",class:"OtpPopupOverlay"},t("div",{key:"cc34a822937d9f9b553b59ff5b085ee6099326e3",class:"OtpPopupContent"},this.isLoading?t("div",{class:"OtpLoaderContainer"},t("span",{class:"OtpLoader"})):this.hasConfigErrors?t("div",{class:"OtpError"},t("div",{class:"OtpErrorHeader"},t("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},t("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"})),t("h2",null,l("errorHeader",this.language))),t("p",null,this.errorMessage),t("button",{class:"OtpButton error",onClick:this.manualClosePopup},l("close",this.language))):t(i,null,t("div",{class:"otp-description"},t("p",{class:this.isLastWarning?"LastWarningMessage":""},l(this.isLastWarning?"popupMessageLastWarning":"popupMessage",this.language)),this.hasErrors&&t("p",{class:"OtpErrorMessage"},this.errorMessage)),t("div",{class:"OtpFieldWrapper"},t("h2",null,l("otpHeading",this.language)),t("div",{class:"OtpField",ref:this.setOtpContainerRef},this.otp.map(((e,i)=>t("input",{key:i,ref:e=>this.setOtpInputRef(e,i),id:`otp-input-${i}`,type:"text",class:"otp-box "+(this.config.inputLength%2==0&&i===this.config.inputLength/2-1?"space":""),maxLength:1,value:e,onInput:e=>this.handleOtpInput(e,i),onKeyDown:e=>this.handleKeyDown(e,i),onPaste:e=>this.handleOnPasteOtp(e),disabled:this.timeLeft<=0})))),t("div",{class:"otp-timer"},this.formatTime(this.timeLeft)," ",l("minutes",this.language))),t("div",{class:"OtpActionButtons"},this.showResendOtp?t("button",{class:"OtpButton",onClick:this.handleResendOtp},l("resendOtp",this.language)):t("button",{class:"OtpButton",onClick:this.submitOtp,disabled:this.otp.join("").length!==this.config.inputLength},l("submit",this.language)),t("button",{class:"OtpButton",onClick:this.manualClosePopup},l("close",this.language)))))))}get el(){return r(this)}static get watchers(){return{translationUrl:["handleNewTranslations"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"]}}};d.style=".OtpPopupOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--emw--color-overlay, rgba(0, 0, 0, 0.5));display:flex;align-items:center;justify-content:center}.OtpButton{font-family:var(--emw--button-typography);border:var(--emw--button-border, none);border-radius:var(--emw--button-border-radius, 3px);border-color:var(--emw--button-border-color);background-color:var(--emw--button-background-color, var(--emw--color-primary, #007bff));color:var(--emw--button-typography, var(--emw--color-white, #fff));padding:10px 20px;cursor:pointer;font-size:16px}.OtpButton.error{background:var(--emw--color-error, #dd3434)}.OtpPopupContent{position:relative;background:var(--emw--color-white, #fff);padding:20px;border-radius:5px;text-align:center;min-width:25%;min-height:200px;display:flex;flex-direction:column;justify-content:center;gap:20px}.OtpPopupContent .OtpError{display:flex;flex-direction:column;gap:20px;align-items:center}.OtpPopupContent .OtpError .OtpErrorHeader{display:flex;justify-content:center;gap:5px}.OtpPopupContent .OtpError h2{margin:0}.OtpPopupContent .OtpError svg{width:25px;fill:var(--emw--color-error, #dd3434)}.OtpFieldWrapper{display:flex;flex-direction:column;gap:10px}.OtpFieldWrapper h2{margin:0}.OtpField{display:flex;justify-content:center}.OtpField input{width:24px;font-size:32px;padding:10px;text-align:center;border-radius:5px;margin:2px;border:2px solid var(--emw--otp-border-color, #55525c);font-weight:bold;outline:none;transition:all 0.1s}.OtpField input.space{margin-right:1rem !important}.OtpField input:focus{border:2px solid var(--emw--color-primary, #007bff);box-shadow:0 0 2px 2px var(--emw--color-primary, #007bff)}.OtpActionButtons{display:flex;justify-content:space-between}.OtpErrorMessage{color:var(--emw--color-error, #dd3434);font-weight:bold}.OtpLoaderContainer{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.OtpLoader{width:48px;height:48px;border:5px solid var(--emw--color-secondary, #b3d8ff);border-bottom-color:var(--emw--color-primary, #007bff);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";export{d as P}