@applicaster/zapp-react-native-utils 15.0.0-alpha.7877002324 → 15.0.0-alpha.8526950782

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,84 +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 {
-        //https://webostv.developer.lge.com/develop/references/settings-service
-        window.webOS.service.request("luna://com.webos.settingsservice", {
-          method: "getSystemSettings",
-          parameters: {
-            category: "option",
-            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 {
@@ -275,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/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,32 @@ 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 that this value, player will disable 'liveSeekingEnabled' value",
+      },
+      {
+        key: "live_image",
+        label: "Live badge",
+        type: "uploader",
+        label_tooltip: "Override default live badge / icon",
+      }
+    );
+  }
+
   if (isMobile(platform)) {
     general.fields.push(
       {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/zapp-react-native-utils",
-  "version": "15.0.0-alpha.7877002324",
+  "version": "15.0.0-alpha.8526950782",
   "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.7877002324",
+    "@applicaster/applicaster-types": "15.0.0-alpha.8526950782",
     "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(