@applicaster/quick-brick-core 13.0.0-rc.99 → 14.0.0-alpha.1235043154

package/App/ActionsProvider/__tests__/__snapshots__/ActionsProvider.test.js.snap

@@ -12,18 +12,18 @@ exports[`Actions Provider renders children 1`] = `
             "$$typeof": Symbol(react.context),
             "Consumer": {
               "$$typeof": Symbol(react.context),
-              "_calculateChangedBits": null,
               "_context": [Circular],
             },
             "Provider": {
               "$$typeof": Symbol(react.provider),
               "_context": [Circular],
             },
-            "_calculateChangedBits": null,
             "_currentRenderer": null,
             "_currentRenderer2": {},
             "_currentValue": null,
             "_currentValue2": null,
+            "_defaultValue": null,
+            "_globalName": null,
             "_threadCount": 0,
           },
           "contextProvider": [Function],

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

@@ -16,7 +16,7 @@ import {
 } from "../useOpenSchemeHandler/const";
 import { withInitialPlayerState } from "../useOpenSchemeHandler/utils";
 
-const { log_warning } = require("../../../logger");
+import { log_warning } from "../../../logger";
 
 const rivers: Record<string, Partial<ZappRiver>> = {
   A1234: {
@@ -53,13 +53,10 @@ const navigator = {
   replace: jest.fn(),
   push: jest.fn(),
   goHome: jest.fn(),
-};
+} as any;
 
 const mockStore = configureStore();
-
-jest
-  .spyOn(useNavigationHooks, "useNavigation")
-  .mockImplementation(() => navigator);
+jest.spyOn(useNavigationHooks, "useNavigation").mockReturnValue(navigator);
 
 const helperSpy = jest.spyOn(helpers, "handlePresentNavigation");
 const feedLoaderSpy = jest.spyOn(feedLoader, "useFeedLoader");
@@ -72,7 +69,7 @@ jest.doMock("@applicaster/zapp-react-native-ui-components/Contexts", () => ({
   },
 }));
 
-jest.doMock("../../../logger", () => ({
+jest.mock("../../../logger", () => ({
   log_info: jest.fn(),
   log_error: jest.fn(),
   log_warning: jest.fn(),
@@ -80,10 +77,6 @@ jest.doMock("../../../logger", () => ({
   log_debug: jest.fn(),
 }));
 
-jest.useFakeTimers({
-  legacyFakeTimers: true,
-});
-
 // to use import instead of require it's required to use jest.mock above
 const { useOpenSchemeHandler } = require("../useOpenSchemeHandler");
 
@@ -192,7 +185,6 @@ describe("useOpenSchemeHandler", () => {
     it("doesn't log a warning", async () => {
       const tests = () => {
         expect(log_warning).not.toHaveBeenCalled();
-        expect.assertions(1);
       };
 
       await testHook({ url, query, tests });

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

@@ -1,14 +1,13 @@
-import * as React from "react";
 import * as R from "ramda";
 import axios from "axios";
-import { renderHook } from "@testing-library/react-hooks";
+import { renderHook } from "@testing-library/react-native";
 import { sessionStorage } from "@applicaster/zapp-react-native-bridge/ZappStorage/SessionStorage";
-import * as zappRedux from "@applicaster/zapp-react-native-redux";
 import * as helpers from "../../../helpers";
 import * as feedLoader from "@applicaster/zapp-react-native-utils/reactHooks/feed/useFeedLoader";
 import * as useNavigationHooks from "@applicaster/zapp-react-native-utils/reactHooks/navigation/useNavigation";
+import { WrappedWithProviders } from "@applicaster/zapp-react-native-utils/testUtils";
+import { usePresentSchemeHandler } from "../usePresentSchemeHandler";
 
-import { Provider } from "react-redux";
 import configureStore from "redux-mock-store";
 
 const rivers = {
@@ -20,23 +19,22 @@ const rivers = {
 const navigator = {
   currentRoute: "/river/A1234",
   replace: jest.fn(),
-};
+  goHome: jest.fn(),
+} as any;
 
 const mockStore = configureStore();
 
-jest
-  .spyOn(useNavigationHooks, "useNavigation")
-  .mockImplementation(() => navigator);
+jest.spyOn(useNavigationHooks, "useNavigation").mockReturnValue(navigator);
 
 const helperSpy = jest.spyOn(helpers, "handlePresentNavigation");
 const feedLoaderSpy = jest.spyOn(feedLoader, "useFeedLoader");
 
-const { usePresentSchemeHandler } = require("../usePresentSchemeHandler");
-
 const onFinish = jest.fn((cb) => {
   cb();
 });
 
+jest.useFakeTimers();
+
 describe("usePresentSchemeHandler", () => {
   beforeEach(() => {
     onFinish.mockClear();
@@ -44,11 +42,7 @@ describe("usePresentSchemeHandler", () => {
     navigator.replace.mockClear();
   });
 
-  const store = mockStore({ test: "test", rivers });
-
-  const wrapper: React.FC<any> = ({ children }) => (
-    <Provider store={store}>{children}</Provider>
-  );
+  const store = { test: "test", rivers };
 
   describe("loading link url", () => {
     const query = { link_url: "http://applicaster.com" };
@@ -59,10 +53,11 @@ describe("usePresentSchemeHandler", () => {
 
     it("opens the link entry", () => {
       renderHook(() => usePresentSchemeHandler({ query, url, onFinish }), {
-        wrapper,
+        wrapper: WrappedWithProviders,
+        initialProps: { store },
       });
 
-      expect(onFinish).toBeCalled();
+      expect(onFinish).toHaveBeenCalled();
 
       expect(helperSpy).toBeCalledWith(
         expect.objectContaining({
@@ -96,7 +91,8 @@ describe("usePresentSchemeHandler", () => {
             onFinish,
           }),
         {
-          wrapper,
+          wrapper: WrappedWithProviders,
+          initialProps: { store },
         }
       );
 
@@ -123,7 +119,8 @@ describe("usePresentSchemeHandler", () => {
       )}&show_nav_bar=true`;
 
       renderHook(() => usePresentSchemeHandler({ query, url, onFinish }), {
-        wrapper,
+        wrapper: WrappedWithProviders,
+        initialProps: { store },
       });
 
       expect(onFinish).toBeCalled();
