@applicaster/quick-brick-core 12.0.0-alpha.3977160850 → 12.0.0-alpha.4433422595

package/App/ActionSetters/index.ts

@@ -91,9 +91,7 @@ const getActionInitialStateSetters = (key) => {
         const now = performance.now();
 
         logger.info({
-          message: `Invocation Started - action plugin ${key}, pluginId: ${
-            subscription.pluginId
-          }`,
+          message: `Invocation Started - action plugin ${key}, pluginId: ${subscription.pluginId}`,
         });
 
         const promiseFunc = subscription[key];

package/App/AssetCache/__tests__/assetCache.test.ts

@@ -323,7 +323,7 @@ describe("asset cache", () => {
 
       expect(saveCacheData).toHaveBeenCalledWith(
         layoutId,
-        newFiles.filter(({ url }) => !url.includes("fail")),
+        newFiles.filter(({ url }) => !url.includes("fail"))
       );
     });
 

package/App/AssetCache/index.ts

@@ -143,7 +143,12 @@ export async function cacheAssets({
 
     newCacheState.forEach(({ file, url }) => (urlFileMap[url] = file));
 
-    const updatedLayout = remapAssetPath(layoutAssets, layout, urlFileMap, "layoutAssets");
+    const updatedLayout = remapAssetPath(
+      layoutAssets,
+      layout,
+      urlFileMap,
+      "layoutAssets"
+    );
 
     const updatedPluginConfigurations = remapAssetPath(
       pluginAssets,
@@ -169,6 +174,8 @@ export async function cacheAssets({
 
     return { layout, pluginConfigurations, cellStyles };
   } finally {
-    log_verbose(`cacheAssets: caching assets took ${performance.now() - time} ms`);
+    log_verbose(
+      `cacheAssets: caching assets took ${performance.now() - time} ms`
+    );
   }
 }

package/App/DeepLinking/URLSchemeHandler/__tests__/URLSchemeHandler.test.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { render, waitFor, cleanup } from "@testing-library/react-native";
+import { cleanup, render, waitFor } from "@testing-library/react-native";
 
 const theme = {
   screen_margin_top: 0,
@@ -8,6 +8,8 @@ const theme = {
 
 const plugins = [];
 
+jest.mock("@applicaster/zapp-react-native-utils/reactHooks/navigation");
+
 jest.mock("@applicaster/zapp-react-native-utils/theme", () => ({
   useTheme: jest.fn(() => theme),
 }));

package/App/NavigationProvider/NavigationProvider.tsx

@@ -167,7 +167,7 @@ export function NavigationProvider({ children }: Props) {
     [rivers, homeRiver]
   );
 
-  const getStack = () => [...stateRef?.current?.stack?.mainStack];
+  const getStack = () => [...state?.stack?.mainStack];
 
   const openVideoModal = (
     item: ZappEntry,
@@ -665,15 +665,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 = getStack();
+  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 +717,7 @@ export function NavigationProvider({ children }: Props) {
       replaceTop,
       getStack,
       getStackForPathname,
+      mainStack: state.stack.mainStack,
     }),
     [rivers, plugins, JSON.stringify(state), appLaunched, startUpHooks]
   );

package/App/RouteManager/__tests__/__snapshots__/routeManager.test.js.snap

@@ -1,13 +1,20 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<RouteManager /> renders correctly 1`] = `
-<WithProvider
-  screenData={
-    Object {
-      "id": "A1234",
-    }
+<RNCSafeAreaProvider
+  onInsetsChange={[Function]}
+  style={
+    Array [
+      Object {
+        "flex": 1,
+      },
+      undefined,
+    ]
   }
-  screenId="A1234"
-  screenType="river"
-/>
+>
+  <View
+    comp="river"
+    testID="river"
+  />
+</RNCSafeAreaProvider>
 `;

package/App/RouteManager/__tests__/routeManager.test.js

@@ -1,31 +1,42 @@
 import React from "react";
-import { shallow } from "enzyme";
-import { shallowToJson } from "enzyme-to-json";
 
-import { ScreenResolver } from "@applicaster/zapp-react-native-ui-components/Components/ScreenResolver";
+const {
+  ScreenResolver,
+} = require("@applicaster/zapp-react-native-ui-components/Components/ScreenResolver");
+
+import { renderWithProviders } from "@applicaster/zapp-react-native-utils/testUtils";
 
 jest.mock("@applicaster/zapp-react-native-utils/reactHooks/navigation", () => ({
   useNavigation: jest.fn(() => ({
     screenId: { id: "A1234" },
     currentRoute: "/river/A1234",
     screenData: { id: "A1234" },
+    videoModalState: { mode: "WINDOWED" },
+  })),
+  useRoute: jest.fn(() => ({
+    pathname: "/river/A1234",
+    screenData: { id: "A1234-screenData" },
   })),
 }));
 
 const { RouteManager } = require("../");
 
 describe("<RouteManager />", () => {
-  const wrapper = shallow(<RouteManager />);
+  let wrapper;
+
+  beforeEach(() => {
+    wrapper = renderWithProviders(<RouteManager />);
+  });
 
   it("renders correctly", () => {
-    expect(shallowToJson(wrapper)).toMatchSnapshot();
+    expect(wrapper.toJSON()).toMatchSnapshot();
   });
 
   it("passes the correct props to ScreenResolver", () => {
-    expect(wrapper.find(ScreenResolver).props()).toEqual({
+    expect(wrapper.UNSAFE_getByType(ScreenResolver).props).toEqual({
       screenType: "river",
       screenId: "A1234",
-      screenData: { id: "A1234" },
+      screenData: { id: "A1234-screenData" },
     });
   });
 });

package/App/RouteManager/index.tsx

@@ -4,7 +4,7 @@ import * as R from "ramda";
 import { getPathAttributes } from "@applicaster/zapp-react-native-utils/navigationUtils";
 import { ScreenResolver } from "@applicaster/zapp-react-native-ui-components/Components/ScreenResolver";
 
-import { useNavigation } from "@applicaster/zapp-react-native-utils/reactHooks/navigation";
+import { useRoute } from "@applicaster/zapp-react-native-utils/reactHooks/navigation";
 
 type Props = any;
 
@@ -14,7 +14,8 @@ type Props = any;
  * @param {Props}: see props above
  */
 export const RouteManager = React.memo(function RouteManager(props: Props) {
-  const { currentRoute: pathname, screenData } = useNavigation();
+  const { pathname, screenData } = useRoute();
+
   const pathAttributes = getPathAttributes({ pathname });
 
   if (!pathAttributes.length) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/quick-brick-core",
-  "version": "12.0.0-alpha.3977160850",
+  "version": "12.0.0-alpha.4433422595",
   "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.3977160850",
-    "@applicaster/quick-brick-core-plugins": "12.0.0-alpha.3977160850",
-    "@applicaster/zapp-pipes-v2-client": "12.0.0-alpha.3977160850",
-    "@applicaster/zapp-react-native-bridge": "12.0.0-alpha.3977160850",
-    "@applicaster/zapp-react-native-redux": "12.0.0-alpha.3977160850",
-    "@applicaster/zapp-react-native-ui-components": "12.0.0-alpha.3977160850",
-    "@applicaster/zapp-react-native-utils": "12.0.0-alpha.3977160850",
+    "@applicaster/applicaster-types": "12.0.0-alpha.4433422595",
+    "@applicaster/quick-brick-core-plugins": "12.0.0-alpha.4433422595",
+    "@applicaster/zapp-pipes-v2-client": "12.0.0-alpha.4433422595",
+    "@applicaster/zapp-react-native-bridge": "12.0.0-alpha.4433422595",
+    "@applicaster/zapp-react-native-redux": "12.0.0-alpha.4433422595",
+    "@applicaster/zapp-react-native-ui-components": "12.0.0-alpha.4433422595",
+    "@applicaster/zapp-react-native-utils": "12.0.0-alpha.4433422595",
     "atob": "^2.1.2",
     "axios": "^0.28.0",
     "btoa": "^1.2.1",