@applicaster/zapp-react-native-utils 15.0.0-alpha.2413435535 → 15.0.0-alpha.2598273579

package/appUtils/platform/platformUtils.ts

@@ -234,35 +234,67 @@ export class TTSManager {
         });
       } catch (error) {
         log_debug("webOS settings service request error", { error });
-        this.screenReaderEnabled$.next(false);
+        // Fallback to true if the service is not available
+        this.screenReaderEnabled$.next(true);
       }
     }
 
-    if (isSamsungPlatform() && typeof window.tizen !== "undefined") {
+    if (isSamsungPlatform() && typeof window.webapis !== "undefined") {
       try {
         if (
-          window.tizen.accessibility &&
-          typeof window.tizen.accessibility
-            .addVoiceGuideStatusChangeListener === "function"
+          window.webapis?.tvinfo &&
+          typeof window.webapis.tvinfo.getMenuValue === "function" &&
+          typeof window.webapis.tvinfo.addCaptionChangeListener === "function"
         ) {
+          // Get initial Voice Guide status
+          const initialStatus = window.webapis.tvinfo.getMenuValue(
+            window.webapis.tvinfo.TvInfoMenuKey.VOICE_GUIDE_KEY
+          );
+
+          const isEnabled =
+            initialStatus === window.webapis.tvinfo.TvInfoMenuValue.ON;
+
+          log_debug("Samsung Voice Guide initial status", {
+            isEnabled,
+            initialStatus,
+          });
+
+          this.screenReaderEnabled$.next(isEnabled);
+
+          // Listen for Voice Guide status changes
+          const onChange = () => {
+            const currentStatus = window.webapis.tvinfo.getMenuValue(
+              window.webapis.tvinfo.TvInfoMenuKey.VOICE_GUIDE_KEY
+            );
+
+            const enabled =
+              currentStatus === window.webapis.tvinfo.TvInfoMenuValue.ON;
+
+            log_debug("Samsung Voice Guide status changed", {
+              enabled,
+              currentStatus,
+            });
+
+            this.screenReaderEnabled$.next(enabled);
+          };
+
           this.samsungListenerId =
-            window.tizen.accessibility.addVoiceGuideStatusChangeListener(
-              (enabled: boolean) => {
-                log_debug("Samsung Voice Guide status changed", { enabled });
-                this.screenReaderEnabled$.next(!!enabled);
-              }
+            window.webapis.tvinfo.addCaptionChangeListener(
+              window.webapis.tvinfo.TvInfoMenuKey.VOICE_GUIDE_KEY,
+              onChange
             );
 
           log_debug("Samsung Voice Guide listener registered", {
             listenerId: this.samsungListenerId,
           });
         } else {
-          log_debug("Samsung accessibility API not available");
+          log_debug("Samsung TvInfo API not available");
           this.screenReaderEnabled$.next(false);
         }
       } catch (error) {
         log_debug("Samsung Voice Guide listener error", { error });
-        this.screenReaderEnabled$.next(false);
+        // Fallback to true if the service is not available
+        this.screenReaderEnabled$.next(true);
       }
     }
   }
@@ -282,31 +314,14 @@ export class TTSManager {
   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/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";
 
@@ -509,9 +506,6 @@ export const getImageContainerMarginStyles = ({ value }: { value: any }) => {
   };
 };
 
-export const withoutNilOrEmpty = (arr: string[]): string[] =>
-  arr.filter((item) => !isNilOrEmpty(item));
-
 export const isTextLabel = (key: string): boolean =>
   key.includes("text_label_") && key.endsWith("_switch");
 
@@ -531,7 +525,6 @@ export const hasTextLabelsEnabled = (
 
   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;

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.2413435535",
+  "version": "15.0.0-alpha.2598273579",
   "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.2413435535",
+    "@applicaster/applicaster-types": "15.0.0-alpha.2598273579",
     "buffer": "^5.2.1",
     "camelize": "^1.0.0",
     "dayjs": "^1.11.10",