@applicaster/quick-brick-core 12.0.0-alpha.7921075302 → 12.0.0-alpha.7990242848

package/App/NavigationProvider/NavigationProvider.tsx

@@ -64,6 +64,8 @@ import { ZappPipesEntryContext } from "@applicaster/zapp-react-native-ui-compone
 import { PlayNextState } from "@applicaster/zapp-react-native-utils/appUtils/playerManager/OverlayObserver/OverlaysObserver";
 import { inflateUrl } from "@applicaster/zapp-react-native-ui-components/Components/LinkHandler/LinkHandler";
 import { useModalStore } from "@applicaster/zapp-react-native-utils/modalState";
+import { useSubscriberFor } from "@applicaster/zapp-react-native-utils/reactHooks/useSubscriberFor";
+import { QBUIComponentEvents } from "@applicaster/zapp-react-native-ui-components/events";
 
 const logger = coreAppLogger.addSubsystem("Navigator");
 
@@ -130,6 +132,10 @@ export function NavigationProvider({ children }: Props) {
 
   const online = useConnectionInfo(true);
 
+  const replaceEvent = useSubscriberFor(
+    QBUIComponentEvents.navigatorReplaceItem
+  );
+
   React.useEffect(() => {
     stateRef.current = state;
     pathnameRef.current = pathname;
@@ -259,6 +265,7 @@ export function NavigationProvider({ children }: Props) {
       item?.id !==
         legacyScreenData(state?.location?.state as NavigationScreenData)?.id
     ) {
+      replaceEvent();
       navigateTo(item, ACTIONS.REPLACE, options);
     }
   };
@@ -407,9 +414,12 @@ export function NavigationProvider({ children }: Props) {
     }
   };
 
-  const handleHookCancel = ({ hookPlugin }, dispose) => {
-    if (hookPlugin?.lastHook) {
-      dispose();
+  const handleHookCancel = ({ hookPlugin, callback }, dispose) => {
+    dispose();
+    setStartUpHooks(false);
+
+    if (callback && typeof callback === "function") {
+      callback();
     }
 
     if (hookPlugin.isModalHook()) {
@@ -475,7 +485,13 @@ export function NavigationProvider({ children }: Props) {
     return false;
   }, [pluginConfigurations, plugins, rivers]);
 
-  const [startUpHooks, setStartUpHooks] = React.useState(checkStartUpHooks);
+  const [startUpHooks, _setStartUpHooks] = React.useState(checkStartUpHooks);
+  const currentStartUpHooks = React.useRef(checkStartUpHooks);
+
+  const setStartUpHooks = (value) => {
+    _setStartUpHooks(value);
+    currentStartUpHooks.current = value;
+  };
 
   const handleHookComplete =
     (navigationAction, targetRoute, { screen, options }) =>
@@ -483,7 +499,7 @@ export function NavigationProvider({ children }: Props) {
       if (hookPlugin?.lastHook) {
         dispose({ disposeAll: true });
 
-        startUpHooks && setStartUpHooks(false);
+        startUpHooks.current && setStartUpHooks(false);
       }
 
       dispatch(
@@ -592,7 +608,10 @@ export function NavigationProvider({ children }: Props) {
           targetScreen: screen,
           rivers,
           plugins,
-          startUpHooksData: { startUpHooks, setStartUpHooks },
+          startUpHooksData: {
+            startUpHooks: currentStartUpHooks.current,
+            setStartUpHooks,
+          },
         };
 
         HooksManager(hooksOptions)
@@ -665,15 +684,15 @@ export function NavigationProvider({ children }: Props) {
 
   // It will only work for the regular stack and pathname, It won't work for modals
   // TODO: integrate video/hook and regular modal into stack.
-  const getStackForPathname = React.useCallback((pathname: string):
-    | NavigationScreenState
-    | undefined => {
-    const stack = [...stateRef?.current?.stack?.mainStack];
+  const getStackForPathname = (
+    pathname: string
+  ): NavigationScreenState | undefined => {
+    const stack = [...state?.stack?.mainStack];
 
     const currentStack = stack.find(({ route }) => route === pathname);
 
     return currentStack;
-  }, []);
+  };
 
   const navigator: QuickBrickAppNavigator = React.useMemo(
     () => ({
@@ -717,6 +736,7 @@ export function NavigationProvider({ children }: Props) {
       replaceTop,
       getStack,
       getStackForPathname,
+      mainStack: state.stack.mainStack,
     }),
     [rivers, plugins, JSON.stringify(state), appLaunched, startUpHooks]
   );

package/App/NetworkStatusProvider/utils.ts

@@ -3,7 +3,10 @@ import * as R from "ramda";
 
 import { NetInfoState } from "@react-native-community/netinfo";
 import { NETWORK_HOOKS_KEYS } from "./const";
-import { platformSelect } from "@applicaster/zapp-react-native-utils/reactUtils";
+import {
+  isVizioPlatform,
+  platformSelect,
+} from "@applicaster/zapp-react-native-utils/reactUtils";
 import { Platform } from "react-native";
 
 type ConnectionStatus = boolean;
@@ -203,6 +206,18 @@ export const subscribeToDeviceNetworkChanges = (callback: NetCb) => {
     registeredListener = webapis.network.addNetworkStateChangeListener(
       samsungNetworkChangeHandler(callback)
     );
+
+    return;
+  }
+
+  if (isVizioPlatform()) {
+    window.addEventListener("online", function () {
+      callback({ online: true });
+    });
+
+    window.addEventListener("offline", function () {
+      callback({ online: false });
+    });
   }
 };
 
@@ -214,5 +229,12 @@ export const subscribeToDeviceNetworkChanges = (callback: NetCb) => {
 export const unsubscribeToDeviceNetworkChanges = (id = registeredListener) => {
   if (hasTizenAPIs()) {
     webapis.network.removeNetworkStateChangeListener(id);
+
+    return;
+  }
+
+  if (isVizioPlatform()) {
+    window.removeEventListener("online", function () {});
+    window.removeEventListener("offline", function () {});
   }
 };

package/App/index.tsx

@@ -1,8 +1,8 @@
 import * as React from "react";
 import * as R from "ramda";
 import {
-  SafeAreaProvider,
   initialWindowMetrics,
+  SafeAreaProvider,
 } from "react-native-safe-area-context";
 
 import { ErrorBoundary } from "./ErrorBoundary";
@@ -27,6 +27,7 @@ import {
 import { withURLSchemeContextProvider } from "./DeepLinking/URLSchemeListener/URLSchemeContextProvider";
 import { appRemoteDataLoader } from "./appRemoteDataLoader";
 import { withActionExecutor } from "@applicaster/zapp-react-native-utils/actionsExecutor/ActionExecutorContext";
+import { withScreenDataContextProvider } from "@applicaster/zapp-react-native-ui-components/Contexts/ScreenDataContext";
 
 /**
  * @typedef {Object} AppOptions
@@ -99,6 +100,7 @@ export function createQuickBrickApp(options): ZappApp {
     withURLSchemeContextProvider,
     withNetworkStatusProvider,
     withNavigationProvider,
+    withScreenDataContextProvider,
     ZappPipesSearchContext.withProvider,
     InteractionManager,
     withActionExecutor,

package/const/index.ts

@@ -34,3 +34,7 @@ export const requiredSessionKeys = [
   "userAgent",
   "version_name",
 ];
+
+export const QUICK_BRICK_NAVBAR = "quick-brick-navbar";
+
+export const QUICK_BRICK_CONTENT = "quick-brick-content";

package/createZappApp/__tests__/__snapshots__/createZappApp.test.js.snap

@@ -20,7 +20,6 @@ Object {
       "isAvailable": null,
       "nextState": null,
     },
-    "isTransitioning": false,
   },
   "cellStyles": Object {},
   "components": Object {

package/createZappApp/index.tsx

@@ -7,6 +7,10 @@
 import * as React from "react";
 import * as R from "ramda";
 import { Dimensions } from "react-native";
+import {
+  isNotEmpty,
+  isNotNil,
+} from "@applicaster/zapp-react-native-utils/reactUtils/helpers";
 
 import {
   createZappReduxStore,
@@ -27,6 +31,9 @@ import { remoteDataLoader } from "../App/appRemoteDataLoader/remoteDataLoader";
 import * as QuickBrickManager from "@applicaster/zapp-react-native-bridge/QuickBrick";
 import { isAndroidPlatform } from "@applicaster/zapp-react-native-utils/reactUtils";
 
+const isNotEmptyObject = (value: unknown) =>
+  isNotNil(value) && R.is(Object, value) && isNotEmpty(value);
+
 /**
  * Creates a Zapp App with the provided options
  * @export
@@ -55,8 +62,8 @@ export function createZappApp(zappAppConfig: ZappAppConfig) {
 
   const useTabletLayout =
     isTablet({ width, height }, width > height ? "landscape" : "portrait") &&
-    tabletLayout &&
-    tabletCellStyles;
+    isNotEmptyObject(tabletLayout) &&
+    isNotEmptyObject(tabletCellStyles);
 
   function fetchPluginConfiguration(plugin) {
     const configuration = R.compose(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/quick-brick-core",
-  "version": "12.0.0-alpha.7921075302",
+  "version": "12.0.0-alpha.7990242848",
   "description": "Core package for Applicaster's Quick Brick App",
   "main": "index.js",
   "types": "index.d.ts",
@@ -30,13 +30,13 @@
   },
   "homepage": "https://github.com/applicaster/quickbrick#readme",
   "dependencies": {
-    "@applicaster/applicaster-types": "12.0.0-alpha.7921075302",
-    "@applicaster/quick-brick-core-plugins": "12.0.0-alpha.7921075302",
-    "@applicaster/zapp-pipes-v2-client": "12.0.0-alpha.7921075302",
-    "@applicaster/zapp-react-native-bridge": "12.0.0-alpha.7921075302",
-    "@applicaster/zapp-react-native-redux": "12.0.0-alpha.7921075302",
-    "@applicaster/zapp-react-native-ui-components": "12.0.0-alpha.7921075302",
-    "@applicaster/zapp-react-native-utils": "12.0.0-alpha.7921075302",
+    "@applicaster/applicaster-types": "12.0.0-alpha.7990242848",
+    "@applicaster/quick-brick-core-plugins": "12.0.0-alpha.7990242848",
+    "@applicaster/zapp-pipes-v2-client": "12.0.0-alpha.7990242848",
+    "@applicaster/zapp-react-native-bridge": "12.0.0-alpha.7990242848",
+    "@applicaster/zapp-react-native-redux": "12.0.0-alpha.7990242848",
+    "@applicaster/zapp-react-native-ui-components": "12.0.0-alpha.7990242848",
+    "@applicaster/zapp-react-native-utils": "12.0.0-alpha.7990242848",
     "atob": "^2.1.2",
     "axios": "^0.28.0",
     "btoa": "^1.2.1",