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

package/App/InteractionManager/index.tsx

@@ -181,6 +181,11 @@ class InteractionManagerClass extends React.Component<Props, State> {
 
     window.addEventListener("onLongPress", this.handleLongPress.bind(this));
 
+    window.addEventListener(
+      "onPressRelease",
+      this.handleLongPressRelease.bind(this)
+    );
+
     window.addEventListener(
       "onLongPressRelease",
       this.handleLongPressRelease.bind(this)
@@ -345,6 +350,8 @@ class InteractionManagerClass extends React.Component<Props, State> {
   }
 
   onKeyDown(event) {
+    // console.log("Anton: event", event);
+    // debugger;
     const { displayState, setDisplayState, navigator } = this.props;
     const { isKeyboardVisible } = this.state;
 
@@ -372,6 +379,7 @@ class InteractionManagerClass extends React.Component<Props, State> {
      When the player is displayed, we listen to Native Play / Pause / Stop
      buttons. Any other key press will display the transport controls
      */
+
     if (
       displayState === DISPLAY_STATES.PLAYER ||
       displayState === DISPLAY_STATES.HUD
@@ -404,14 +412,20 @@ class InteractionManagerClass extends React.Component<Props, State> {
         return;
       }
 
-      if (keyCode(event).matches(KEYS.Forward)) {
+      if (
+        keyCode(event).matches(KEYS.Forward) ||
+        keyCode(event).matches(KEYS.C)
+      ) {
         setDisplayState(DISPLAY_STATES.HUD);
         this.props.seekMethods.onForwardPress();
 
         return;
       }
 
-      if (keyCode(event).matches(KEYS.Rewind)) {
+      if (
+        keyCode(event).matches(KEYS.Rewind) ||
+        keyCode(event).matches(KEYS.Z)
+      ) {
         setDisplayState(DISPLAY_STATES.HUD);
         this.props.seekMethods.onRewindPress();
 
@@ -473,7 +487,7 @@ class InteractionManagerClass extends React.Component<Props, State> {
       }
     }
 
-    if (keyCode(event).matches(KEYS.Enter)) {
+    if (keyCode(event).matches(KEYS.Enter) || keyCode(event).matches(KEYS.X)) {
       if (displayState === DISPLAY_STATES.PLAYER) {
         setDisplayState(DISPLAY_STATES.HUD);
       } else {
@@ -699,14 +713,17 @@ class InteractionManagerClass extends React.Component<Props, State> {
 
     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();
         break;
     }
@@ -716,26 +733,35 @@ class InteractionManagerClass extends React.Component<Props, State> {
     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();
         break;
     }
   };
 
   private keySupportsLongPress(event: KeyboardEvent): boolean {
-    return [KEYS.Forward.code, KEYS.Rewind.code, KEYS.Enter.code].includes(
-      event.code
-    );
+    return [
+      KEYS.Forward.code,
+      KEYS.Rewind.code,
+      KEYS.Enter.code,
+      KEYS.Z.code,
+      KEYS.X.code,
+      KEYS.C.code,
+    ].includes(event.code);
   }
 
   render() {

package/package.json

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