@applicaster/zapp-react-dom-app 13.0.10-alpha.9045951059 → 13.0.10-rc.0

package/App/InteractionManager/index.tsx

@@ -16,7 +16,6 @@ import {
 } from "@applicaster/zapp-react-native-utils/functionUtils";
 
 import {
-  AccessibilityManager,
   ARROW_KEYS,
   focusManager,
   keyCode,
@@ -84,8 +83,8 @@ interface State {
 
 type KeyCode = { code: string; keyCode: number | string };
 
-const VIDEO_PLAYER_CONTROLS_NAVIGATION_MESSAGE =
-  "Video player controls - use left/right to navigate";
+export const alertConfirmationMesage =
+  "Are you sure you want to exit application?";
 
 class InteractionManagerClass extends React.Component<Props, State> {
   onKeyDownListener: (keyCode: KeyCode) => void;
@@ -102,8 +101,6 @@ class InteractionManagerClass extends React.Component<Props, State> {
   private confirmDialog: ConfirmationDialogState =
     confirmationDialogStore.getState();
 
-  accessibilityManager: AccessibilityManager;
-
   state: State = {
     isKeyboardVisible: false,
     keyboardInput: "",
@@ -155,7 +152,6 @@ 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() {
@@ -261,6 +257,7 @@ class InteractionManagerClass extends React.Component<Props, State> {
        */
       showConfirmationDialog({
         title: "",
+        message: alertConfirmationMesage,
         confirmCompletion: this.performExit,
       });
     }
@@ -283,6 +280,7 @@ class InteractionManagerClass extends React.Component<Props, State> {
         } else {
           showConfirmationDialog({
             title: "",
+            message: alertConfirmationMesage,
             confirmCompletion: this.performExit,
             cancelCompletion: this.onConfirmDialogClose,
           });
@@ -329,16 +327,6 @@ class InteractionManagerClass extends React.Component<Props, State> {
     return homePath === navigator.currentRoute;
   }
 
-  isStartupHook() {
-    const { navigator } = this.props;
-
-    const isStartUpHook =
-      Array.isArray(navigator.startUpHooks) &&
-      navigator.startUpHooks.length > 0;
-
-    return isStartUpHook;
-  }
-
   goToHome() {
     const { navigator } = this.props;
     const { rivers } = this.props;
@@ -429,7 +417,7 @@ class InteractionManagerClass extends React.Component<Props, State> {
           this.onConfirmDialogClose();
         } else if (navigator.canGoBack()) {
           navigator.goBack();
-        } else if (this.isHomeScreen() || this.isStartupHook()) {
+        } else if (this.isHomeScreen()) {
           this.platformBack();
         } else if (navigator.currentRoute.includes("hook")) {
           // If code reaches this block navigator cant go back, it is not home,
@@ -563,13 +551,6 @@ 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();
@@ -614,12 +595,6 @@ 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/App/Layout/index.tsx

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { createPortal } from "react-dom";
 
 import { Background } from "@applicaster/zapp-react-dom-ui-components/Components/Background";
 import { ConfirmDialog } from "@applicaster/zapp-react-dom-ui-components/Components/ConfirmDialog";
@@ -30,7 +29,7 @@ export function Layout({ children }: Props) {
       >
         {children}
       </LayoutComponent>
-      {createPortal(<ConfirmDialog />, document.body)}
+      <ConfirmDialog />
     </>
   );
 }

package/package.json

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