@@ -155,22 +152,22 @@ describe("usePresentSchemeHandler", () => {
       )}&screen_id=${screen_id}`;
 
       renderHook(() => usePresentSchemeHandler({ query, url, onFinish }), {
-        wrapper,
+        wrapper: WrappedWithProviders,
+        initialProps: { store },
       });
 
       expect(onFinish).toBeCalled();
 
-      expect(helperSpy).toBeCalledWith(
+      expect(helperSpy).toHaveBeenCalledWith(
         expect.objectContaining({
           data: {
             id: "url_scheme_entry",
             type: { value: "link" },
-            screen_type: screen_id,
             link: { href: query.link_url, type: "text/html" },
             extensions: { showNavBar: false },
           },
-          navigator,
-          pushScreen: expect.anything(),
+          navigator: expect.anything(),
+          pushScreen: "http://applicaster.com",
         })
       );
     });
@@ -180,9 +177,7 @@ describe("usePresentSchemeHandler", () => {
     it("Re-sets app ready state and calls loadAppContextData with new river and cellStyles data", async () => {
       const store = mockStore({ test: "test" });
 
-      const wrapper: React.FC<any> = ({ children }) => (
-        <Provider store={store}>{children}</Provider>
-      );
+      const wrapper = WrappedWithProviders;
 
       const query = {
         rivers_configuration_id: "test",
@@ -190,7 +185,6 @@ describe("usePresentSchemeHandler", () => {
 
       const storageSpy = jest.spyOn(sessionStorage, "getAllItems");
       const axiosGetSpy = jest.spyOn(axios, "get");
-      const zappReduxSpy = jest.spyOn(zappRedux, "loadAppContextData");
 
       const getAllItems = jest.fn().mockResolvedValue({
         accountsAccountId: "accountsAccountId",
@@ -204,7 +198,6 @@ describe("usePresentSchemeHandler", () => {
 
       storageSpy.mockImplementation(getAllItems);
       axiosGetSpy.mockImplementation(get);
-      zappReduxSpy.mockReturnValue(null);
 
       renderHook(() => usePresentSchemeHandler({ query, url: "", onFinish }), {
         wrapper,
@@ -217,13 +210,6 @@ describe("usePresentSchemeHandler", () => {
           actions?.find(R.propEq("type", "SET_APP_NOT_READY"))
         ).toBeDefined();
 
-        expect(actions?.find(R.propEq("type", "SET_APP_READY"))).toBeDefined();
-
-        expect(zappReduxSpy).toBeCalledWith(expect.any(Function), {
-          cellStyles: "url",
-          rivers: "url",
-        });
-
         expect(navigator.replace).toBeCalledWith({});
       };
     });
@@ -261,7 +247,7 @@ describe("usePresentSchemeHandler", () => {
             },
           }),
         {
-          wrapper,
+          wrapper: WrappedWithProviders,
         }
       );
 
@@ -293,7 +279,7 @@ describe("usePresentSchemeHandler", () => {
             },
           }),
         {
-          wrapper,
+          wrapper: WrappedWithProviders,
         }
       );
 
@@ -325,7 +311,7 @@ describe("usePresentSchemeHandler", () => {
             },
           }),
         {
-          wrapper,
+          wrapper: WrappedWithProviders,
         }
       );
 
@@ -357,7 +343,7 @@ describe("usePresentSchemeHandler", () => {
             },
           }),
         {
-          wrapper,
+          wrapper: WrappedWithProviders,
         }
       );
 

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

@@ -5,7 +5,7 @@ import * as URLHandlersMap from "..";
 import { Provider } from "react-redux";
 import configureStore from "redux-mock-store";
 
-const { log_warning } = require("../../../logger");
+import { log_warning } from "../../../logger";
 
 const mockStore = configureStore();
 

package/App/ModalProvider/ModalBottomSheet/DraggableBottomSheet/index.tsx

@@ -56,6 +56,7 @@ export class DraggableBottomSheet extends Component<Props, ComponentState> {
   _translateYOffset: Animated.Value;
   _translateY: Animated.AnimatedAddition;
   _snapPoints: SnapPoints;
+  _prevContentHeight = 0;
 
   _callWhenMounted: () => void | null;
 
@@ -89,6 +90,14 @@ export class DraggableBottomSheet extends Component<Props, ComponentState> {
       this._lastScrollY
     );
 
+    const initialSnapPoints = new SnapPoints(props.height, props.sheetHeight);
+
+    this._translateYOffset = new Animated.Value(
+      props.visible ? initialSnapPoints.top : initialSnapPoints.bottom
+    );
+
+    this._prevContentHeight = initialSnapPoints.contentHeight;
+
     this.state = {
       lastSnap: props.height,
       dragging: false,
@@ -150,12 +159,25 @@ export class DraggableBottomSheet extends Component<Props, ComponentState> {
 
     if (!this._snapPoints) {
       this._snapPoints = new SnapPoints(windowHeight, totalSheetHeight);
+      this._prevContentHeight = totalSheetHeight;
     } else {
       this._snapPoints.windowHeight = windowHeight;
       this._snapPoints.contentHeight = totalSheetHeight;
-    }
 
-    this._translateYOffset = new Animated.Value(this._snapPoints.bottom);
+      if (this.props.visible && this._isMounted) {
+        Animated.timing(this._translateYOffset, {
+          toValue: this._snapPoints.top,
+          duration: ANIMATION_DURATION,
+          easing: ANIMATION_EASING,
+          delay: ANIMATION_DELAY,
+          useNativeDriver: USE_NATIVE_DRIVER,
+        }).start();
+      } else {
+        this._translateYOffset.setValue(this._snapPoints.top);
+      }
+
+      this._prevContentHeight = totalSheetHeight;
+    }
 
     this._translateY = Animated.add(
       this._translateYOffset,
@@ -254,6 +276,7 @@ export class DraggableBottomSheet extends Component<Props, ComponentState> {
   getDraggableAreaStyles() {
     return {
       width: this.props.maxWidth,
+      top: 0,
       left: (this.props.width - this.props.maxWidth) / 2 || 0,
     };
   }
@@ -300,7 +323,6 @@ export class DraggableBottomSheet extends Component<Props, ComponentState> {
                   simultaneousHandlers={this.drawer}
                 >
                   <Animated.ScrollView
-                    style={{ marginBottom: this._snapPoints.top }}
                     bounces={false}
                     onScrollBeginDrag={this._onRegisterLastScroll}
                     scrollEventThrottle={1}

package/App/ModalProvider/ModalBottomSheet/ModalBottomSheetFrame.tsx

@@ -1,21 +1,33 @@
 import React from "react";
-import { StyleSheet, View } from "react-native";
+import { LayoutChangeEvent, Platform, StyleSheet, View } from "react-native";
 
 import { Handle, HandleProps } from "./Handle";
 import { DraggableBottomSheet } from "./DraggableBottomSheet";
+import {
+  SafeAreaView,
+  useSafeAreaFrame,
+  useSafeAreaInsets,
+} from "react-native-safe-area-context";
+import {
+  isAndroidPlatform,
+  isAndroidVersionAtLeast,
+  platformSelect,
+} from "@applicaster/zapp-react-native-utils/reactUtils";
 
 type Props = {
   children: React.ReactChild;
   backgroundColor: string;
   cornerRadius: number;
-  contentHeight: number;
   maxHeight: number;
   maxWidth: number;
   visible: boolean;
   handleProps: HandleProps;
   closeToast: () => void;
-  dimensions: { width: number; height: number };
-  paddingBottom: number;
+  dimensions: {
+    statusBarHeight: any;
+    width: number;
+    height: number;
+  };
 };
 
 const styles = StyleSheet.create({
@@ -25,6 +37,32 @@ const styles = StyleSheet.create({
   },
 });
 
+const defaultBottomOffset = platformSelect({
+  ios: 34,
+  android: 0,
+});
+
+const getSheetHeight = ({ height, bottomOffset, maxHeight }) => {
+  return platformSelect({
+    ios: height - bottomOffset,
+    default:
+      (height || maxHeight) -
+      (!isAndroidVersionAtLeast(35) && isAndroidPlatform() ? bottomOffset : 0),
+  });
+};
+
+const useGetSheetHeight = (height, maxHeight) => {
+  const { bottom = defaultBottomOffset } = useSafeAreaInsets();
+
+  const bottomOffset = bottom;
+
+  return getSheetHeight({
+    height,
+    bottomOffset,
+    maxHeight,
+  });
+};
+
 export function ModalBottomSheetFrame(props: Props) {
   const {
     children,
@@ -34,31 +72,50 @@ export function ModalBottomSheetFrame(props: Props) {
     maxWidth,
     visible,
     handleProps,
-    contentHeight,
     dimensions,
-    paddingBottom,
   } = props;
 
+  const safeAreaDims = useSafeAreaFrame();
+
   const extraStyles = {
     backgroundColor,
     borderTopLeftRadius: cornerRadius,
     borderTopRightRadius: cornerRadius,
     maxHeight,
-    paddingBottom,
-    maxWidth: Math.min(Number(maxWidth), dimensions.width),
+    maxWidth: Math.min(Number(maxWidth), safeAreaDims.width),
+  };
+
+  const [height, setHeight] = React.useState(0);
+
+  const onLayout = (event: LayoutChangeEvent) => {
+    const { height } = event.nativeEvent.layout;
+
+    if (height !== 0) {
+      setHeight(height);
+    }
   };
 
+  const { bottom = defaultBottomOffset } = useSafeAreaInsets();
+
+  const sheetHeight = useGetSheetHeight(height, maxHeight);
+
   return (
     <DraggableBottomSheet
-      sheetHeight={contentHeight}
-      visible={visible}
+      sheetHeight={sheetHeight}
+      visible={height > 0 && visible}
       dismiss={props.closeToast}
       hasHeader={handleProps.enabled}
       header={(dragging) => <Handle {...handleProps} focused={dragging} />}
       maxWidth={maxWidth}
       {...dimensions}
+      height={safeAreaDims.height - (Platform.OS === "ios" ? bottom : 0)}
     >
-      <View style={[styles.toastFrameContainer, extraStyles]}>{children}</View>
+      <SafeAreaView
+        edges={["left", "right", "bottom"]}
+        style={[styles.toastFrameContainer, extraStyles]}
+      >
+        <View onLayout={onLayout}>{children}</View>
+      </SafeAreaView>
     </DraggableBottomSheet>
   );
 }

package/App/ModalProvider/ModalBottomSheet/index.tsx

@@ -1,7 +1,5 @@
 /// <reference types="@applicaster/applicaster-types" />
 import { useTheme } from "@applicaster/zapp-react-native-utils/theme";
-import { platformSelect } from "@applicaster/zapp-react-native-utils/reactUtils";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
 
 import React, { useCallback, useEffect, useState } from "react";
 import { Keyboard, StyleSheet, View } from "react-native";
@@ -29,56 +27,39 @@ type Props = {
   modalBottomSheetContentProps: Record<string, any>;
 };
 
-const defaultBottomOffset = platformSelect({
-  ios: 34,
-  android: 0,
-});
-
 export function ModalBottomSheet(props: Props) {
   const theme = useTheme<BaseThemePropertiesMobile>();
   const navigator = useNavigation();
   const dimensions = useDimensions();
-  const [sheetHeight, setSheetHeight] = useState(0);
   const [visible, setVisible] = useState(true);
-  const dismiss = () => setVisible(false);
-  const { bottom = defaultBottomOffset } = useSafeAreaInsets();
-
-  const bottomOffset = bottom + dimensions.statusBarHeight;
 
   const {
     modal_bottom_sheet_background_color: sheetBackgroundColor,
     modal_bottom_sheet_overlay_color: sheetOverlayColor,
     modal_bottom_sheet_top_corner_radius: sheetCornerRadius,
-    modal_bottom_sheet_max_height: sheetMaxHeight,
     modal_bottom_sheet_handle: sheetHandleEnabled,
     modal_bottom_sheet_handle_color: sheetHandleColor,
     modal_bottom_sheet_handle_focus_color: sheetHandleFocusedColor,
     modal_bottom_sheet_tablet_max_width: sheetTabletMaxWidth,
   } = theme;
 
+  const sheetMaxHeight = dimensions.height * 0.75; // Set a default max height
+
   const {
     ModalBottomSheetContent = ModalComponent,
     modalBottomSheetContentProps,
   } = props;
 
-  const onLayout = useCallback(({ nativeEvent }) => {
-    const calculatedHeight = nativeEvent?.layout?.height;
-
-    if (calculatedHeight > 0 && sheetHeight === 0) {
-      setSheetHeight(Math.min(calculatedHeight, sheetMaxHeight));
-    }
-  }, []);
-
   useEffect(() => {
     Keyboard.dismiss();
   }, []);
 
+  const dismiss = useCallback(() => setVisible(false), []);
+
   const isTablet = useIsTablet();
 
   const maxWidth = isTablet ? sheetTabletMaxWidth : dimensions.width;
 
-  const modalVisible = visible && sheetHeight > 0;
-
   return (
     <View style={styles.container}>
       <Overlay
@@ -89,12 +70,10 @@ export function ModalBottomSheet(props: Props) {
       <ModalBottomSheetFrame
         backgroundColor={sheetBackgroundColor}
         cornerRadius={sheetCornerRadius}
-        contentHeight={sheetHeight + bottomOffset}
-        maxHeight={sheetMaxHeight + bottomOffset}
-        paddingBottom={bottomOffset}
+        maxHeight={sheetMaxHeight}
         maxWidth={maxWidth}
         dimensions={dimensions}
-        visible={modalVisible}
+        visible={visible}
         closeToast={dismiss}
         handleProps={{
           enabled: sheetHandleEnabled,
@@ -102,18 +81,15 @@ export function ModalBottomSheet(props: Props) {
           focusedColor: sheetHandleFocusedColor,
         }}
       >
-        <View onLayout={onLayout}>
-          <ModalBottomSheetContent
-            width={
-              Math.min(sheetTabletMaxWidth, dimensions.width) ||
-              dimensions.width
-            }
-            maxHeight={sheetMaxHeight}
-            {...modalBottomSheetContentProps}
-            dismiss={dismiss}
-            currentRoute={navigator.currentRoute}
-          />
-        </View>
+        <ModalBottomSheetContent
+          width={
+            Math.min(sheetTabletMaxWidth, dimensions.width) || dimensions.width
+          }
+          maxHeight={sheetMaxHeight}
+          {...modalBottomSheetContentProps}
+          dismiss={dismiss}
+          currentRoute={navigator.currentRoute}
+        />
       </ModalBottomSheetFrame>
     </View>
   );

package/App/ModalProvider/ModalPresenter.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Modal, ModalProps } from "react-native";
 
-type Props = {
+type Props = ModalProps & {
   children: React.ReactChild;
   ModalContainer?: React.FC<ModalProps> | React.ComponentClass<ModalProps>;
   visible: boolean;

package/App/ModalProvider/index.tsx

@@ -40,7 +40,11 @@ export function ModalProvider() {
   return (
     <PathnameContext.Provider value={pathname}>
       <ScreenContextProvider pathname={pathname}>
-        <ModalPresenter visible={shouldShowModal} {...modalState?.options}>
+        <ModalPresenter
+          visible={shouldShowModal}
+          {...modalState?.options}
+          statusBarTranslucent
+        >
           <ModalChildrenWrapper>
             <ModalContent modalScreenProps={modalScreenProps} />
           </ModalChildrenWrapper>

package/App/NetworkStatusProvider/__tests__/NetworkStatusProvider.test.tsx

@@ -1,15 +1,11 @@
 import * as React from "react";
 import * as R from "ramda";
 import { renderHook, act } from "@testing-library/react-hooks";
-import configureStore from "redux-mock-store";
-import thunk from "redux-thunk";
 import { NetworkStatusContext } from "@applicaster/zapp-react-native-ui-components/Contexts/NetworkStatusContext";
 import { NetworkStatusProvider } from "../NetworkStatusProvider";
-import { Provider } from "react-redux";
+import { WrappedWithProviders } from "@applicaster/zapp-react-native-utils/testUtils";
 import NetInfo from "@react-native-community/netinfo";
 
-const mockStore = configureStore([thunk]);
-
 const NetInfoMock = {
   type: "cellular",
   details: {
@@ -24,9 +20,9 @@ const NetInfoMock = {
 const getWrapper = (store) => ({
   // eslint-disable-next-line react/prop-types,react/display-name
   wrapper: ({ children }) => (
-    <Provider store={store}>
+    <WrappedWithProviders store={store}>
       <NetworkStatusProvider>{children}</NetworkStatusProvider>
-    </Provider>
+    </WrappedWithProviders>
   ),
 });
 
@@ -41,9 +37,9 @@ const useNetInfoMock = () => {
 
 describe("NetworkStatusProvider", function () {
   it("should return netInfoData", function () {
-    const store = mockStore({
+    const store = {
       plugins: [{}],
-    });
+    };
 
     // @ts-ignore
     jest.spyOn(NetInfo, "useNetInfo").mockImplementation(useNetInfoMock);
@@ -59,9 +55,9 @@ describe("NetworkStatusProvider", function () {
   it("should call onConnectionLost callback when connection type changes to none", function () {
     const onConnectionLost = jest.fn();
 
-    const store = mockStore({
+    const store = {
       plugins: [{ module: { networkHooks: { onConnectionLost } } }],
-    });
+    };
 
     // @ts-ignore
     jest.spyOn(NetInfo, "useNetInfo").mockImplementation(useNetInfoMock);
@@ -86,9 +82,9 @@ describe("NetworkStatusProvider", function () {
   it("should call onConnectionRestored callback when connection type switches from none", function () {
     const onConnectionRestored = jest.fn();
 
-    const store = mockStore({
+    const store = {
       plugins: [{ module: { networkHooks: { onConnectionRestored } } }],
-    });
+    };
 
     // @ts-ignore
     jest.spyOn(NetInfo, "useNetInfo").mockImplementation(useNetInfoMock);
@@ -123,9 +119,9 @@ describe("NetworkStatusProvider", function () {
   it("should call onConnectionTypeChanged callback when connection type changes", function () {
     const onConnectionTypeChanged = jest.fn();
 
-    const store = mockStore({
+    const store = {
       plugins: [{ module: { networkHooks: { onConnectionTypeChanged } } }],
-    });
+    };
 
     // @ts-ignore
     jest.spyOn(NetInfo, "useNetInfo").mockImplementation(useNetInfoMock);

package/App/StoreConnector/__tests__/storeConnector.test.js

@@ -1,11 +1,9 @@
 import * as React from "react";
 import * as ReactIs from "react-is";
 import { View, Text } from "react-native";
-import { render } from "@testing-library/react-native";
-import configureStore from "redux-mock-store";
+import { renderWithProviders } from "@applicaster/zapp-react-native-utils/testUtils";
 
 import { storeConnector } from "../index";
-import { Provider } from "react-redux";
 
 const styles = { foo: "bar" };
 const components = { grid: jest.fn() };
@@ -18,12 +16,12 @@ const Component = (props) => (
   </View>
 );
 
-const store = configureStore()({
+const store = {
   styles,
   components,
   rivers,
   appSettings,
-});
+};
 
 describe("storeConnector", () => {
   it("returns a Component", () => {
@@ -41,10 +39,9 @@ describe("storeConnector", () => {
   it("passes the props to the component", () => {
     const WrappedComponent = storeConnector(Component);
 
-    const { getByText, getByTestId } = render(
-      <Provider store={store}>
-        <WrappedComponent />
-      </Provider>
+    const { getByText, getByTestId } = renderWithProviders(
+      <WrappedComponent />,
+      store
     );
 
     expect(getByText("I'm a component")).toBeTruthy();

package/App/appLifeCycleManager/__tests__/appLifeCycleManager.test.tsx

@@ -10,6 +10,15 @@ import { appLifeCycleManager } from "../";
 
 const mock_actions = {};
 
+jest.mock(
+  "@applicaster/zapp-react-native-bridge/ZappStorage/SessionStorage",
+  () => ({
+    sessionStorage: {
+      getAllItems: jest.fn(() => Promise.resolve(mocked_items)),
+    },
+  })
+);
+
 jest.mock("@applicaster/zapp-react-native-redux/AppData", () => ({
   loadAppData: jest.fn(() => () => Promise.resolve()),
 }));

package/README.md

@@ -74,7 +74,7 @@ This function allows to quickly create a QuickBrick app by providing the require
 
 ## NavigationProvider
 
-This module provides routing, navigation and navBar control to the QuickBrick applications. The Navigator provider is constructed using NavigationContext and navigator object, which are exposed to the user by `withNavigator` Decorator and `useNavigation` hook. For keeping routing history Navigation Provider is using 3rd party library react-router that is used internally by the navigator.
+This module provides routing, navigation and navBar control to the QuickBrick applications. The Navigator provider is constructed using NavigationContext and navigator object, which are exposed to the user by `withNavigator` Decorator and `useNavigation` hook.
 
 The app is already decorated with the Navigation Provider Context so the only thing, to use navigation in your screen/component`is to use`withNavigator`decorator or`useNavigationHook` directly
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/quick-brick-core",
-  "version": "13.0.0-rc.99",
+  "version": "14.0.0-alpha.1235043154",
   "description": "Core package for Applicaster's Quick Brick App",
   "main": "index.js",
   "types": "index.d.ts",
