@applicaster/zapp-react-native-utils 15.0.0-alpha.8621453569 → 15.0.0-alpha.9331298916

package/appUtils/accessibilityManager/const.ts

@@ -31,6 +31,10 @@ export const BUTTON_ACCESSIBILITY_KEYS = {
       hint: "accessibility_close_mini_hint",
     },
   },
+  back_to_live: {
+    label: "back_to_live_label",
+    hint: "",
+  },
   maximize: {
     label: "accessibility_maximize_label",
     hint: "accessibility_maximize_hint",

package/appUtils/accessibilityManager/hooks.ts

@@ -72,26 +72,3 @@ export const useAnnouncementActive = (
 
   return isActive;
 };
-
-/**
- * Hook to get the current screen reader enabled state
- * Returns a boolean that updates reactively when screen reader is enabled/disabled
- * @returns boolean - true if screen reader is enabled, false otherwise
- */
-export const useScreenReaderEnabled = (
-  accessibilityManager: AccessibilityManager
-) => {
-  const [isEnabled, setIsEnabled] = useState(
-    accessibilityManager.getState().screenReaderEnabled
-  );
-
-  useEffect(() => {
-    const subscription = accessibilityManager
-      .getStateAsObservable()
-      .subscribe((state) => setIsEnabled(state.screenReaderEnabled));
-
-    return () => subscription.unsubscribe();
-  }, [accessibilityManager]);
-
-  return isEnabled;
-};

package/appUtils/accessibilityManager/index.ts

@@ -36,20 +36,7 @@ export class AccessibilityManager {
     false
   );
 
-  private constructor() {
-    this.ttsManager
-      .getScreenReaderEnabledAsObservable()
-      .subscribe((enabled) => {
-        const state = this.state$.getValue();
-
-        if (state.screenReaderEnabled !== enabled) {
-          this.state$.next({
-            ...state,
-            screenReaderEnabled: enabled,
-          });
-        }
-      });
-  }
+  private constructor() {}
 
   public static getInstance(): AccessibilityManager {
     if (!AccessibilityManager._instance) {
@@ -105,15 +92,8 @@ export class AccessibilityManager {
   /**
    * Adds a heading to the queue, headings will be read before the next text
    * Each heading will be read once and removed from the queue
-   * Does nothing if screen reader is not enabled
    */
   public addHeading(heading: string) {
-    const state = this.state$.getValue();
-
-    if (!state.screenReaderEnabled) {
-      return;
-    }
-
     if (!this.pendingFocusId) {
       this.pendingFocusId = Date.now().toString();
     }
@@ -128,7 +108,6 @@ export class AccessibilityManager {
    *
    * Implements a delay mechanism to reduce noise during rapid navigation.
    * Only the most recent announcement will be read after the delay period.
-   * Does nothing if screen reader is not enabled
    */
   public readText({
     text,
@@ -137,12 +116,6 @@ export class AccessibilityManager {
     text: string;
     keyOfLocalizedText?: string;
   }) {
-    const state = this.state$.getValue();
-
-    if (!state.screenReaderEnabled) {
-      return;
-    }
-
     let textToRead = text;
 
     if (keyOfLocalizedText) {

package/appUtils/accessibilityManager/utils.ts

@@ -12,44 +12,13 @@ export function calculateReadingTime(
   minimumPause: number = 500,
   announcementDelay: number = 700
 ): number {
-  const trimmed = text.trim();
-
-  // Count words (split on whitespace and punctuation, keep alnum boundaries)
-  const words = trimmed
+  const words = text
+    .trim()
     .split(/(?<=\d)(?=[a-zA-Z])|(?<=[a-zA-Z])(?=\d)|[^\w\s]+|\s+/)
     .filter(Boolean).length;
 
-  // Count spaces - multiple consecutive spaces add extra pause time
-  const spaceMatches: string[] = trimmed.match(/\s+/g) || [];
-
-  const totalSpaces = spaceMatches.reduce(
-    (sum: number, match: string) => sum + match.length,
-    0
+  return (
+    Math.max(minimumPause, (words / wordsPerMinute) * 60 * 1000) +
+    announcementDelay
   );
-
-  const extraSpaces = Math.max(0, totalSpaces - (words - 1)); // words-1 is normal spacing
-
-  // Heuristic: punctuation increases TTS duration beyond word-based WPM.
-  // Commas typically introduce short pauses, sentence terminators longer ones.
-  const commaCount = (trimmed.match(/,/g) || []).length;
-  const semicolonCount = (trimmed.match(/;/g) || []).length;
-  const colonCount = (trimmed.match(/:/g) || []).length;
-  const dashCount = (trimmed.match(/\u2013|\u2014|-/g) || []).length; // – — -
-  const sentenceEndCount = (trimmed.match(/[.!?](?!\d)/g) || []).length;
-
-  const commaPauseMs = 220; // short prosody pause for ","
-  const midPauseMs = 260; // for ";", ":", dashes
-  const sentenceEndPauseMs = 420; // for ".", "!", "?"
-  const extraSpacePauseMs = 50; // per extra space beyond normal spacing
-
-  const punctuationPause =
-    commaCount * commaPauseMs +
-    (semicolonCount + colonCount + dashCount) * midPauseMs +
-    sentenceEndCount * sentenceEndPauseMs +
-    extraSpaces * extraSpacePauseMs;
-
-  const baseByWordsMs = (words / wordsPerMinute) * 60 * 1000;
-  const estimatedMs = Math.max(minimumPause, baseByWordsMs + punctuationPause);
-
-  return estimatedMs + announcementDelay;
 }

package/appUtils/platform/platformUtils.ts

@@ -170,9 +170,7 @@ export const getClosedCaptionState = () => {
  */
 export class TTSManager {
   private ttsState$ = new BehaviorSubject<boolean>(false);
-  private screenReaderEnabled$ = new BehaviorSubject<boolean>(false);
   private static ttsManagerInstance: TTSManager;
-  private samsungListenerId: number | null = null;
 
   private constructor() {
     this.initialize();
@@ -187,83 +185,23 @@ export class TTSManager {
   }
 
   async initialize() {
-    if (isVizioPlatform()) {
-      document.addEventListener(
-        "VIZIO_TTS_ENABLED",
-        () => {
-          log_debug("Vizio screen reader enabled");
-          this.screenReaderEnabled$.next(true);
-        },
-        false
-      );
-
-      document.addEventListener(
-        "VIZIO_TTS_DISABLED",
-        () => {
-          log_debug("Vizio screen reader disabled");
-          this.screenReaderEnabled$.next(false);
-        },
-        false
-      );
-    }
-
-    if (isLgPlatform() && window.webOS?.service) {
-      try {
-        window.webOS.service.request("luna://com.webos.settingsservice", {
-          method: "getSystemSettings",
-          parameters: {
-            category: "accessibility",
-            keys: ["audioGuidance"],
-            subscribe: true, // Request a subscription to changes
-          },
-          onSuccess: (response: any) => {
-            const isEnabled = response?.settings?.audioGuidance === "on";
+    if (!isVizioPlatform()) return;
 
-            log_debug("LG Audio Guidance status changed", {
-              isEnabled,
-              response,
-            });
-
-            this.screenReaderEnabled$.next(isEnabled);
-          },
-          onFailure: (error: any) => {
-            log_debug("webOS settings subscription failed", { error });
-            this.screenReaderEnabled$.next(false);
-          },
-        });
-      } catch (error) {
-        log_debug("webOS settings service request error", { error });
-        this.screenReaderEnabled$.next(false);
-      }
-    }
+    document.addEventListener(
+      "VIZIO_TTS_ENABLED",
+      () => {
+        this.ttsState$.next(true);
+      },
+      false
+    );
 
-    if (isSamsungPlatform() && typeof window.tizen !== "undefined") {
-      try {
-        if (
-          window.tizen.accessibility &&
-          typeof window.tizen.accessibility
-            .addVoiceGuideStatusChangeListener === "function"
-        ) {
-          this.samsungListenerId =
-            window.tizen.accessibility.addVoiceGuideStatusChangeListener(
-              (enabled: boolean) => {
-                log_debug("Samsung Voice Guide status changed", { enabled });
-                this.screenReaderEnabled$.next(!!enabled);
-              }
-            );
-
-          log_debug("Samsung Voice Guide listener registered", {
-            listenerId: this.samsungListenerId,
-          });
-        } else {
-          log_debug("Samsung accessibility API not available");
-          this.screenReaderEnabled$.next(false);
-        }
-      } catch (error) {
-        log_debug("Samsung Voice Guide listener error", { error });
-        this.screenReaderEnabled$.next(false);
-      }
-    }
+    document.addEventListener(
+      "VIZIO_TTS_DISABLED",
+      () => {
+        this.ttsState$.next(false);
+      },
+      false
+    );
   }
 
   getCurrentState(): boolean {
@@ -274,38 +212,17 @@ export class TTSManager {
     return this.ttsState$.asObservable();
   }
 
-  getScreenReaderEnabledAsObservable() {
-    return this.screenReaderEnabled$.asObservable();
-  }
-
   readText(text: string) {
     this.ttsState$.next(true);
 
-    if (
-      isSamsungPlatform() &&
-      typeof window.tizen !== "undefined" &&
-      window.tizen.speech
-    ) {
-      try {
-        const successCallback = () => {
-          log_debug("Samsung TTS play started successfully");
-          // Estimate reading time and set inactive when done
-          this.scheduleTTSComplete(text);
-        };
-
-        const errorCallback = (error: any) => {
-          log_debug("Samsung TTS error", { error: error?.message || error });
-          this.ttsState$.next(false);
-        };
+    if (isSamsungPlatform() && window.speechSynthesis) {
+      const utterance = new SpeechSynthesisUtterance(text);
 
-        // Clear any previous speech before speaking new text
-        window.tizen.speech.stop();
+      window.speechSynthesis.cancel(); // Cancel previous speech before speaking new text
+      window.speechSynthesis.speak(utterance);
 
-        window.tizen.speech.speak(text, successCallback, errorCallback);
-      } catch (error) {
-        log_debug("Samsung TTS speak() error", { error });
-        this.ttsState$.next(false);
-      }
+      // Estimate reading time and set inactive when done
+      this.scheduleTTSComplete(text);
     }
 
     if (isLgPlatform() && window.webOS?.service) {

package/appUtils/playerManager/OverlayObserver/OverlaysObserver.ts

@@ -5,6 +5,7 @@ import { createLogger, utilsLogger } from "../../../logger";
 import { appStore } from "@applicaster/zapp-react-native-redux/AppStore";
 import {
   findPluginByIdentifier,
+  loadFeedEntry,
   loadFeedAndPrefetchThumbnailImage,
   parseTimeToSeconds,
   retrieveFeedUrl,
@@ -26,6 +27,19 @@ type ChapterMarkerOriginal = {
   actions: ActionChapter[];
 };
 
+export type LiveMetadataEvent = {
+  programId: string;
+  assetId: string;
+  title: string;
+  programStartTime: string;
+  programEndTime: string;
+};
+
+export type LiveMetadataConfig = {
+  updateUrl: string;
+  updateInterval: number;
+};
+
 export type TitleSummaryEvent = {
   title: string | number;
   summary: string | number;
@@ -50,11 +64,13 @@ export type PlayNextState = PlayNextConfig & {
 export class OverlaysObserver {
   readonly chapterSubject: BehaviorSubject<ChapterMarkerEvent>;
   private playNextSubject: BehaviorSubject<PlayNextState>;
+  private liveMetadataSubject: BehaviorSubject<LiveMetadataEvent>;
   private titleSummarySubject: BehaviorSubject<TitleSummaryEvent>;
   private feedUrl: string;
   private reloadData: () => void;
   private updateTitleAndDescription: (data: any) => void;
   private feedDataInterval: any;
+  private liveMetadataUpdateInterval: any;
   private releasePlayerObserver?: () => void;
   readonly entry: ZappEntry;
   private chapterMarkerEvents: ChapterMarkerEvent[];
@@ -66,13 +82,17 @@ export class OverlaysObserver {
     this.chapterSubject = new BehaviorSubject(null);
     this.playNextSubject = new BehaviorSubject(null);
 
+    this.player = player;
+    this.entry = player.getEntry();
+
     this.titleSummarySubject = new BehaviorSubject<TitleSummaryEvent>({
-      title: player.getEntry()?.title || "",
-      summary: player.getEntry()?.summary || "",
+      title: this.entry?.title || "",
+      summary: this.entry?.summary || "",
     });
 
-    this.entry = player.getEntry();
-    this.player = player;
+    this.liveMetadataSubject = new BehaviorSubject<LiveMetadataEvent>(
+      this.entry?.extensions?.liveMetadata || null
+    );
 
     this.chapterMarkerEvents = this.prepareChapterMarkers();
     this.releasePlayerObserver = this.subscribeToPlayerEvents();
@@ -80,7 +100,9 @@ export class OverlaysObserver {
     this.reloadData = () => {};
     this.updateTitleAndDescription = () => {};
     this.feedDataInterval = null;
+    this.liveMetadataUpdateInterval = null;
     void this.preparePlayNext();
+    void this.prepareLiveMetadata();
   }
 
   private setupFeedDataInterval(interval: number) {
@@ -98,6 +120,13 @@ export class OverlaysObserver {
     }
   }
 
+  public clearLiveMetadataUpdateInterval() {
+    if (this.liveMetadataUpdateInterval) {
+      clearInterval(this.liveMetadataUpdateInterval);
+      this.liveMetadataUpdateInterval = null;
+    }
+  }
+
   public setFeedDataHandlers(
     feedUrl: string,
     reloadData: () => void,
@@ -197,6 +226,48 @@ export class OverlaysObserver {
     }
   };
 
+  prepareLiveMetadata = async () => {
+    if (!this.player?.isLive?.()) {
+      log_debug("prepareLiveMetadata: Player is not live. Skipping...");
+
+      return;
+    }
+
+    const config: LiveMetadataConfig =
+      this.entry?.extensions?.liveMetadataConfig;
+
+    if (!config?.updateUrl || !config?.updateInterval) {
+      log_debug(
+        "prepareLiveMetadata: Live metadata configuration is not available. Skipping...",
+        { config }
+      );
+
+      return;
+    }
+
+    const reloadData = async () => {
+      try {
+        const entry = await loadFeedEntry(config.updateUrl, this.entry);
+
+        this.onLiveMetadataUpdated(entry?.extensions?.liveMetadata || null);
+      } catch (error) {
+        log_error("prepareLiveMetadata: Metadata fetching failed", {
+          error,
+          config,
+        });
+      }
+    };
+
+    log_debug("prepareLiveMetadata: Setting up live metadata observer update", {
+      config,
+    });
+
+    const interval = Number(config?.updateInterval) || 60;
+
+    this.clearLiveMetadataUpdateInterval();
+    this.liveMetadataUpdateInterval = setInterval(reloadData, interval * 1000);
+  };
+
   // TODO: Hack for video end, will be replaced with playlist prev/next in the future
   getPlayNextEntry = () =>
     !this.isCanceledByUser ? this.playNextConfig?.entry : null;
@@ -317,9 +388,11 @@ export class OverlaysObserver {
   onPlayerClose = () => {
     this.chapterSubject.complete();
     this.playNextSubject.complete();
+    this.liveMetadataSubject.complete();
     this.titleSummarySubject.complete();
     this.releasePlayerObserver?.();
     this.clearFeedDataInterval();
+    this.clearLiveMetadataUpdateInterval();
     this.releasePlayerObserver = null;
   };
 
@@ -352,4 +425,21 @@ export class OverlaysObserver {
         (prev, curr) => prev?.triggerTime === curr?.triggerTime
       )
     );
+
+  private onLiveMetadataUpdated = (liveMetadataEvent: LiveMetadataEvent) => {
+    this.liveMetadataSubject.next(liveMetadataEvent);
+  };
+
+  public getLiveMetadataObservable = (): Observable<LiveMetadataEvent> => {
+    return this.liveMetadataSubject.pipe(
+      distinctUntilChanged(
+        (prev, curr) =>
+          prev?.programId === curr?.programId && prev?.assetId === curr?.assetId
+      )
+    );
+  };
+
+  public getLiveMetadataValue = (): LiveMetadataEvent => {
+    return this.liveMetadataSubject.value;
+  };
 }

package/appUtils/playerManager/OverlayObserver/utils.ts

@@ -92,22 +92,26 @@ export const prefetchImage = (playableItem: ZappEntry, config: any = {}) => {
   }
 };
 
-export const loadFeedAndPrefetchThumbnailImage = async (
-  playNextFeedUrl: string,
-  entry: ZappEntry,
-  playNextPlugin
-) => {
+/**
+ * Loads a feed entry from the given feed URL using the provided Zapp entry as context.
+ *
+ * @param {string} feedUrl - The URL of the feed to load the entry from.
+ * @param {ZappEntry} entry - The Zapp entry to use as context for the request.
+ * @returns {Promise<ZappEntry>} A promise that resolves to the loaded Zapp entry.
+ * @throws {Error} If the feed loading fails or no entry is found in the response.
+ */
+export const loadFeedEntry = async (feedUrl: string, entry: ZappEntry) => {
   const requestBuilder = new RequestBuilder()
     .setEntryContext(entry)
     .setScreenContext({} as ZappRiver)
-    .setUrl(playNextFeedUrl);
+    .setUrl(feedUrl);
 
   const responseObject = await requestBuilder.call<ZappEntry>();
   const responseHelper = new PipesClientResponseHelper(responseObject);
 
   if (responseHelper.error) {
     log_error(
-      `loadFeedAndPrefetchThumbnailImage: loading failed with error: ${responseHelper.error.message}. Play next observer, will not be executed`,
+      `loadFeedEntry: loading failed with error: ${responseHelper.error.message}. Observer will not be executed`,
       {
         response: responseHelper.getLogsData(),
       }
@@ -116,29 +120,37 @@ export const loadFeedAndPrefetchThumbnailImage = async (
     throw responseHelper.error;
   } else {
     log_info(
-      `loadFeedAndPrefetchThumbnailImage: Play next url was successfully loaded for url: ${playNextFeedUrl}. Prefetching image`,
+      `loadFeedEntry: Feed was successfully loaded for url: ${feedUrl}`,
       responseHelper.getLogsData()
     );
 
-    const playNextEntry = responseHelper.responseData?.entry[0];
+    const entry = responseHelper.responseData?.entry[0];
 
-    if (!playNextEntry) {
-      log_error(
-        "loadFeedAndPrefetchThumbnailImage: Can not retrieve play next entry, feed was loaded but no entry was found",
-        responseHelper.getLogsData()
-      );
+    if (!entry) {
+      const error =
+        "loadFeedEntry: Can not retrieve entry, feed was loaded but no entry was found";
 
-      throw new Error(
-        "Can not retrieve play next entry, feed was loaded but no entry was found"
-      );
-    }
+      log_error(error, responseHelper.getLogsData());
 
-    prefetchImage(playNextEntry, playNextPlugin?.configuration);
+      throw new Error(error);
+    }
 
-    return playNextEntry;
+    return entry;
   }
 };
 
+export const loadFeedAndPrefetchThumbnailImage = async (
+  playNextFeedUrl: string,
+  entry: ZappEntry,
+  playNextPlugin
+) => {
+  const playNextEntry = await loadFeedEntry(playNextFeedUrl, entry);
+
+  prefetchImage(playNextEntry, playNextPlugin?.configuration);
+
+  return playNextEntry;
+};
+
 export const findPluginByIdentifier = (
   identifier: string,
   plugins: ZappPlugin[]

package/appUtils/playerManager/player.ts

@@ -250,6 +250,10 @@ export class Player {
       return false;
     }
 
+    if (!Number.isFinite(duration)) {
+      return this.getSeekableDuration() > 0;
+    }
+
     return duration > 0;
   };
 

package/appUtils/playerManager/usePlayerState.tsx

@@ -2,7 +2,7 @@ import * as React from "react";
 import { Player } from "./player";
 import { usePlayer } from "./usePlayer";
 
-type PlayerState = {
+export type PlayerState = {
   currentTime: number;
   duration: number;
   seekableDuration: number;
@@ -10,6 +10,8 @@ type PlayerState = {
   isPaused: boolean;
   isBuffering: boolean;
   isReadyToPlay: boolean;
+  trackState?: QuickBrickPlayer.TracksState;
+  isAd: boolean;
 };
 
 export const usePlayerState = (
@@ -24,6 +26,8 @@ export const usePlayerState = (
     isPaused: null,
     isBuffering: false,
     isReadyToPlay: false,
+    trackState: null,
+    isAd: false,
   });
 
   const player: Player = usePlayer(playerId);
@@ -37,6 +41,8 @@ export const usePlayerState = (
       isPaused: player.isPaused(),
       isBuffering: player.isBuffering(),
       isReadyToPlay: player.isReadyToPlay(),
+      trackState: player.getTracksState(),
+      isAd: player.isAd(),
     });
   }, [player]);
 
@@ -54,10 +60,16 @@ export const usePlayerState = (
           onPlayerPause: onPlayerChangeState,
           onPlayerResume: onPlayerChangeState,
           onPlayerSeekComplete: onPlayerChangeState,
+          onTracksChanged: onPlayerChangeState,
+          onAdBreakBegin: onPlayerChangeState,
+          onAdBreakEnd: onPlayerChangeState,
+          onAdBegin: onPlayerChangeState,
+          onAdEnd: onPlayerChangeState,
+          onAdError: onPlayerChangeState,
         },
       });
     }
-  }, [player]);
+  }, [listenerId, onPlayerChangeState, player]);
 
   return state;
 };

package/cellUtils/index.ts

@@ -9,10 +9,7 @@ import {
 } from "@applicaster/zapp-react-native-utils/stringUtils";
 import { cellUtilsLogger } from "@applicaster/zapp-react-native-utils/cellUtils/logger";
 import { isWeb } from "@applicaster/zapp-react-native-utils/reactUtils";
-import {
-  isNotNil,
-  isNilOrEmpty,
-} from "@applicaster/zapp-react-native-utils/reactUtils/helpers";
+import { isNotNil } from "@applicaster/zapp-react-native-utils/reactUtils/helpers";
 
 import { toNumberWithDefault, toNumberWithDefaultZero } from "../numberUtils";
 
@@ -508,39 +505,3 @@ export const getImageContainerMarginStyles = ({ value }: { value: any }) => {
     marginRight: value("image_margin_right"),
   };
 };
-
-export const withoutNilOrEmpty = (arr: string[]): string[] =>
-  arr.filter((item) => !isNilOrEmpty(item));
-
-export const isTextLabel = (key: string): boolean =>
-  key.includes("text_label_") && key.endsWith("_switch");
-
-export const hasTextLabelsEnabled = (
-  configuration: Record<string, any>
-): boolean => {
-  const textLabelsKeys = Object.keys(configuration).filter(isTextLabel);
-
-  const picked = textLabelsKeys.reduce(
-    (acc, key) => {
-      acc[key] = configuration[key];
-
-      return acc;
-    },
-    {} as Record<string, any>
-  );
-
-  const pickedValues = Object.values(picked);
-
-  // Check if any switch value is truthy (true, "true", "1", etc.)
-  return pickedValues.some((value) => {
-    if (typeof value === "boolean") {
-      return value === true;
-    }
-
-    if (typeof value === "string") {
-      return value !== "" && value.toLowerCase() !== "false";
-    }
-
-    return Boolean(value);
-  });
-};

package/manifestUtils/defaultManifestConfigurations/player.js

@@ -335,6 +335,13 @@ function getPlayerConfiguration({ platform, version }) {
   };
 
   if (isTV(platform)) {
+    localizations.fields.push({
+      key: "back_to_live_label",
+      label: "Back to live label",
+      initial_value: "Back To Live",
+      type: "text_input",
+    });
+
     styles.fields.push(
       fieldsGroup("Always Show Scrub Bar & Timestamp", "", [
         {
@@ -447,7 +454,7 @@ function getPlayerConfiguration({ platform, version }) {
       ),
       fieldsGroup(
         "Skip Button",
-        "This section allows you to configure the skip button styles for tv",
+        "This section allows you to configure the skip button behaviour",
         [
           {
             type: "switch",
@@ -464,6 +471,12 @@ function getPlayerConfiguration({ platform, version }) {
             label: "Persistent Button Toggle",
             initial_value: true,
           },
+        ]
+      ),
+      fieldsGroup(
+        "Labeled Button Style",
+        "This section allows you to configure the labeled button styles",
+        [
           {
             type: "color_picker_rgba",
             label_tooltip: "",
@@ -619,6 +632,44 @@ function getPlayerConfiguration({ platform, version }) {
     );
   }
 
+  if (isTV(platform)) {
+    general.fields.push(
+      {
+        key: "liveSeekingEnabled",
+        label: "Live Seeking Enabled",
+        initial_value: false,
+        type: "switch",
+        label_tooltip: "Enable Live Seek",
+      },
+      {
+        key: "minimumAllowedSeekableDurationInSeconds",
+        label: "Minimum allowed seekable duration in seconds",
+        initial_value: 300,
+        type: "number_input",
+        label_tooltip:
+          "If duration less than this value, player will disable 'liveSeekingEnabled' value",
+      },
+      {
+        key: "live_image",
+        label: "Live badge",
+        type: "uploader",
+        label_tooltip: "Override default live badge / icon",
+      },
+      {
+        key: "live_width",
+        label: "Live badge width",
+        type: "number_input",
+        initial_value: 85,
+      },
+      {
+        key: "live_height",
+        label: "Live badge height",
+        type: "number_input",
+        initial_value: 50,
+      }
+    );
+  }
+
   if (isMobile(platform)) {
     general.fields.push(
       {

package/manifestUtils/keys.js

@@ -959,6 +959,27 @@ const TV_CELL_LABEL_FIELDS = [
     rules: "conditional",
     conditions: [{ key: "switch", section: "styles", value: true }],
   },
+  {
+    type: ZAPPIFEST_FIELDS.font_selector.roku,
+    suffix: "roku font family",
+    tooltip: "",
+    rules: "conditional",
+    conditions: [{ key: "switch", section: "styles", value: true }],
+  },
+  {
+    type: ZAPPIFEST_FIELDS.number_input,
+    suffix: "roku font size",
+    tooltip: "",
+    rules: "conditional",
+    conditions: [{ key: "switch", section: "styles", value: true }],
+  },
+  {
+    type: ZAPPIFEST_FIELDS.number_input,
+    suffix: "roku line height",
+    tooltip: "",
+    rules: "conditional",
+    conditions: [{ key: "switch", section: "styles", value: true }],
+  },
   {
     type: ZAPPIFEST_FIELDS.select,
     suffix: "text alignment",

package/manifestUtils/sharedConfiguration/screenPicker/utils.js

@@ -3,6 +3,7 @@ const defaultPlatforms = {
   android_tv: "Android TV",
   lg_tv: "LG TV",
   samsung_tv: "Samsung TV",
+  roku: "Roku TV",
 };
 
 const global_defaults = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/zapp-react-native-utils",
-  "version": "15.0.0-alpha.8621453569",
+  "version": "15.0.0-alpha.9331298916",
   "description": "Applicaster Zapp React Native utilities package",
   "main": "index.js",
   "types": "index.d.ts",
@@ -27,7 +27,7 @@
   },
   "homepage": "https://github.com/applicaster/quickbrick#readme",
   "dependencies": {
-    "@applicaster/applicaster-types": "15.0.0-alpha.8621453569",
+    "@applicaster/applicaster-types": "15.0.0-alpha.9331298916",
     "buffer": "^5.2.1",
     "camelize": "^1.0.0",
     "dayjs": "^1.11.10",

package/reactHooks/player/TVSeekControlller/TVSeekController.ts

@@ -147,17 +147,34 @@ export class TVSeekController
 
     let targetPos = currentPos;
 
-    if (this.currentSeekType === SEEK_TYPE.FORWARD) {
-      targetPos = Math.min(
-        currentPos + offset,
-        this.playerController.getSeekableDuration()
-      );
-    } else if (this.currentSeekType === SEEK_TYPE.REWIND) {
-      targetPos = Math.max(0, currentPos - offset);
+    const isLive = this.playerController.isLive();
+
+    if (isLive) {
+      if (this.currentSeekType === SEEK_TYPE.REWIND) {
+        targetPos = Math.min(
+          currentPos + offset,
+          this.playerController.getSeekableDuration()
+        );
+      } else if (this.currentSeekType === SEEK_TYPE.FORWARD) {
+        targetPos = Math.max(0, currentPos - offset);
+      } else {
+        log_warning(
+          `TVSeekController: handleDelayedSeek - invalid seek type: ${this.currentSeekType}`
+        );
+      }
     } else {
-      log_warning(
-        `TVSeekController: handleDelayedSeek - invalid seek type: ${this.currentSeekType}`
-      );
+      if (this.currentSeekType === SEEK_TYPE.FORWARD) {
+        targetPos = Math.min(
+          currentPos + offset,
+          this.playerController.getSeekableDuration()
+        );
+      } else if (this.currentSeekType === SEEK_TYPE.REWIND) {
+        targetPos = Math.max(0, currentPos - offset);
+      } else {
+        log_warning(
+          `TVSeekController: handleDelayedSeek - invalid seek type: ${this.currentSeekType}`
+        );
+      }
     }
 
     log_debug(