@applicaster/zapp-react-native-ui-components 12.0.0-alpha.7725319213 → 12.0.0-alpha.8235014824

package/Contexts/ScreenContext/index.tsx

@@ -1,13 +1,12 @@
 import React, { createContext, ReactNode, useMemo, useState } from "react";
-import { usePickFromState } from "@applicaster/zapp-react-native-redux/hooks";
 import {
   useCurrentScreenData,
   useNavigation,
   useRoute,
+  isNavBarVisible,
 } from "@applicaster/zapp-react-native-utils/reactHooks";
 import { useModalNavigationContext } from "@applicaster/zapp-react-native-ui-components/Contexts/ModalNavigationContext";
 import { useNestedNavigationContext } from "@applicaster/zapp-react-native-ui-components/Contexts/NestedNavigationContext";
-import { isNavBarVisible } from "../../Components/Screen/navigationHandler";
 
 type ScreenContextType = {
   navBar: {
@@ -42,8 +41,6 @@ export function ScreenContextProvider({
 }) {
   const { data, modalData, videoModalState, canGoBack } = useNavigation();
 
-  const { rivers: _rivers } = usePickFromState(["rivers", "plugins"]);
-
   // There are 4 route scenarios
   // For regular screens take date from navigator stack.
   // is path is model grab screenData from modal state

package/Decorators/ComponentsMapWrapper/withComponentsMapProvider.tsx

@@ -12,11 +12,16 @@ export function withComponentsMapProvider(Component: React.ComponentType<any>) {
     };
 
     const setComponentHeightById = (id: string | number, height: number) => {
-      componentsHeightMapRef.current = { ...componentsHeightMapRef.current, [id]: height };
+      componentsHeightMapRef.current = {
+        ...componentsHeightMapRef.current,
+        [id]: height,
+      };
     };
 
     return (
-      <ComponentsMapProvider {...{ setComponentHeightById, getComponentHeightById }}>
+      <ComponentsMapProvider
+        {...{ setComponentHeightById, getComponentHeightById }}
+      >
         <Component {...props} />
       </ComponentsMapProvider>
     );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/zapp-react-native-ui-components",
-  "version": "12.0.0-alpha.7725319213",
+  "version": "12.0.0-alpha.8235014824",
   "description": "Applicaster Zapp React Native ui components for the Quick Brick App",
   "main": "index.js",
   "types": "index.d.ts",
@@ -34,10 +34,10 @@
     "redux-mock-store": "^1.5.3"
   },
   "dependencies": {
-    "@applicaster/applicaster-types": "12.0.0-alpha.7725319213",
-    "@applicaster/zapp-react-native-bridge": "12.0.0-alpha.7725319213",
-    "@applicaster/zapp-react-native-redux": "12.0.0-alpha.7725319213",
-    "@applicaster/zapp-react-native-utils": "12.0.0-alpha.7725319213",
+    "@applicaster/applicaster-types": "12.0.0-alpha.8235014824",
+    "@applicaster/zapp-react-native-bridge": "12.0.0-alpha.8235014824",
+    "@applicaster/zapp-react-native-redux": "12.0.0-alpha.8235014824",
+    "@applicaster/zapp-react-native-utils": "12.0.0-alpha.8235014824",
     "promise": "^8.3.0",
     "react-router-native": "^5.1.2",
     "url": "^0.11.0",

package/Components/VideoModal/hooks/usePosition.ts

@@ -1,50 +0,0 @@
-import {
-  useNavigation,
-  useNavigationType,
-  MenuTypes,
-  useGetBottomTabBarHeight,
-} from "@applicaster/zapp-react-native-utils/reactHooks";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
-import { isMenuVisible } from "@applicaster/zapp-react-native-ui-components/Components/Screen/navigationHandler";
-
-import { useConfiguration } from "../utils";
-
-type Option<T> = T | undefined;
-
-type Return = {
-  top: Option<number>;
-  height: Option<number>;
-  bottom: Option<number>;
-};
-
-export const usePosition = (): Return => {
-  const { minimised_height: minimisedHeight } = useConfiguration();
-  const insets = useSafeAreaInsets();
-  const bottomTabBarHeight = useGetBottomTabBarHeight();
-
-  const {
-    videoModalState: { mode },
-    currentRoute,
-    screenData,
-  } = useNavigation();
-
-  const docked = mode === "MINIMIZED";
-
-  const navType = useNavigationType();
-  const isBottomBarNavigation = navType === MenuTypes.bottomTabBar;
-
-  const minimisedMarginBottom =
-    isMenuVisible(currentRoute, screenData) && isBottomBarNavigation
-      ? bottomTabBarHeight
-      : insets.bottom;
-
-  if (docked) {
-    return {
-      top: undefined,
-      height: minimisedHeight,
-      bottom: minimisedMarginBottom,
-    };
-  }
-
-  return { top: 0, height: undefined, bottom: 0 };
-};