@applicaster/zapp-react-dom-app 14.0.9 → 14.0.10-alpha.5112243140

package/App/InteractionManager/index.tsx

@@ -164,7 +164,7 @@ class InteractionManagerClass extends React.Component<Props, State> {
   }
 
   componentDidMount() {
-    window.addEventListener("keydown", this.onKeyDownListener, true);
+    window.addEventListener("keydown", this.onKeyDownListener, false); // Let events bubble
     window.addEventListener("keyup", this.onKeyUp);
     window.addEventListener("mousemove", this.onMouseMoveListener);
 
@@ -535,6 +535,21 @@ class InteractionManagerClass extends React.Component<Props, State> {
       return;
     }
 
+    // TODO: find alternative, using this logic to allow events to be passed to player controls
+    // Still handle other keys (back, play/pause, etc.) through InteractionManager
+    const isPlayerActive = (
+      window as any
+    )?.applicaster?.player?.getVideoElement();
+
+    const isNavigationKey =
+      keyCode(event).matchesAny(...ARROW_KEYS) ||
+      keyCode(event).matches(KEYS.Enter) ||
+      (__DEV__ && keyCode(event).matches(KEYS.X));
+
+    if (isPlayerActive && isNavigationKey) {
+      return;
+    }
+
     if (keyCode(event).matches("Backspace")) {
       this.onBackspacePress(event);
 

package/App/Loader/utils/platform.js

@@ -259,6 +259,11 @@ export const getDeviceData = async () => {
   try {
     let deviceData = {};
 
+    const deviceDimensions = {
+      deviceWidth: window?.screen?.width,
+      deviceHeight: window?.screen?.height,
+    };
+
     if (isLgPlatform()) {
       const [webOSInfo, webOSConnectionInfo] = await Promise.all([
         getWebOSInfo(),
@@ -270,6 +275,7 @@ export const getDeviceData = async () => {
         ...webOSInfo,
         ...webOSConnectionInfo,
         device_type: getDeviceType(),
+        ...deviceDimensions,
       };
     } else if (isSamsungPlatform()) {
       const [tizenInfo, tizenConnectionInfo] = await Promise.all([
@@ -282,6 +288,7 @@ export const getDeviceData = async () => {
         ...tizenInfo,
         ...tizenConnectionInfo,
         device_type: getDeviceType(),
+        ...deviceDimensions,
       };
     } else if (isVizioPlatform()) {
       deviceData = {
@@ -289,8 +296,7 @@ export const getDeviceData = async () => {
         platform: "vizio",
         deviceMake: "Vizio",
         deviceType: "tv",
-        deviceWidth: window.innerWidth,
-        deviceHeight: window.innerHeight,
+        ...deviceDimensions,
       };
 
       if (hasVizioAPIs()) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/zapp-react-dom-app",
-  "version": "14.0.9",
+  "version": "14.0.10-alpha.5112243140",
   "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": "14.0.9",
-    "@applicaster/zapp-react-native-bridge": "14.0.9",
-    "@applicaster/zapp-react-native-redux": "14.0.9",
-    "@applicaster/zapp-react-native-ui-components": "14.0.9",
-    "@applicaster/zapp-react-native-utils": "14.0.9",
+    "@applicaster/zapp-react-dom-ui-components": "14.0.10-alpha.5112243140",
+    "@applicaster/zapp-react-native-bridge": "14.0.10-alpha.5112243140",
+    "@applicaster/zapp-react-native-redux": "14.0.10-alpha.5112243140",
+    "@applicaster/zapp-react-native-ui-components": "14.0.10-alpha.5112243140",
+    "@applicaster/zapp-react-native-utils": "14.0.10-alpha.5112243140",
     "abortcontroller-polyfill": "^1.7.5",
     "typeface-montserrat": "^0.0.54",
     "video.js": "7.14.3",