j-queue-sdk-web - npm Package Compare versions

Comparing version 1.0.25 to 1.0.26

dist/j-queue-sdk-web.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("io")):"function"==typeof define&&define.amd?define(["io"],e):"object"==typeof exports?exports.ConnectionJQueueSdkWeb=e(require("io")):t.ConnectionJQueueSdkWeb=e(t.io)}(this,(t=>(()=>{"use strict";var e={156:function(t,e,n){var i=this&&this.__awaiter||function(t,e,n,i){return new(n||(n=Promise))((function(s,o){function a(t){try{l(i.next(t))}catch(t){o(t)}}function u(t){try{l(i.throw(t))}catch(t){o(t)}}function l(t){var e;t.done?s(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(a,u)}l((i=i.apply(t,e||[])).next())}))};Object.defineProperty(e,"__esModule",{value:!0});const s=n(676),o=n(613);class a{static log(t,e="info",n){("error"===e?console.error:"warn"===e?console.warn:console.log)(`[J-Queue] ${t}`,null!=n?n:"")}static injectStyles(t){if("undefined"==typeof document||document.querySelector("style[data-jqueue-styles]"))return;const e=document.createElement("style");e.dataset.jqueueStyles="",e.textContent=this.CONFIG.STYLES.LOADER(t),document.head.appendChild(e)}static createPopup(t,e){if("undefined"==typeof document)return;this.removePopup();const n=document.createElement("div");n.id="__jqueue_popup",n.style.cssText=null!=e?e:this.CONFIG.STYLES.POPUP,n.innerHTML=t,document.body.appendChild(n),this.state.popupEl=n}static removePopup(){var t;"undefined"!=typeof document&&(null===(t=this.state.popupEl)||void 0===t||t.remove(),this.state.popupEl=null)}static toggleNavigation(t){"undefined"!=typeof window&&this.state.isNavigating!==t&&(window.onbeforeunload=t?()=>{var t;return(null===(t=this.state.queueStatus)||void 0===t?void 0:t.uuid)&&this.state.apiUrl&&this.sendLeaveRequest(),"Navigation is currently blocked."}:null,this.state.isNavigating=t)}static sendLeaveRequest(){const{apiUrl:t,queueStatus:e}=this.state;if(t&&(null==e?void 0:e.uuid))try{const n=JSON.stringify({uuid:e.uuid});navigator.sendBeacon(`${t}${this.CONFIG.API_ENDPOINTS.LEAVE}`,n)}catch(t){this.log("Leave API (sendBeacon) failed","error",t)}}static getDefaultPopupContent(t,e="ko",n){var i;const s=this.CONFIG.MESSAGES[e],o=null!==(i=null==n?void 0:n.textColor)&&void 0!==i?i:"#276bff";return`\n      <div style="display: flex; flex-direction: column; align-items: center; width: 100%;">\n        <div style="padding: 20px; text-align: center;">\n          <p style="font-size: 16px; line-height: 1.5; margin: 0 0 20px 0; color: ${o};">\n            ${s.MESS_1}<br>${s.MESS_2}\n          </p>\n          <div style="position: relative; width: 150px; height: 150px; margin: 20px auto;">\n            <span style="position: absolute; inset: 0;" class="loader-jqueue_popup"></span>\n            <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;">\n              <div style="font-size: 14px; color: ${o};">${s.MESS_3}</div>\n              <div style="font-size: 36px; color: ${o}; font-weight: bold;">${t}</div>\n            </div>\n          </div>\n        </div>\n      </div>\n    `}static getAdjustedPollInterval(t,e){return t>=100?e+t/100*1e3:e}static handleStatusUpdate(t,e,n){var i,s;if(!(null==t?void 0:t.data))return void this.log("Invalid status response received","warn");const{status:a,position:u,uuid:l}=t.data;this.state.queueStatus={status:a,position:u,uuid:l},this.state.storageKey&&"undefined"!=typeof sessionStorage&&sessionStorage.setItem(this.state.storageKey,l),this.statusListeners.forEach((t=>t({status:a,position:u,uuid:l})));const r=this.getAdjustedPollInterval(u,this.CONFIG.TTL_INTERVAL);if(r!==n.value&&(n.value=r,this.startTtlEmission(n.value)),a===o.OnlineQueueStatus.ACTIVE)this.removePopup(),this.toggleNavigation(!1);else{const t="function"==typeof(null==e?void 0:e.content)?e.content(u):null!==(i=null==e?void 0:e.content)&&void 0!==i?i:this.getDefaultPopupContent(u,null!==(s=null==e?void 0:e.language)&&void 0!==s?s:"ko",e);this.createPopup(t,null==e?void 0:e.style),this.toggleNavigation(!0)}}static startTtlEmission(t){this.ttlInterval&&clearInterval(this.ttlInterval),this.ttlInterval=setInterval((()=>{var t,e;(null===(t=this.state.socket)||void 0===t?void 0:t.connected)&&(null===(e=this.state.queueStatus)||void 0===e?void 0:e.uuid)&&this.state.socketConfig&&(this.state.socket.emit("online-queue:status",Object.assign(Object.assign({},this.state.socketConfig.query),{uuid:this.state.queueStatus.uuid})),this.log("Sent online-queue:status"))}),t)}static setupSocket(t,e,n,i,o){const a=(0,s.io)(t,{query:Object.assign(Object.assign({},e.query),{uuid:n}),transports:e.transports||["websocket"],reconnectionAttempts:e.reconnectionAttempts||3,reconnectionDelay:e.reconnectionDelay||1e3});this.state.socket=a;const u={value:this.getAdjustedPollInterval(0,this.CONFIG.TTL_INTERVAL)};let l=!0;a.on("connect",(()=>{this.log("Socket.IO connected"),l&&(a.emit("online-queue:join",Object.assign({},e.query)),this.log("Sent online-queue:join"),l=!1),this.startTtlEmission(u.value)})),a.on("online-queue:join",(t=>{this.handleStatusUpdate(t,o,u)})),a.on("online-queue:status",(t=>{this.handleStatusUpdate(t,o,u)})),i&&Object.keys(i).forEach((t=>{a.on(t,(e=>{i[t](e,{createPopup:this.createPopup.bind(this),removePopup:this.removePopup.bind(this),preventNavigation:()=>this.toggleNavigation(!0),allowNavigation:()=>this.toggleNavigation(!1)})}))})),a.on("connect_error",(t=>{this.log("Socket.IO connection error","error",t)})),a.on("disconnect",(t=>{this.log(`Socket.IO disconnected: ${t}`,"warn"),this.ttlInterval&&(clearInterval(this.ttlInterval),this.ttlInterval=null)}))}static addStatusListener(t){this.statusListeners.push(t)}static removeStatusListener(t){this.statusListeners=this.statusListeners.filter((e=>e!==t))}static getQueueStatus(){return this.state.queueStatus}static init(t){return i(this,arguments,void 0,(function*({wsUrl:t,apiUrl:e,socketConfig:n={},popupConfig:i={},customEvents:s={},option:o={storageKey:this.CONFIG.STORAGE_KEY}}){var a;if(!t||!e)throw new Error("Both wsUrl and apiUrl are required for initialization");if("undefined"==typeof window)throw new Error("Socket.IO is not supported in this environment.");this.state=Object.assign(Object.assign({},this.state),{storageKey:null!==(a=o.storageKey)&&void 0!==a?a:this.CONFIG.STORAGE_KEY,wsUrl:t,apiUrl:e,socketConfig:n}),this.injectStyles(i);try{return this.setupSocket(t,n,"",s,i),{disconnect:()=>this.disconnect()}}catch(t){return this.log("Initialization failed","error",t),{disconnect:()=>this.disconnect()}}}))}static cleanup(){this.state.storageKey&&"undefined"!=typeof sessionStorage&&sessionStorage.removeItem(this.state.storageKey),this.ttlInterval&&(clearInterval(this.ttlInterval),this.ttlInterval=null),this.removePopup(),this.toggleNavigation(!1),this.state={socket:null,popupEl:null,isNavigating:!1,storageKey:null,queueStatus:null,wsUrl:null,apiUrl:null,socketConfig:null},this.statusListeners=[]}static disconnect(){var t,e,n;(null===(t=this.state.socket)||void 0===t?void 0:t.connected)&&(null===(e=this.state.queueStatus)||void 0===e?void 0:e.uuid)&&this.state.apiUrl&&this.sendLeaveRequest(),null===(n=this.state.socket)||void 0===n||n.disconnect(),this.cleanup()}}a.CONFIG={TTL_INTERVAL:3e4,STORAGE_KEY:"queue_token",API_ENDPOINTS:{LEAVE:"/leave"},MESSAGES:{en:{MESS_1:"Progressing sequentially based on access order.",MESS_2:"We are doing our best to proceed quickly.",MESS_3:"Queue Number"},ko:{MESS_1:"접속한 순서대로 순차적 진행 중입니다.",MESS_2:"빠른 서비스 진행을 위해 최선을 다하고 있습니다.",MESS_3:"대기순번"}},STYLES:{POPUP:"\n        position: fixed;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        background: #fff;\n        z-index: 10000;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        font-size: 28px;\n      ",LOADER:t=>{var e,n;return`\n        .loader-jqueue_popup {\n          width: 100%;\n          height: 100%;\n          border-radius: 50%;\n          display: inline-block;\n          position: relative;\n          background: linear-gradient(0deg, ${null!==(e=null==t?void 0:t.loaderGradientEnd)&&void 0!==e?e:"rgba(39,107,255,0.05)"} 33%, ${null!==(n=null==t?void 0:t.loaderGradientStart)&&void 0!==n?n:"#276bff"} 100%);\n          box-sizing: border-box;\n          animation: rotation 1s linear infinite;\n        }\n        .loader-jqueue_popup::after {\n          content: '';\n          box-sizing: border-box;\n          position: absolute;\n          left: 50%;\n          top: 50%;\n          transform: translate(-50%, -50%);\n          width: 96%;\n          height: 96%;\n          border-radius: 50%;\n          background: #fff;\n        }\n        @keyframes rotation {\n          0% { transform: rotate(0deg); }\n          100% { transform: rotate(360deg); }\n        }\n      `}}},a.state={socket:null,popupEl:null,isNavigating:!1,storageKey:null,queueStatus:null,wsUrl:null,apiUrl:null,socketConfig:null},a.ttlInterval=null,a.statusListeners=[],"undefined"!=typeof window&&(window.ConnectionJQueueSdkWeb=a),e.default=a},613:(t,e)=>{var n;Object.defineProperty(e,"__esModule",{value:!0}),e.OnlineQueueStatus=void 0,function(t){t[t.WAITING=1]="WAITING",t[t.ACTIVE=2]="ACTIVE"}(n||(e.OnlineQueueStatus=n={}))},676:e=>{e.exports=t}},n={},i=function t(i){var s=n[i];if(void 0!==s)return s.exports;var o=n[i]={exports:{}};return e[i].call(o.exports,o,o.exports,t),o.exports}(156);return i.default})()));
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("io")):"function"==typeof define&&define.amd?define(["io"],e):"object"==typeof exports?exports.ConnectionJQueueSdkWeb=e(require("io")):t.ConnectionJQueueSdkWeb=e(t.io)}(this,(t=>(()=>{"use strict";var e={156:function(t,e,n){var i=this&&this.__awaiter||function(t,e,n,i){return new(n||(n=Promise))((function(s,o){function a(t){try{u(i.next(t))}catch(t){o(t)}}function l(t){try{u(i.throw(t))}catch(t){o(t)}}function u(t){var e;t.done?s(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(a,l)}u((i=i.apply(t,e||[])).next())}))};Object.defineProperty(e,"__esModule",{value:!0});const s=n(676),o=n(613);class a{static log(t,e="info",n){("error"===e?console.error:"warn"===e?console.warn:console.log)(`[J-Queue] ${t}`,null!=n?n:"")}static injectStyles(t){if("undefined"==typeof document||document.querySelector("style[data-jqueue-styles]"))return;const e=document.createElement("style");e.dataset.jqueueStyles="",e.textContent=this.CONFIG.STYLES.LOADER(t),document.head.appendChild(e)}static createPopup(t,e){if("undefined"==typeof document)return;this.removePopup();const n=document.createElement("div");n.id="__jqueue_popup",n.style.cssText=null!=e?e:this.CONFIG.STYLES.POPUP,n.innerHTML=t,document.body.appendChild(n),this.state.popupEl=n}static removePopup(){var t;"undefined"!=typeof document&&(null===(t=this.state.popupEl)||void 0===t||t.remove(),this.state.popupEl=null)}static toggleNavigation(t){"undefined"!=typeof window&&this.state.isNavigating!==t&&(window.onbeforeunload=t?()=>{var t;return(null===(t=this.state.queueStatus)||void 0===t?void 0:t.uuid)&&this.state.apiUrl&&this.sendLeaveRequest(),"Navigation is currently blocked."}:null,this.state.isNavigating=t)}static sendLeaveRequest(){const{apiUrl:t,queueStatus:e}=this.state;if(t&&(null==e?void 0:e.uuid))try{const n=JSON.stringify({uuid:e.uuid});navigator.sendBeacon(`${t}${this.CONFIG.API_ENDPOINTS.LEAVE}`,n)}catch(t){this.log("Leave API (sendBeacon) failed","error",t)}}static getDefaultPopupContent(t,e="ko",n){var i;const s=this.CONFIG.MESSAGES[e],o=null!==(i=null==n?void 0:n.textColor)&&void 0!==i?i:"#276bff";return`\n      <div style="display: flex; flex-direction: column; align-items: center; width: 100%;">\n        <div style="padding: 20px; text-align: center;">\n          <p style="font-size: 16px; line-height: 1.5; margin: 0 0 20px 0; color: ${o};">\n            ${s.MESS_1}<br>${s.MESS_2}\n          </p>\n          <div style="position: relative; width: 150px; height: 150px; margin: 20px auto;">\n            <span style="position: absolute; inset: 0;" class="loader-jqueue_popup"></span>\n            <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;">\n              <div style="font-size: 14px; color: ${o};">${s.MESS_3}</div>\n              <div style="font-size: 36px; color: ${o}; font-weight: bold;">${t}</div>\n            </div>\n          </div>\n        </div>\n      </div>\n    `}static getAdjustedPollInterval(t,e){return t>=100?e+t/100*1e3:e}static handleStatusUpdate(t,e,n){var i,s;if(!(null==t?void 0:t.data))return void this.log("Invalid status response received","warn");const{status:a,position:l,uuid:u}=t.data;if(this.state.queueStatus={status:a,position:l,uuid:u},this.state.storageKey&&"undefined"!=typeof sessionStorage&&sessionStorage.setItem(this.state.storageKey,u),this.statusListeners.forEach((t=>t({status:a,position:l,uuid:u}))),a===o.OnlineQueueStatus.ACTIVE)this.ttlInterval&&(clearInterval(this.ttlInterval),this.ttlInterval=null),this.removePopup(),this.toggleNavigation(!1);else{const t=this.getAdjustedPollInterval(l,this.CONFIG.TTL_INTERVAL);t!==n.value&&(n.value=t,this.startTtlEmission(n.value));const o="function"==typeof(null==e?void 0:e.content)?e.content(l):null!==(i=null==e?void 0:e.content)&&void 0!==i?i:this.getDefaultPopupContent(l,null!==(s=null==e?void 0:e.language)&&void 0!==s?s:"ko",e);this.createPopup(o,null==e?void 0:e.style),this.toggleNavigation(!0)}}static startTtlEmission(t){this.ttlInterval&&clearInterval(this.ttlInterval),this.ttlInterval=setInterval((()=>{var t,e;(null===(t=this.state.socket)||void 0===t?void 0:t.connected)&&(null===(e=this.state.queueStatus)||void 0===e?void 0:e.uuid)&&this.state.socketConfig&&(this.state.socket.emit("online-queue:status",Object.assign(Object.assign({},this.state.socketConfig.query),{uuid:this.state.queueStatus.uuid})),this.log("Sent online-queue:status"))}),t)}static setupSocket(t,e,n,i,o){const a=(0,s.io)(t,{query:Object.assign(Object.assign({},e.query),{uuid:n}),transports:e.transports||["websocket"],reconnectionAttempts:e.reconnectionAttempts||3,reconnectionDelay:e.reconnectionDelay||1e3});this.state.socket=a;const l={value:this.getAdjustedPollInterval(0,this.CONFIG.TTL_INTERVAL)};let u=!0;a.on("connect",(()=>{this.log("Socket.IO connected"),u&&(a.emit("online-queue:join",Object.assign({},e.query)),this.log("Sent online-queue:join"),u=!1),this.startTtlEmission(l.value)})),a.on("online-queue:join",(t=>{this.handleStatusUpdate(t,o,l)})),a.on("online-queue:status",(t=>{this.handleStatusUpdate(t,o,l)})),i&&Object.keys(i).forEach((t=>{a.on(t,(e=>{i[t](e,{createPopup:this.createPopup.bind(this),removePopup:this.removePopup.bind(this),preventNavigation:()=>this.toggleNavigation(!0),allowNavigation:()=>this.toggleNavigation(!1)})}))})),a.on("connect_error",(t=>{this.log("Socket.IO connection error","error",t)})),a.on("disconnect",(t=>{this.log(`Socket.IO disconnected: ${t}`,"warn"),this.ttlInterval&&(clearInterval(this.ttlInterval),this.ttlInterval=null)}))}static addStatusListener(t){this.statusListeners.push(t)}static removeStatusListener(t){this.statusListeners=this.statusListeners.filter((e=>e!==t))}static getQueueStatus(){return this.state.queueStatus}static init(t){return i(this,arguments,void 0,(function*({wsUrl:t,apiUrl:e,socketConfig:n={},popupConfig:i={},customEvents:s={},option:o={storageKey:this.CONFIG.STORAGE_KEY}}){var a;if(!t||!e)throw new Error("Both wsUrl and apiUrl are required for initialization");if("undefined"==typeof window)throw new Error("Socket.IO is not supported in this environment.");this.state=Object.assign(Object.assign({},this.state),{storageKey:null!==(a=o.storageKey)&&void 0!==a?a:this.CONFIG.STORAGE_KEY,wsUrl:t,apiUrl:e,socketConfig:n}),this.injectStyles(i);try{return this.setupSocket(t,n,"",s,i),{disconnect:()=>this.disconnect()}}catch(t){return this.log("Initialization failed","error",t),{disconnect:()=>this.disconnect()}}}))}static cleanup(){this.state.storageKey&&"undefined"!=typeof sessionStorage&&sessionStorage.removeItem(this.state.storageKey),this.ttlInterval&&(clearInterval(this.ttlInterval),this.ttlInterval=null),this.removePopup(),this.toggleNavigation(!1),this.state={socket:null,popupEl:null,isNavigating:!1,storageKey:null,queueStatus:null,wsUrl:null,apiUrl:null,socketConfig:null},this.statusListeners=[]}static disconnect(){var t,e,n;(null===(t=this.state.socket)||void 0===t?void 0:t.connected)&&(null===(e=this.state.queueStatus)||void 0===e?void 0:e.uuid)&&this.state.apiUrl&&this.sendLeaveRequest(),null===(n=this.state.socket)||void 0===n||n.disconnect(),this.cleanup()}}a.CONFIG={TTL_INTERVAL:3e4,STORAGE_KEY:"queue_token",API_ENDPOINTS:{LEAVE:"/leave"},MESSAGES:{en:{MESS_1:"Progressing sequentially based on access order.",MESS_2:"We are doing our best to proceed quickly.",MESS_3:"Queue Number"},ko:{MESS_1:"접속한 순서대로 순차적 진행 중입니다.",MESS_2:"빠른 서비스 진행을 위해 최선을 다하고 있습니다.",MESS_3:"대기순번"}},STYLES:{POPUP:"\n        position: fixed;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        background: #fff;\n        z-index: 10000;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        font-size: 28px;\n      ",LOADER:t=>{var e,n;return`\n        .loader-jqueue_popup {\n          width: 100%;\n          height: 100%;\n          border-radius: 50%;\n          display: inline-block;\n          position: relative;\n          background: linear-gradient(0deg, ${null!==(e=null==t?void 0:t.loaderGradientEnd)&&void 0!==e?e:"rgba(39,107,255,0.05)"} 33%, ${null!==(n=null==t?void 0:t.loaderGradientStart)&&void 0!==n?n:"#276bff"} 100%);\n          box-sizing: border-box;\n          animation: rotation 1s linear infinite;\n        }\n        .loader-jqueue_popup::after {\n          content: '';\n          box-sizing: border-box;\n          position: absolute;\n          left: 50%;\n          top: 50%;\n          transform: translate(-50%, -50%);\n          width: 96%;\n          height: 96%;\n          border-radius: 50%;\n          background: #fff;\n        }\n        @keyframes rotation {\n          0% { transform: rotate(0deg); }\n          100% { transform: rotate(360deg); }\n        }\n      `}}},a.state={socket:null,popupEl:null,isNavigating:!1,storageKey:null,queueStatus:null,wsUrl:null,apiUrl:null,socketConfig:null},a.ttlInterval=null,a.statusListeners=[],"undefined"!=typeof window&&(window.ConnectionJQueueSdkWeb=a),e.default=a},613:(t,e)=>{var n;Object.defineProperty(e,"__esModule",{value:!0}),e.OnlineQueueStatus=void 0,function(t){t[t.WAITING=1]="WAITING",t[t.ACTIVE=2]="ACTIVE"}(n||(e.OnlineQueueStatus=n={}))},676:e=>{e.exports=t}},n={},i=function t(i){var s=n[i];if(void 0!==s)return s.exports;var o=n[i]={exports:{}};return e[i].call(o.exports,o,o.exports,t),o.exports}(156);return i.default})()));
 //# sourceMappingURL=j-queue-sdk-web.js.map

dist/src/index.js

@@ -116,10 +116,8 @@ "use strict";
         this.statusListeners.forEach((listener) => listener({ status, position, uuid }));
-        // Update TTL interval based on new position
-        const newTtlInterval = this.getAdjustedPollInterval(position, this.CONFIG.TTL_INTERVAL);
-        if (newTtlInterval !== currentTtlInterval.value) {
-            currentTtlInterval.value = newTtlInterval;
-            this.startTtlEmission(currentTtlInterval.value);
-        }
-        // Handle popup and navigation
         if (status === types_1.OnlineQueueStatus.ACTIVE) {
+            // Clear interval when status is ACTIVE
+            if (this.ttlInterval) {
+                clearInterval(this.ttlInterval);
+                this.ttlInterval = null;
+            }
             this.removePopup();
@@ -129,2 +127,8 @@ this.toggleNavigation(false);
         else {
+            // Update TTL interval based on new position for non-ACTIVE status
+            const newTtlInterval = this.getAdjustedPollInterval(position, this.CONFIG.TTL_INTERVAL);
+            if (newTtlInterval !== currentTtlInterval.value) {
+                currentTtlInterval.value = newTtlInterval;
+                this.startTtlEmission(currentTtlInterval.value);
+            }
             const content = typeof (popupConfig === null || popupConfig === void 0 ? void 0 : popupConfig.content) === 'function'
@@ -131,0 +135,0 @@ ? popupConfig.content(position)

package.json

 {
   "name": "j-queue-sdk-web",
-  "version": "1.0.25",
+  "version": "1.0.26",
   "description": "A TypeScript package to check WebSocket connection status and control web access with a popup",
@@ -5,0 +5,0 @@ "main": "dist/j-queue-sdk-web.js",

src/index.ts

@@ -204,14 +204,18 @@ import { io, Socket } from 'socket.io-client';
 
-    // Update TTL interval based on new position
-    const newTtlInterval = this.getAdjustedPollInterval(position, this.CONFIG.TTL_INTERVAL);
-    if (newTtlInterval !== currentTtlInterval.value) {
-      currentTtlInterval.value = newTtlInterval;
-      this.startTtlEmission(currentTtlInterval.value);
-    }
-
-    // Handle popup and navigation
     if (status === OnlineQueueStatus.ACTIVE) {
+      // Clear interval when status is ACTIVE
+      if (this.ttlInterval) {
+        clearInterval(this.ttlInterval);
+        this.ttlInterval = null;
+      }
       this.removePopup();
       this.toggleNavigation(false);
     } else {
+      // Update TTL interval based on new position for non-ACTIVE status
+      const newTtlInterval = this.getAdjustedPollInterval(position, this.CONFIG.TTL_INTERVAL);
+      if (newTtlInterval !== currentTtlInterval.value) {
+        currentTtlInterval.value = newTtlInterval;
+        this.startTtlEmission(currentTtlInterval.value);
+      }
+
       const content =
@@ -218,0 +222,0 @@ typeof popupConfig?.content === 'function'

No alert changes

Improved metrics

Total package byte prevSize

100519

0.69%

Lines of code

1229

0.74%

No dependency changes