@applicaster/zapp-react-native-app 12.0.0-alpha.5606245605 → 12.0.0-alpha.5675222257

package/App/Layout/__tests__/index.test.ts

@@ -0,0 +1,7 @@
+describe("Layout", () => {
+  it.todo("should match snapshot when appReady is true");
+  it.todo("should not render transitioner with screen when appReady is false");
+  it.todo("should render menu when showMenu is true");
+  it.todo("should render VideoModal when visible & VideoModal is true");
+  it.todo("should render ZappHooksModal");
+});

package/App/Layout/index.tsx

@@ -23,6 +23,7 @@ import { usePickFromState } from "@applicaster/zapp-react-native-redux/hooks";
 import { MenuToggleContext } from "@applicaster/zapp-react-native-ui-components/Contexts";
 import { VideoModal } from "@applicaster/zapp-react-native-ui-components/Components/VideoModal";
 import { withDimensionsProvider } from "@applicaster/zapp-react-native-utils/dimensionsProvider";
+import { withModalAnimationProvider } from "@applicaster/zapp-react-native-ui-components/Components/VideoModal/ModalAnimation";
 
 import { ZappHooksModal } from "@applicaster/zapp-react-dom-ui-components/Components/ZappHooksModal";
 import { useListenEventBusEvent } from "@applicaster/zapp-react-native-utils/reactHooks/useListenEventBusEvent";
@@ -76,7 +77,9 @@ const LayoutWithMenu = (props: Props) => {
         "menu",
         activeRiver,
         plugins
-      ) as React.ComponentType<MobileNavBarPluginProps>,
+      ) as React.ComponentType<
+        MobileNavBarPluginProps & { navigator: ZappNavigation }
+      >,
     []
   );
 
@@ -148,7 +151,7 @@ const LayoutWithMenu = (props: Props) => {
           </Transitioner>
         </View>
       ) : null}
-      {showMenu && <Menu {...menuProps} />}
+      {showMenu && <Menu {...{ ...menuProps, id: navigator.currentRoute }} />}
       {/* depends on active river. @TODO move below screen context */}
       {VideoModal && videoModalState.visible && <VideoModal />}
       <ZappHooksModal />
@@ -158,5 +161,6 @@ const LayoutWithMenu = (props: Props) => {
 
 export const Layout = R.compose(
   MenuToggleContext.withConsumer,
-  withDimensionsProvider
+  withDimensionsProvider,
+  withModalAnimationProvider
 )(LayoutWithMenu);

package/App/__tests__/app.test.js

@@ -54,6 +54,11 @@ jest.mock(
   () => () => null
 );
 
+jest.mock(
+  "@applicaster/zapp-react-native-ui-components/Components/VideoModal/ModalAnimation",
+  () => ({ withModalAnimationProvider: () => null })
+);
+
 jest.mock("react-native-safe-area-context", () => ({
   SafeAreaProvider: jest.fn(
     () =>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/zapp-react-native-app",
-  "version": "12.0.0-alpha.5606245605",
+  "version": "12.0.0-alpha.5675222257",
   "description": "Zapp App Component for Applicaster's Quick Brick React Native App",
   "main": "index.js",
   "scripts": {
@@ -29,11 +29,11 @@
   },
   "homepage": "https://github.com/applicaster/quickbrick#readme",
   "dependencies": {
-    "@applicaster/quick-brick-core": "12.0.0-alpha.5606245605",
-    "@applicaster/zapp-react-native-bridge": "12.0.0-alpha.5606245605",
-    "@applicaster/zapp-react-native-redux": "12.0.0-alpha.5606245605",
-    "@applicaster/zapp-react-native-ui-components": "12.0.0-alpha.5606245605",
-    "@applicaster/zapp-react-native-utils": "12.0.0-alpha.5606245605",
+    "@applicaster/quick-brick-core": "12.0.0-alpha.5675222257",
+    "@applicaster/zapp-react-native-bridge": "12.0.0-alpha.5675222257",
+    "@applicaster/zapp-react-native-redux": "12.0.0-alpha.5675222257",
+    "@applicaster/zapp-react-native-ui-components": "12.0.0-alpha.5675222257",
+    "@applicaster/zapp-react-native-utils": "12.0.0-alpha.5675222257",
     "axios": "^0.28.0",
     "camelize": "^1.0.0",
     "query-string": "7.1.3",