@applicaster/zapp-react-dom-app 13.0.0-alpha.2635505531 → 13.0.0-alpha.3244448100

package/App/InteractionManager/index.tsx

@@ -23,8 +23,6 @@ import {
 
 import { showConfirmationDialog } from "@applicaster/zapp-react-native-utils/alertUtils";
 
-import { withUseSeek } from "@applicaster/zapp-react-native-utils/reactHooks/player";
-
 import {
   DISPLAY_STATES,
   DisplayStateContext,
@@ -48,6 +46,7 @@ import {
 
 import { OnScreenKeyboard } from "@applicaster/zapp-react-dom-ui-components/Components/OnScreenKeyboard";
 import { KeyboardLongPressManager } from "@applicaster/zapp-react-dom-ui-components/Utils/KeyboardLongPressManager";
+import { KeyInputHandler } from "@applicaster/zapp-react-native-utils/appUtils/keyInputHandler/KeyInputHandler";
 
 const { withXray } = getXray();
 const globalAny: any = global;
@@ -62,14 +61,6 @@ type Props = {
   navigator: QuickBrickAppNavigator;
   rivers: {};
   xray: XRayContext;
-  seekMethods: {
-    onRewindPress: () => void;
-    onRewindLongPress: () => void;
-    onForwardPress: () => void;
-    onForwardLongPress: () => void;
-    onRewindPressOut: () => void;
-    onForwardPressOut: () => void;
-  };
   confirmDialog: typeof confirmationDialogStore;
 };
 
@@ -344,14 +335,37 @@ class InteractionManagerClass extends React.Component<Props, State> {
   }
 
   onKeyUp(event: KeyboardEvent) {
+    const { setDisplayState } = this.props;
+
     if (this.keySupportsLongPress(event)) {
       this.longPressDetector.endKeyPressMonitoring(event.code);
     }
+
+    if (
+      keyCode(event).matches(KEYS.Enter) ||
+      (__DEV__ && keyCode(event).matches(KEYS.X))
+    ) {
+      focusManager.pressOut();
+    }
+
+    if (
+      keyCode(event).matches(KEYS.Forward) ||
+      (__DEV__ && keyCode(event).matches(KEYS.C))
+    ) {
+      setDisplayState(DISPLAY_STATES.HUD);
+      KeyInputHandler.getInstance().onForwardPressOut();
+    }
+
+    if (
+      keyCode(event).matches(KEYS.Rewind) ||
+      (__DEV__ && keyCode(event).matches(KEYS.Z))
+    ) {
+      setDisplayState(DISPLAY_STATES.HUD);
+      KeyInputHandler.getInstance().onRewindPressOut();
+    }
   }
 
   onKeyDown(event) {
-    // console.log("Anton: event", event);
-    // debugger;
     const { displayState, setDisplayState, navigator } = this.props;
     const { isKeyboardVisible } = this.state;
 
@@ -414,20 +428,20 @@ class InteractionManagerClass extends React.Component<Props, State> {
 
       if (
         keyCode(event).matches(KEYS.Forward) ||
-        keyCode(event).matches(KEYS.C)
+        (__DEV__ && keyCode(event).matches(KEYS.C))
       ) {
         setDisplayState(DISPLAY_STATES.HUD);
-        this.props.seekMethods.onForwardPress();
+        KeyInputHandler.getInstance().onForwardPress();
 
         return;
       }
 
       if (
         keyCode(event).matches(KEYS.Rewind) ||
-        keyCode(event).matches(KEYS.Z)
+        (__DEV__ && keyCode(event).matches(KEYS.Z))
       ) {
         setDisplayState(DISPLAY_STATES.HUD);
-        this.props.seekMethods.onRewindPress();
+        KeyInputHandler.getInstance().onRewindPress();
 
         return;
       }
@@ -487,7 +501,10 @@ class InteractionManagerClass extends React.Component<Props, State> {
       }
     }
 
-    if (keyCode(event).matches(KEYS.Enter) || keyCode(event).matches(KEYS.X)) {
+    if (
+      keyCode(event).matches(KEYS.Enter) ||
+      (__DEV__ && keyCode(event).matches(KEYS.X))
+    ) {
       if (displayState === DISPLAY_STATES.PLAYER) {
         setDisplayState(DISPLAY_STATES.HUD);
       } else {
@@ -702,26 +719,13 @@ class InteractionManagerClass extends React.Component<Props, State> {
     }, SEQUENCE_ENTRY_TIME);
   }
 
+  // TODO: Delete it on next PR if not needed
   private handleLongPress = (event: CustomEvent) => {
     const { keyCode } = event.detail;
-    const { displayState } = this.props;
-    const playerState = displayState === DISPLAY_STATES.PLAYER;
-    const hudState = displayState === DISPLAY_STATES.HUD;
-    const playbackState = playerState || hudState;
     this.longPressActive = true;
     this.cancelHudTimeout();
 
     switch (keyCode) {
-      case KEYS.Forward.code:
-      case KEYS.C.code:
-        playbackState && this.props.seekMethods.onForwardLongPress();
-        break;
-
-      case KEYS.Rewind.code:
-      case KEYS.Z.code:
-        playbackState && this.props.seekMethods.onRewindLongPress();
-        break;
-
       case KEYS.Enter.code:
       case KEYS.X.code:
         focusManager.longPress();
@@ -729,26 +733,16 @@ class InteractionManagerClass extends React.Component<Props, State> {
     }
   };
 
+  // TODO: Delete it on next PR if not needed
   private handleLongPressRelease = (event: CustomEvent) => {
     const { keyCode } = event.detail;
     this.longPressActive = false;
     this.resetHudTimeout();
-    // debugger;
 
     switch (keyCode) {
-      case KEYS.Forward.code:
-      case KEYS.C.code:
-        this.props.seekMethods.onForwardPressOut();
-        break;
-
-      case KEYS.Rewind.code:
-      case KEYS.Z.code:
-        this.props.seekMethods.onRewindPressOut();
-        break;
-
       case KEYS.Enter.code:
       case KEYS.X.code:
-        focusManager.pressOut();
+        // focusManager.pressOut();
         break;
     }
   };
@@ -780,7 +774,6 @@ class InteractionManagerClass extends React.Component<Props, State> {
 
 export const InteractionManager = R.compose(
   withNavigator,
-  withUseSeek,
   withXray,
   connectToStore(R.pick(["rivers"])),
   PlayerContentContext.withConsumer,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/zapp-react-dom-app",
-  "version": "13.0.0-alpha.2635505531",
+  "version": "13.0.0-alpha.3244448100",
   "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.2635505531",
-    "@applicaster/zapp-react-native-bridge": "13.0.0-alpha.2635505531",
-    "@applicaster/zapp-react-native-redux": "13.0.0-alpha.2635505531",
-    "@applicaster/zapp-react-native-ui-components": "13.0.0-alpha.2635505531",
-    "@applicaster/zapp-react-native-utils": "13.0.0-alpha.2635505531",
+    "@applicaster/zapp-react-dom-ui-components": "13.0.0-alpha.3244448100",
+    "@applicaster/zapp-react-native-bridge": "13.0.0-alpha.3244448100",
+    "@applicaster/zapp-react-native-redux": "13.0.0-alpha.3244448100",
+    "@applicaster/zapp-react-native-ui-components": "13.0.0-alpha.3244448100",
+    "@applicaster/zapp-react-native-utils": "13.0.0-alpha.3244448100",
     "abortcontroller-polyfill": "^1.7.5",
     "history": "^4.7.2",
     "react-router-dom": "^5.1.2",