@applicaster/zapp-react-dom-app 15.0.0-rc.99 → 16.0.0-alpha.6593152532

package/App/InteractionManager/hoc/__tests__/withBacktoTopActionHOC.test.tsx

@@ -1,8 +1,21 @@
 import React from "react";
 import { render } from "@testing-library/react-native";
+
 import { withBackToTopActionHOC } from "../withBackToTopAction";
+import { focusManager } from "@applicaster/zapp-react-native-utils/appUtils";
+import { useSubscriberFor } from "@applicaster/zapp-react-native-utils/reactHooks/useSubscriberFor";
+import {
+  useCurrentScreenIsHome,
+  useCurrentScreenIsRoot,
+  useCurrentScreenIsTabs,
+  useIsStandaloneFullscreen,
+} from "../hooks";
+
+import {
+  useCurrentScreenIsHook,
+  useCurrentScreenIsStartupHook,
+} from "@applicaster/zapp-react-native-utils/reactHooks/screen";
 
-// Mock focusManager and hook
 jest.mock("@applicaster/zapp-react-native-utils/appUtils", () => ({
   focusManager: {
     isFocusOnMenu: jest.fn(),
@@ -11,26 +24,17 @@ jest.mock("@applicaster/zapp-react-native-utils/appUtils", () => ({
   },
 }));
 
-jest.mock("../hooks", () => ({
-  useCurrentScreenIsHome: jest.fn(),
-  useCurrentScreenIsRoot: jest.fn(),
-  useCurrentScreenIsTabs: jest.fn(),
-}));
-
-import { focusManager } from "@applicaster/zapp-react-native-utils/appUtils";
-import {
-  useCurrentScreenIsHome,
-  useCurrentScreenIsRoot,
-  useCurrentScreenIsTabs,
-} from "../hooks";
+jest.mock("@applicaster/zapp-react-native-utils/reactHooks/useSubscriberFor");
+jest.mock("../hooks");
+jest.mock("@applicaster/zapp-react-native-utils/reactHooks/screen");
 
-jest.mock("@applicaster/zapp-react-native-utils/reactHooks", () => ({
-  useNavigation: jest.fn(),
-}));
+const mockUseSubscriberFor = useSubscriberFor as jest.Mock;
 
-import { useNavigation } from "@applicaster/zapp-react-native-utils/reactHooks";
+const setupFocusManager = (overrides: Partial<typeof focusManager>) => {
+  Object.assign(focusManager, overrides);
+};
 
-describe("withBackToTopActionHOC", () => {
+describe("withBackToTopActionHOC - backToTopAction", () => {
   let receivedProps: any;
 
   const BaseComponent = (props) => {
@@ -43,141 +47,119 @@ describe("withBackToTopActionHOC", () => {
 
   beforeEach(() => {
     jest.clearAllMocks();
+
+    mockUseSubscriberFor.mockImplementation(() => jest.fn());
+
+    (useCurrentScreenIsHome as jest.Mock).mockReturnValue(false);
+    (useCurrentScreenIsRoot as jest.Mock).mockReturnValue(false);
+    (useCurrentScreenIsTabs as jest.Mock).mockReturnValue(false);
+    (useIsStandaloneFullscreen as jest.Mock).mockReturnValue(false);
+    (useCurrentScreenIsHook as jest.Mock).mockReturnValue(false);
+    (useCurrentScreenIsStartupHook as jest.Mock).mockReturnValue(false);
+
+    setupFocusManager({
+      isFocusOnMenu: () => false,
+      isFocusOnContent: () => false,
+      isTabsScreenContentFocused: () => false,
+    });
   });
 
-  it("returns PLATFORM_BACK when on root screen, and startup hooks", () => {
+  it("returns PLATFORM_TO_BACKGROUND for startup hook", () => {
     expect.assertions(1);
 
-    (useCurrentScreenIsRoot as jest.Mock).mockReturnValue(true);
-
-    (useNavigation as jest.Mock).mockReturnValue({
-      startUpHooks: ["some_startup_hook"],
-    });
+    (useCurrentScreenIsStartupHook as jest.Mock).mockReturnValue(true);
 
     render(<Wrapped />);
 
-    expect(receivedProps.backToTopAction()).toBe("PLATFORM_BACK");
+    expect(receivedProps.backToTopAction()).toBe("PLATFORM_TO_BACKGROUND");
   });
 
-  it("returns PLATFORM_BACK when on root screen, focus on menu, and is home", () => {
+  it("returns GO_BACK_FROM_HOOK when isHook", () => {
     expect.assertions(1);
 
-    (useCurrentScreenIsRoot as jest.Mock).mockReturnValue(true);
-    (useCurrentScreenIsHome as jest.Mock).mockReturnValue(true);
-    (useCurrentScreenIsTabs as jest.Mock).mockReturnValue(false);
+    (useCurrentScreenIsHook as jest.Mock).mockReturnValue(true);
 
-    (useNavigation as jest.Mock).mockReturnValue({
-      startUpHooks: [],
-    });
+    render(<Wrapped />);
 
-    (focusManager.isFocusOnMenu as jest.Mock).mockReturnValue(true);
-    (focusManager.isFocusOnContent as jest.Mock).mockReturnValue(false);
+    expect(receivedProps.backToTopAction()).toBe("GO_BACK_FROM_HOOK");
+  });
+
+  it("returns GO_HOME for standalone full screen", () => {
+    expect.assertions(1);
+
+    (useIsStandaloneFullscreen as jest.Mock).mockReturnValue(true);
 
     render(<Wrapped />);
 
-    expect(receivedProps.backToTopAction()).toBe("PLATFORM_BACK");
+    expect(receivedProps.backToTopAction()).toBe("GO_HOME");
   });
 
-  it("returns GO_HOME when on root screen, focus on menu, and not home", () => {
+  it("returns PLATFORM_TO_BACKGROUND when root + menu focus + home", () => {
     expect.assertions(1);
 
     (useCurrentScreenIsRoot as jest.Mock).mockReturnValue(true);
-    (useCurrentScreenIsHome as jest.Mock).mockReturnValue(false);
-    (useCurrentScreenIsTabs as jest.Mock).mockReturnValue(false);
+    (useCurrentScreenIsHome as jest.Mock).mockReturnValue(true);
 
-    (useNavigation as jest.Mock).mockReturnValue({
-      startUpHooks: [],
+    setupFocusManager({
+      isFocusOnMenu: () => true,
     });
 
-    (focusManager.isFocusOnMenu as jest.Mock).mockReturnValue(true);
-    (focusManager.isFocusOnContent as jest.Mock).mockReturnValue(false);
-
     render(<Wrapped />);
-    expect(receivedProps.backToTopAction()).toBe("GO_HOME");
+
+    expect(receivedProps.backToTopAction()).toBe("PLATFORM_TO_BACKGROUND");
   });
 
-  it("returns FOCUS_ON_SELECTED_TOP_MENU_ITEM when on root screen and focus on content without tabs_screen", () => {
+  it("returns GO_HOME when root + menu focus + NOT home", () => {
+    expect.assertions(1);
+
     (useCurrentScreenIsRoot as jest.Mock).mockReturnValue(true);
     (useCurrentScreenIsHome as jest.Mock).mockReturnValue(false);
-    (useCurrentScreenIsTabs as jest.Mock).mockReturnValue(false);
 
-    (useNavigation as jest.Mock).mockReturnValue({
-      startUpHooks: [],
+    setupFocusManager({
+      isFocusOnMenu: () => true,
     });
 
-    (focusManager.isFocusOnMenu as jest.Mock).mockReturnValue(false);
-    (focusManager.isFocusOnContent as jest.Mock).mockReturnValue(true);
-
     render(<Wrapped />);
 
-    expect(receivedProps.backToTopAction()).toBe(
-      "FOCUS_ON_SELECTED_TOP_MENU_ITEM"
-    );
+    expect(receivedProps.backToTopAction()).toBe("GO_HOME");
   });
 
-  it("returns FOCUS_ON_SELECTED_TAB_ITEM when on root screen and focus on content with tabs_screen", () => {
+  it("returns FOCUS_ON_SELECTED_TAB_ITEM when tabs content focused", () => {
+    expect.assertions(1);
+
     (useCurrentScreenIsRoot as jest.Mock).mockReturnValue(true);
-    (useCurrentScreenIsHome as jest.Mock).mockReturnValue(false);
     (useCurrentScreenIsTabs as jest.Mock).mockReturnValue(true);
 
-    (useNavigation as jest.Mock).mockReturnValue({
-      startUpHooks: [],
+    setupFocusManager({
+      isTabsScreenContentFocused: () => true,
     });
 
-    (focusManager.isFocusOnMenu as jest.Mock).mockReturnValue(false);
-    (focusManager.isFocusOnContent as jest.Mock).mockReturnValue(true);
-
-    (focusManager.isTabsScreenContentFocused as jest.Mock).mockReturnValue(
-      true
-    );
-
     render(<Wrapped />);
 
     expect(receivedProps.backToTopAction()).toBe("FOCUS_ON_SELECTED_TAB_ITEM");
   });
 
-  it("returns GO_BACK in default case", () => {
+  it("returns FOCUS_ON_SELECTED_TOP_MENU_ITEM when content focused", () => {
     expect.assertions(1);
 
-    (useCurrentScreenIsRoot as jest.Mock).mockReturnValue(false);
-    (useCurrentScreenIsHome as jest.Mock).mockReturnValue(false);
-    (useCurrentScreenIsTabs as jest.Mock).mockReturnValue(false);
+    (useCurrentScreenIsRoot as jest.Mock).mockReturnValue(true);
 
-    (useNavigation as jest.Mock).mockReturnValue({
-      startUpHooks: [],
+    setupFocusManager({
+      isFocusOnContent: () => true,
     });
 
-    (focusManager.isFocusOnMenu as jest.Mock).mockReturnValue(false);
-    (focusManager.isFocusOnContent as jest.Mock).mockReturnValue(false);
+    render(<Wrapped />);
 
-    (focusManager.isTabsScreenContentFocused as jest.Mock).mockReturnValue(
-      false
+    expect(receivedProps.backToTopAction()).toBe(
+      "FOCUS_ON_SELECTED_TOP_MENU_ITEM"
     );
-
-    render(<Wrapped />);
-    expect(receivedProps.backToTopAction()).toBe("GO_BACK");
   });
 
-  it("returns FORCE_GO_BACK in hook case", () => {
+  it("returns default GO_BACK", () => {
     expect.assertions(1);
 
-    (useCurrentScreenIsRoot as jest.Mock).mockReturnValue(false);
-    (useCurrentScreenIsHome as jest.Mock).mockReturnValue(false);
-    (useCurrentScreenIsTabs as jest.Mock).mockReturnValue(false);
-
-    (useNavigation as jest.Mock).mockReturnValue({
-      startUpHooks: [],
-      currentRoute: "/hooks/some_route",
-    });
-
-    (focusManager.isFocusOnMenu as jest.Mock).mockReturnValue(false);
-    (focusManager.isFocusOnContent as jest.Mock).mockReturnValue(false);
-
-    (focusManager.isTabsScreenContentFocused as jest.Mock).mockReturnValue(
-      false
-    );
-
     render(<Wrapped />);
-    expect(receivedProps.backToTopAction()).toBe("FORCE_GO_BACK");
+
+    expect(receivedProps.backToTopAction()).toBe("GO_BACK");
   });
 });

package/App/InteractionManager/hoc/hooks/index.ts

@@ -4,6 +4,7 @@ import {
   useRivers,
 } from "@applicaster/zapp-react-native-utils/reactHooks/state";
 import { last } from "@applicaster/zapp-react-native-utils/utils";
+import { toBooleanWithDefaultFalse } from "@applicaster/zapp-react-native-utils/booleanUtils";
 
 export const useCurrentScreenIsHome = (): boolean => {
   const navigator = useNavigation();
@@ -32,3 +33,12 @@ export const useCurrentScreenIsTabs = (): boolean => {
 
   return river?.type === "tabs_screen";
 };
+
+export const useIsStandaloneFullscreen = (): boolean => {
+  const navigator = useNavigation();
+
+  return toBooleanWithDefaultFalse(
+    !navigator?.canGoBack() &&
+      navigator?.screenData?.general?.allow_screen_plugin_presentation
+  );
+};

package/App/InteractionManager/hoc/index.ts

@@ -1,4 +1 @@
-export {
-  withBackToTopActionHOC,
-  type BackToTopAction,
-} from "./withBackToTopAction";
+export { withBackToTopActionHOC } from "./withBackToTopAction";

package/App/InteractionManager/hoc/withBackToTopAction.tsx

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { isFilledArray } from "@applicaster/zapp-react-native-utils/arrayUtils";
 import { focusManager } from "@applicaster/zapp-react-native-utils/appUtils";
 
 import { useSubscriberFor } from "@applicaster/zapp-react-native-utils/reactHooks/useSubscriberFor";
@@ -9,18 +8,13 @@ import {
   useCurrentScreenIsHome,
   useCurrentScreenIsRoot,
   useCurrentScreenIsTabs,
+  useIsStandaloneFullscreen,
 } from "./hooks";
-import { useNavigation } from "@applicaster/zapp-react-native-utils/reactHooks";
 
-export type BACK_TO_TOP_ACTION =
-  | "PLATFORM_BACK"
-  | "GO_HOME"
-  | "GO_BACK"
-  | "FOCUS_ON_SELECTED_TOP_MENU_ITEM"
-  | "FORCE_GO_BACK"
-  | "FOCUS_ON_SELECTED_TAB_ITEM";
-
-export type BackToTopAction = () => BACK_TO_TOP_ACTION;
+import {
+  useCurrentScreenIsHook,
+  useCurrentScreenIsStartupHook,
+} from "@applicaster/zapp-react-native-utils/reactHooks/screen";
 
 export function withBackToTopActionHOC(Component) {
   return function WrappedComponent(props) {
@@ -28,11 +22,11 @@ export function withBackToTopActionHOC(Component) {
     const isRoot = useCurrentScreenIsRoot();
     const isTabsScreen = useCurrentScreenIsTabs();
 
-    const navigator = useNavigation();
+    const isStartUpHook = useCurrentScreenIsStartupHook();
 
-    const isStartUpHook = isFilledArray(navigator.startUpHooks);
+    const isHook = useCurrentScreenIsHook();
 
-    const isHook = navigator.currentRoute?.includes("hook");
+    const isStandaloneFullscreen = useIsStandaloneFullscreen();
 
     const emitFocusOnSelectedTab = useSubscriberFor(
       QBUIComponentEvents.focusOnSelectedTab
@@ -42,13 +36,22 @@ export function withBackToTopActionHOC(Component) {
       QBUIComponentEvents.focusOnSelectedTopMenuItem
     );
 
-    const backToTopAction = React.useCallback((): BACK_TO_TOP_ACTION => {
-      if (isRoot && isStartUpHook) {
-        return "PLATFORM_BACK";
+    const backToTopAction = React.useCallback((): BackToTopAction => {
+      if (isStartUpHook) {
+        return "PLATFORM_TO_BACKGROUND";
+      }
+
+      if (isHook) {
+        return "GO_BACK_FROM_HOOK";
+      }
+
+      // Handling case where is not top menu visible
+      if (isStandaloneFullscreen) {
+        return "GO_HOME";
       }
 
       if (isRoot && focusManager.isFocusOnMenu() && isHome) {
-        return "PLATFORM_BACK";
+        return "PLATFORM_TO_BACKGROUND";
       }
 
       if (isRoot && focusManager.isFocusOnMenu() && !isHome) {
@@ -63,13 +66,16 @@ export function withBackToTopActionHOC(Component) {
         return "FOCUS_ON_SELECTED_TOP_MENU_ITEM";
       }
 
-      if (isHook) {
-        return "FORCE_GO_BACK";
-      }
-
       // default
       return "GO_BACK";
-    }, [isHome, isRoot, isTabsScreen, isStartUpHook, isHook]);
+    }, [
+      isHome,
+      isRoot,
+      isTabsScreen,
+      isStartUpHook,
+      isHook,
+      isStandaloneFullscreen,
+    ]);
 
     return (
       <Component

package/App/InteractionManager/index.tsx

@@ -3,11 +3,6 @@ import * as R from "ramda";
 
 import { connectToStore } from "@applicaster/zapp-react-native-redux/utils/connectToStore";
 
-import {
-  QUICK_BRICK_EVENTS,
-  sendQuickBrickEvent,
-} from "@applicaster/zapp-react-native-bridge/QuickBrick";
-
 import { toBooleanWithDefaultFalse } from "@applicaster/zapp-react-native-utils/booleanUtils";
 
 import {
@@ -50,11 +45,13 @@ import {
   isVizioPlatform,
 } from "@applicaster/zapp-react-native-utils/reactUtils";
 
+import { platformToBackground as sendAppToBackground } from "@applicaster/zapp-react-native-utils/appUtils/platform";
+
 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";
 import { getHomeRiver } from "@applicaster/zapp-react-native-utils/reactHooks/state";
-import { withBackToTopActionHOC, BackToTopAction } from "./hoc";
+import { withBackToTopActionHOC } from "./hoc";
 
 const { withXray } = getXray();
 const globalAny: any = global;
@@ -76,7 +73,7 @@ type Props = {
   rivers: {};
   xray: XRayContext;
   confirmDialog: typeof confirmationDialogStore;
-  backToTopAction: BackToTopAction;
+  backToTopAction: () => BackToTopAction;
   emitFocusOnSelectedTopMenuItem: Callback;
   emitFocusOnSelectedTab: Callback;
 };
@@ -242,7 +239,7 @@ class InteractionManagerClass extends React.Component<Props, State> {
   performExit() {
     if (isSamsungPlatform()) {
       this.onConfirmDialogClose();
-      sendQuickBrickEvent(QUICK_BRICK_EVENTS.MOVE_APP_TO_BACKGROUND);
+      sendAppToBackground();
     }
 
     if (isLgPlatform()) {
@@ -256,7 +253,7 @@ class InteractionManagerClass extends React.Component<Props, State> {
   }
 
   handleWebOsBack() {
-    const systemBack = globalAny?.webOS?.platformBack;
+    const systemBack = globalAny?.webOS?.platformToBackground;
 
     if (systemBack) {
       systemBack();
@@ -277,7 +274,7 @@ class InteractionManagerClass extends React.Component<Props, State> {
    * WebOS behavior depends on the SDK version, WebOS 4 would pull up the launcher menu
    * following versions would show a native exit prompt
    */
-  platformBack() {
+  platformToBackground() {
     try {
       // TODO: temporary hack until this code is refactored
       if (isSamsungPlatform() || isVizioPlatform()) {
@@ -294,9 +291,11 @@ class InteractionManagerClass extends React.Component<Props, State> {
         }
       } else if (isLgPlatform()) {
         this.handleWebOsBack();
+      } else {
+        sendAppToBackground();
       }
     } catch (e) {
-      log_warning("Failed to execute platformBack", e);
+      log_warning("Failed to execute platformToBackground", e);
     }
   }
 
@@ -425,10 +424,10 @@ class InteractionManagerClass extends React.Component<Props, State> {
 
     switch (displayState) {
       case DISPLAY_STATES.DEFAULT:
-        if (action === "PLATFORM_BACK") {
+        if (action === "PLATFORM_TO_BACKGROUND") {
           log_info(action);
 
-          this.platformBack();
+          this.platformToBackground();
         }
 
         if (action === "GO_HOME") {
@@ -461,7 +460,7 @@ class InteractionManagerClass extends React.Component<Props, State> {
           }
         }
 
-        if (action === "FORCE_GO_BACK") {
+        if (action === "GO_BACK_FROM_HOOK") {
           log_info(action);
 
           const fallbackToHome = false;
@@ -477,11 +476,11 @@ class InteractionManagerClass extends React.Component<Props, State> {
         } else if (navigator.canGoBack()) {
           navigator.goBack();
         } else if (this.isHomeScreen()) {
-          this.platformBack();
+          this.platformToBackground();
         } else if (navigator.currentRoute.includes("hook")) {
           // If code reaches this block navigator cant go back, it is not home,
           // and this is a login plugin that was pushed on top of the home
-          // Treat it like a home screen and run platformBack()
+          // Treat it like a home screen and run platformToBackground()
           const entryData = navigator?.data?.entry;
           const isHookInHomescreen = entryData?.payload?.home;
 
@@ -491,7 +490,7 @@ class InteractionManagerClass extends React.Component<Props, State> {
               : entryData?.hookPlugin?.module?.isFlowBlocker;
 
           if (isHookInHomescreen && isHookFlowBlocker) {
-            this.platformBack();
+            this.platformToBackground();
           } else {
             navigator.goBack(false, true);
           }
@@ -640,7 +639,7 @@ class InteractionManagerClass extends React.Component<Props, State> {
         return;
       }
 
-      this.platformBack();
+      this.platformToBackground();
     }
 
     if (keyCode(event).matchesAny(...ARROW_KEYS)) {

package/App/Loader/utils/platform.js

@@ -271,10 +271,11 @@ export const getDeviceData = async () => {
       ]);
 
       deviceData = {
-        platform: "lg_tv",
         ...webOSInfo,
         ...webOSConnectionInfo,
-        device_type: getDeviceType(),
+        platform: "lg_tv",
+        deviceMake: "LG",
+        deviceType: getDeviceType(),
         ...deviceDimensions,
       };
     } else if (isSamsungPlatform()) {
@@ -284,10 +285,11 @@ export const getDeviceData = async () => {
       ]);
 
       deviceData = {
-        platform: "samsung_tv",
         ...tizenInfo,
         ...tizenConnectionInfo,
-        device_type: getDeviceType(),
+        platform: "samsung_tv",
+        deviceMake: "Samsung",
+        deviceType: getDeviceType(),
         ...deviceDimensions,
       };
     } else if (isVizioPlatform()) {

package/main.css

@@ -1,7 +1,7 @@
 html,
 body {
   width: 100vw;
-  height: 100vw;
+  height: 100vh;
   max-width: 1920px;
   max-height: 1080px;
   overflow: hidden;

package/package.json

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