@applicaster/zapp-react-dom-app 13.0.0-alpha.9433330286 → 13.0.0-rc.11

package/App/InteractionManager/index.tsx

@@ -451,9 +451,7 @@ class InteractionManagerClass extends React.Component<Props, State> {
             const isHookInHomescreen = entryData?.payload?.home;
 
             const isHookFlowBlocker =
-              typeof entryData?.hookPlugin?.module?.isFlowBlocker === "function"
-                ? entryData?.hookPlugin?.module?.isFlowBlocker()
-                : entryData?.hookPlugin?.module?.isFlowBlocker;
+              entryData?.hookPlugin?.module?.isFlowBlocker();
 
             if (isHookInHomescreen && isHookFlowBlocker) {
               this.platformBack();

package/App/Loader/utils/platform.js

@@ -11,28 +11,11 @@ import {
   PLATFORMS,
 } from "./const";
 
-/**
- * @typedef {"tv" | "web" | "other"} DeviceType
- * @typedef {"samsung_tv" | "lg_tv" | unknown} CustomPlatformTypes
- */
-
-/**
- * Retrieves the user agent string from the browser or global navigator.
- * @returns {string} The user agent string.
- */
 export const getUserAgent = () =>
   window?.navigator?.userAgent || global?.navigator?.userAgent;
 
-/**
- * Checks if the device is HD (1280 width).
- * @returns {boolean} True if the device is HD, false otherwise.
- */
 export const isHD = () => window.innerWidth === 1280;
 
-/**
- * Checks if the platform is LG.
- * @returns {boolean} True if the platform is LG, false otherwise.
- */
 export const isLgPlatform = () => {
   const userAgent = getUserAgent();
 
@@ -40,13 +23,10 @@ export const isLgPlatform = () => {
     return false;
   }
 
+  // Note: LG uses the number 0 in their userAgent, possibly because of Palm WebOS
   return hasWebOS || userAgent.includes(PLATFORMS.webos);
 };
 
-/**
- * Checks if the platform is Samsung.
- * @returns {boolean} True if the platform is Samsung, false otherwise.
- */
 export const isSamsungPlatform = () => {
   const userAgent = getUserAgent();
 
@@ -62,39 +42,42 @@ export const isSamsungPlatform = () => {
 };
 
 /**
- * Checks if the platform is Vizio by using the user agent string.
- * @returns {boolean} True if the platform is Vizio, false otherwise.
+ * Checks if we are on the Vizio platform by using the userAgent string
+ *
+ * Use this method when you need to identify the platform on runtime
+ * before the VIZIO Companion Library has loaded
  */
 export const isVizioPlatform = () => {
   const userAgent = getUserAgent();
 
-  return (
+  const isVizioAgent =
     userAgent.includes(PLATFORMS.vizio) ||
     userAgent.includes(PLATFORMS.smartcast) ||
-    userAgent.includes(PLATFORMS.conjure)
-  );
+    userAgent.includes(PLATFORMS.conjure);
+
+  return isVizioAgent;
 };
 
 /**
- * Checks if the Vizio APIs are available.
- * @returns {boolean} True if the Vizio APIs are available, false otherwise.
+ * Checks if we are on the Vizio platform by checking for the global VIZIO object
+ * and the VIZIO Companion Library. This method does not use the userAgent string,
+ * because it mainly checks whether we have access to apis, which may not be available yet
  */
 export const hasVizioAPIs = () => {
-  return (
+  const hasAPIs =
     typeof window.VIZIO !== "undefined" &&
-    window?.applicaster?.vizioLibraryDidLoad
-  );
+    window?.applicaster?.vizioLibraryDidLoad;
+
+  return hasAPIs;
 };
 
 /**
- * Determines the device type based on the platform.
- * @returns {DeviceType} The device type ("tv", "web", or "other").
+ * platformSelect can't be used, because Platform.OS is overriden
+ * by overloadReactNativePlatform and don't support 'web' value
+ * @returns {"tv" | "web" | "other"} value
  */
 export const getDeviceType = () => {
-  /** @type {CustomPlatformTypes} */
-  const platformOS = Platform.OS;
-
-  switch (platformOS) {
+  switch (Platform.OS) {
     case "samsung_tv":
       return isSamsungPlatform() ? "tv" : "web";
     case "lg_tv":
@@ -105,15 +88,14 @@ export const getDeviceType = () => {
 };
 
 /**
- * Renames keys based on a predefined map.
- * @param {string} key - The key to rename.
- * @returns {string} The renamed key.
+ * This function is used to rename keys
+ * @param {string} key - key you would like to rename
  */
 export const renameKeys = (key) => desiredKeysMap?.[key] || key;
 
 /**
- * Retrieves the connection info from WebOS.
- * @returns {Promise<{networkType: string} | null>} A promise that resolves with the connection info or null.
+ * This function is used to get the connection info from WebOS
+ * TODO: move to connection hook
  */
 export const getWebOSConnectionInfo = () => {
   return new Promise((resolve, reject) => {
@@ -126,6 +108,7 @@ export const getWebOSConnectionInfo = () => {
     webOS.service.request("luna://com.palm.connectionmanager", {
       method: "getStatus",
       parameters: { subscribe: false },
+
       onSuccess: (args) => {
         const types = Object.keys(args)
           .filter((key) => args[key].state === "connected")
@@ -133,6 +116,7 @@ export const getWebOSConnectionInfo = () => {
 
         resolve({ networkType: types });
       },
+
       onFailure: (error) => {
         console.error(
           "getWebOSConnectionInfo: There was an error getting connection info",
@@ -145,10 +129,6 @@ export const getWebOSConnectionInfo = () => {
   });
 };
 
-/**
- * Retrieves the connection info from Tizen.
- * @returns {Promise<{networkType: string} | null>} A promise that resolves with the connection info or null.
- */
 export const getTizenConnectionInfo = () => {
   return new Promise((resolve, reject) => {
     if (!isSamsungPlatform) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/zapp-react-dom-app",
-  "version": "13.0.0-alpha.9433330286",
+  "version": "13.0.0-rc.11",
   "description": "Zapp App Component for Applicaster's Quick Brick React Native App",
   "main": "index.js",
   "scripts": {
@@ -22,11 +22,11 @@
   },
   "homepage": "https://github.com/applicaster/zapp-react-dom-app#readme",
   "dependencies": {
-    "@applicaster/zapp-react-dom-ui-components": "13.0.0-alpha.9433330286",
-    "@applicaster/zapp-react-native-bridge": "13.0.0-alpha.9433330286",
-    "@applicaster/zapp-react-native-redux": "13.0.0-alpha.9433330286",
-    "@applicaster/zapp-react-native-ui-components": "13.0.0-alpha.9433330286",
-    "@applicaster/zapp-react-native-utils": "13.0.0-alpha.9433330286",
+    "@applicaster/zapp-react-dom-ui-components": "13.0.0-rc.11",
+    "@applicaster/zapp-react-native-bridge": "13.0.0-rc.11",
+    "@applicaster/zapp-react-native-redux": "13.0.0-rc.11",
+    "@applicaster/zapp-react-native-ui-components": "13.0.0-rc.11",
+    "@applicaster/zapp-react-native-utils": "13.0.0-rc.11",
     "abortcontroller-polyfill": "^1.7.5",
     "history": "^4.7.2",
     "react-router-dom": "^5.1.2",