@@ -28,13 +28,13 @@
   },
   "homepage": "https://github.com/applicaster/quickbrick#readme",
   "dependencies": {
-    "@applicaster/applicaster-types": "13.0.0-rc.99",
-    "@applicaster/quick-brick-core-plugins": "13.0.0-rc.99",
-    "@applicaster/zapp-pipes-v2-client": "13.0.0-rc.99",
-    "@applicaster/zapp-react-native-bridge": "13.0.0-rc.99",
-    "@applicaster/zapp-react-native-redux": "13.0.0-rc.99",
-    "@applicaster/zapp-react-native-ui-components": "13.0.0-rc.99",
-    "@applicaster/zapp-react-native-utils": "13.0.0-rc.99",
+    "@applicaster/applicaster-types": "14.0.0-alpha.1235043154",
+    "@applicaster/quick-brick-core-plugins": "14.0.0-alpha.1235043154",
+    "@applicaster/zapp-pipes-v2-client": "14.0.0-alpha.1235043154",
+    "@applicaster/zapp-react-native-bridge": "14.0.0-alpha.1235043154",
+    "@applicaster/zapp-react-native-redux": "14.0.0-alpha.1235043154",
+    "@applicaster/zapp-react-native-ui-components": "14.0.0-alpha.1235043154",
+    "@applicaster/zapp-react-native-utils": "14.0.0-alpha.1235043154",
     "atob": "^2.1.2",
     "axios": "^0.28.0",
     "btoa": "^1.2.1",
@@ -42,7 +42,7 @@
     "md5": "^2.3.0",
     "promise": "^8.3.0",
     "query-string": "7.1.3",
-    "react-redux": "^7.2.1",
+    "react-redux": "9.2.0",
     "redux": "^4.0.4",
     "reselect": "^4.0.0",
     "url": "^0.11.0",
@@ -62,7 +62,6 @@
     "react-native-fs": "*",
     "react-native-gesture-handler": "*",
     "react-native-linear-gradient": "*",
-    "react-native-safe-area-context": "*",
     "react-native-svg": "*",
     "react-native-web": "*",
     "react-native-webview": "*",

package/App/ModalProvider/ModalChildrenWrapper/index.ts

@@ -1 +0,0 @@
-export { Fragment as ModalChildrenWrapper } from "react";