@applicaster/zapp-react-dom-app 13.0.7 → 13.0.8-alpha.1940580104

package/App/InteractionManager/index.tsx

@@ -8,12 +8,15 @@ import {
   sendQuickBrickEvent,
 } from "@applicaster/zapp-react-native-bridge/QuickBrick";
 
+import { toBooleanWithDefaultFalse } from "@applicaster/zapp-react-native-utils/booleanUtils";
+
 import {
   debounce,
   noop,
 } from "@applicaster/zapp-react-native-utils/functionUtils";
 
 import {
+  AccessibilityManager,
   ARROW_KEYS,
   focusManager,
   keyCode,
@@ -60,7 +63,8 @@ const { log_debug, log_warning } = createLogger({
 });
 
 const shouldUseOnScreenKeyboard = () =>
-  isVizioPlatform() || window.applicaster.useOnScreenKeyboard;
+  isVizioPlatform() ||
+  toBooleanWithDefaultFalse(window?.applicaster?.useOnScreenKeyboard);
 
 type Props = {
   displayState: string;
@@ -83,6 +87,9 @@ type KeyCode = { code: string; keyCode: number | string };
 export const alertConfirmationMesage =
   "Are you sure you want to exit application?";
 
+const VIDEO_PLAYER_CONTROLS_NAVIGATION_MESSAGE =
+  "Video player controls - use left/right to navigate";
+
 class InteractionManagerClass extends React.Component<Props, State> {
   onKeyDownListener: (keyCode: KeyCode) => void;
   onMouseDownListener: (event: MouseEvent) => void;
@@ -98,6 +105,8 @@ class InteractionManagerClass extends React.Component<Props, State> {
   private confirmDialog: ConfirmationDialogState =
     confirmationDialogStore.getState();
 
+  accessibilityManager: AccessibilityManager;
+
   state: State = {
     isKeyboardVisible: false,
     keyboardInput: "",
@@ -149,6 +158,7 @@ class InteractionManagerClass extends React.Component<Props, State> {
     this.confirmDialog.setConfirmAction(this.performExit);
     this.confirmDialog.setCancelAction(this.onConfirmDialogClose);
     this.longPressDetector = new KeyboardLongPressManager();
+    this.accessibilityManager = AccessibilityManager.getInstance();
   }
 
   componentDidMount() {
@@ -548,6 +558,13 @@ class InteractionManagerClass extends React.Component<Props, State> {
     ) {
       if (displayState === DISPLAY_STATES.PLAYER) {
         setDisplayState(DISPLAY_STATES.HUD);
+
+        this.accessibilityManager.addHeading(
+          VIDEO_PLAYER_CONTROLS_NAVIGATION_MESSAGE
+        );
+
+        focusManager.recoverFocus();
+        this.resetHudTimeout();
       } else {
         focusManager.pressIn();
         focusManager.press();
@@ -592,6 +609,12 @@ class InteractionManagerClass extends React.Component<Props, State> {
         this.resetHudTimeout();
       }
 
+      if (displayState === DISPLAY_STATES.PLAYER) {
+        this.accessibilityManager.addHeading(
+          VIDEO_PLAYER_CONTROLS_NAVIGATION_MESSAGE
+        );
+      }
+
       return true;
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/zapp-react-dom-app",
-  "version": "13.0.7",
+  "version": "13.0.8-alpha.1940580104",
   "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.7",
-    "@applicaster/zapp-react-native-bridge": "13.0.7",
-    "@applicaster/zapp-react-native-redux": "13.0.7",
-    "@applicaster/zapp-react-native-ui-components": "13.0.7",
-    "@applicaster/zapp-react-native-utils": "13.0.7",
+    "@applicaster/zapp-react-dom-ui-components": "13.0.8-alpha.1940580104",
+    "@applicaster/zapp-react-native-bridge": "13.0.8-alpha.1940580104",
+    "@applicaster/zapp-react-native-redux": "13.0.8-alpha.1940580104",
+    "@applicaster/zapp-react-native-ui-components": "13.0.8-alpha.1940580104",
+    "@applicaster/zapp-react-native-utils": "13.0.8-alpha.1940580104",
     "abortcontroller-polyfill": "^1.7.5",
     "react-router-dom": "^5.1.2",
     "typeface-montserrat": "^0.0.54",