@thestatic-tv/dcl-sdk 2.5.8 → 2.5.10

package/dist/index.d.mts

@@ -1000,6 +1000,8 @@ declare class StaticTVClient {
     private _verificationTimeoutId;
     private _videoEventsRegistered;
     private _verificationStartTime;
+    private _offlineVideoId;
+    private _offlineTimeoutId;
     /**
      * Play a video on the configured videoScreen entity.
      * Called by Guide UI and Admin Panel.
@@ -1047,6 +1049,11 @@ declare class StaticTVClient {
      * Returns null if no stream verification is in progress
      */
     get connectingVideoId(): string | null;
+    /**
+     * Get the video ID that was detected as offline (for "OFFLINE" indicator)
+     * Returns null after ~5 seconds (temporary indicator)
+     */
+    get offlineVideoId(): string | null;
     /**
      * Internal handler for Guide video selection
      * Tries to play the stream and verifies it's working (like M1D-HQ behavior)

package/dist/index.d.ts

@@ -1000,6 +1000,8 @@ declare class StaticTVClient {
     private _verificationTimeoutId;
     private _videoEventsRegistered;
     private _verificationStartTime;
+    private _offlineVideoId;
+    private _offlineTimeoutId;
     /**
      * Play a video on the configured videoScreen entity.
      * Called by Guide UI and Admin Panel.
@@ -1047,6 +1049,11 @@ declare class StaticTVClient {
      * Returns null if no stream verification is in progress
      */
     get connectingVideoId(): string | null;
+    /**
+     * Get the video ID that was detected as offline (for "OFFLINE" indicator)
+     * Returns null after ~5 seconds (temporary indicator)
+     */
+    get offlineVideoId(): string | null;
     /**
      * Internal handler for Guide video selection
      * Tries to play the stream and verifies it's working (like M1D-HQ behavior)

package/dist/index.js

@@ -1342,11 +1342,14 @@ var GuideUIModule = class {
     const cardH = this.s(UI_DIMENSIONS.guide.content.cardHeight);
     const isActive = this._currentVideoId === video.id;
     const isConnecting = this.client.connectingVideoId === video.id;
+    const isOffline = this.client.offlineVideoId === video.id;
     let cardBgColor = import_math3.Color4.create(0.15, 0.15, 0.15, 0.8);
-    if (isActive && !isConnecting) {
-      cardBgColor = import_math3.Color4.create(0, 0.4, 0, 0.5);
+    if (isOffline) {
+      cardBgColor = import_math3.Color4.create(0.4, 0.1, 0.1, 0.5);
     } else if (isConnecting) {
       cardBgColor = import_math3.Color4.create(0.4, 0.3, 0, 0.5);
+    } else if (isActive) {
+      cardBgColor = import_math3.Color4.create(0, 0.4, 0, 0.5);
     }
     return import_react_ecs2.default.createElement(import_react_ecs2.UiEntity, {
       key: video.id,
@@ -1380,8 +1383,17 @@ var GuideUIModule = class {
                 color: THEME.colors.white
               }
             }),
-            // Status indicator: CONNECTING > PLAYING > LIVE
-            ...isConnecting ? [
+            // Status indicator: OFFLINE > CONNECTING > PLAYING > LIVE
+            ...isOffline ? [
+              import_react_ecs2.default.createElement(import_react_ecs2.UiEntity, {
+                key: "offline",
+                uiText: {
+                  value: "OFFLINE",
+                  fontSize: this.s(UI_DIMENSIONS.guide.content.bodySize),
+                  color: THEME.colors.red
+                }
+              })
+            ] : isConnecting ? [
               import_react_ecs2.default.createElement(import_react_ecs2.UiEntity, {
                 key: "connecting",
                 uiText: {
@@ -3581,6 +3593,10 @@ var StaticTVClient = class {
     // DCL timer ID
     this._videoEventsRegistered = false;
     this._verificationStartTime = 0;
+    // Timestamp when verification started
+    this._offlineVideoId = null;
+    // Temporarily stores ID of offline stream
+    this._offlineTimeoutId = null;
     this._featuresReadyPromise = new Promise((resolve) => {
       this._featuresReadyResolve = resolve;
     });
@@ -3752,7 +3768,7 @@ var StaticTVClient = class {
   getConfig() {
     return this.config;
   }
-  // Timestamp when verification started
+  // Timer to clear offline state
   /**
    * Play a video on the configured videoScreen entity.
    * Called by Guide UI and Admin Panel.
@@ -3877,7 +3893,7 @@ var StaticTVClient = class {
         this.log(`Stream verification timeout for: ${this._pendingVideoData.name}`);
         this._handleStreamOffline();
       }
-    }, 8e3);
+    }, 5e3);
   }
   /**
    * Handle stream that's offline or failed to verify
@@ -3889,6 +3905,14 @@ var StaticTVClient = class {
     this._clearVerificationTimeout();
     if (videoData) {
       this.showNotification(`${videoData.name} is offline`, 4e3);
+      this._offlineVideoId = videoData.id;
+      if (this._offlineTimeoutId) {
+        utils.timers.clearTimeout(this._offlineTimeoutId);
+      }
+      this._offlineTimeoutId = utils.timers.setTimeout(() => {
+        this._offlineVideoId = null;
+        this._offlineTimeoutId = null;
+      }, 5e3);
     }
     this.stopVideo();
   }
@@ -3915,6 +3939,13 @@ var StaticTVClient = class {
   get connectingVideoId() {
     return this._pendingVideoData && !this._streamVerified ? this._pendingVideoData.id : null;
   }
+  /**
+   * Get the video ID that was detected as offline (for "OFFLINE" indicator)
+   * Returns null after ~5 seconds (temporary indicator)
+   */
+  get offlineVideoId() {
+    return this._offlineVideoId;
+  }
   /**
    * Internal handler for Guide video selection
    * Tries to play the stream and verifies it's working (like M1D-HQ behavior)

package/dist/index.mjs

@@ -1299,11 +1299,14 @@ var GuideUIModule = class {
     const cardH = this.s(UI_DIMENSIONS.guide.content.cardHeight);
     const isActive = this._currentVideoId === video.id;
     const isConnecting = this.client.connectingVideoId === video.id;
+    const isOffline = this.client.offlineVideoId === video.id;
     let cardBgColor = Color43.create(0.15, 0.15, 0.15, 0.8);
-    if (isActive && !isConnecting) {
-      cardBgColor = Color43.create(0, 0.4, 0, 0.5);
+    if (isOffline) {
+      cardBgColor = Color43.create(0.4, 0.1, 0.1, 0.5);
     } else if (isConnecting) {
       cardBgColor = Color43.create(0.4, 0.3, 0, 0.5);
+    } else if (isActive) {
+      cardBgColor = Color43.create(0, 0.4, 0, 0.5);
     }
     return ReactEcs2.createElement(UiEntity2, {
       key: video.id,
@@ -1337,8 +1340,17 @@ var GuideUIModule = class {
                 color: THEME.colors.white
               }
             }),
-            // Status indicator: CONNECTING > PLAYING > LIVE
-            ...isConnecting ? [
+            // Status indicator: OFFLINE > CONNECTING > PLAYING > LIVE
+            ...isOffline ? [
+              ReactEcs2.createElement(UiEntity2, {
+                key: "offline",
+                uiText: {
+                  value: "OFFLINE",
+                  fontSize: this.s(UI_DIMENSIONS.guide.content.bodySize),
+                  color: THEME.colors.red
+                }
+              })
+            ] : isConnecting ? [
               ReactEcs2.createElement(UiEntity2, {
                 key: "connecting",
                 uiText: {
@@ -3538,6 +3550,10 @@ var StaticTVClient = class {
     // DCL timer ID
     this._videoEventsRegistered = false;
     this._verificationStartTime = 0;
+    // Timestamp when verification started
+    this._offlineVideoId = null;
+    // Temporarily stores ID of offline stream
+    this._offlineTimeoutId = null;
     this._featuresReadyPromise = new Promise((resolve) => {
       this._featuresReadyResolve = resolve;
     });
@@ -3709,7 +3725,7 @@ var StaticTVClient = class {
   getConfig() {
     return this.config;
   }
-  // Timestamp when verification started
+  // Timer to clear offline state
   /**
    * Play a video on the configured videoScreen entity.
    * Called by Guide UI and Admin Panel.
@@ -3834,7 +3850,7 @@ var StaticTVClient = class {
         this.log(`Stream verification timeout for: ${this._pendingVideoData.name}`);
         this._handleStreamOffline();
       }
-    }, 8e3);
+    }, 5e3);
   }
   /**
    * Handle stream that's offline or failed to verify
@@ -3846,6 +3862,14 @@ var StaticTVClient = class {
     this._clearVerificationTimeout();
     if (videoData) {
       this.showNotification(`${videoData.name} is offline`, 4e3);
+      this._offlineVideoId = videoData.id;
+      if (this._offlineTimeoutId) {
+        utils.timers.clearTimeout(this._offlineTimeoutId);
+      }
+      this._offlineTimeoutId = utils.timers.setTimeout(() => {
+        this._offlineVideoId = null;
+        this._offlineTimeoutId = null;
+      }, 5e3);
     }
     this.stopVideo();
   }
@@ -3872,6 +3896,13 @@ var StaticTVClient = class {
   get connectingVideoId() {
     return this._pendingVideoData && !this._streamVerified ? this._pendingVideoData.id : null;
   }
+  /**
+   * Get the video ID that was detected as offline (for "OFFLINE" indicator)
+   * Returns null after ~5 seconds (temporary indicator)
+   */
+  get offlineVideoId() {
+    return this._offlineVideoId;
+  }
   /**
    * Internal handler for Guide video selection
    * Tries to play the stream and verifies it's working (like M1D-HQ behavior)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thestatic-tv/dcl-sdk",
-  "version": "2.5.8",
+  "version": "2.5.10",
   "description": "Connect your Decentraland scene to thestatic.tv - full channel lineup, metrics tracking, and interactions",
   "main": "dist/index.js",
   "module": "dist/index.mjs",