react-native-navigation 7.45.0 → 7.47.0

package/lib/dist/Mock/Layouts/SideMenu.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SideMenuCenterNode = exports.SideMenuRightNode = exports.SideMenuLeftNode = exports.SideMenuNode = void 0;
+const tslib_1 = require("tslib");
+const ParentNode_1 = tslib_1.__importDefault(require("./ParentNode"));
+const layoutActions = tslib_1.__importStar(require("../actions/layoutActions"));
+const isCenterChild = (child) => child.type === 'SideMenuCenter';
+const isLeftChild = (child) => child.type === 'SideMenuLeft';
+const isRightChild = (child) => child.type === 'SideMenuRight';
+class SideMenuRootNode extends ParentNode_1.default {
+    visibleChild;
+    constructor(layout, parentNode) {
+        super(layout, 'SideMenuRoot', parentNode);
+        this.visibleChild = this._getCenterChild();
+        if (!this.visibleChild) {
+            throw new Error('SideMenuRootNode must have a SideMenuCenter child');
+        }
+    }
+    applyOptions(_options) {
+        super.applyOptions(_options);
+        this._updateVisibility(_options);
+    }
+    mergeOptions(options) {
+        super.mergeOptions(options);
+        this._updateVisibility(options);
+    }
+    /**
+     * @override
+     */
+    getVisibleLayout() {
+        return this.visibleChild.getVisibleLayout();
+    }
+    _updateVisibility(options) {
+        if (options.sideMenu) {
+            if (options.sideMenu.left?.visible) {
+                this.visibleChild = this._getLeftChild();
+                layoutActions.openSideMenu(this.visibleChild);
+            }
+            else if (options.sideMenu.right?.visible) {
+                this.visibleChild = this._getRightChild();
+                layoutActions.openSideMenu(this.visibleChild);
+            }
+            else {
+                this.visibleChild = this._getCenterChild();
+                layoutActions.closeSideMenu(this.visibleChild);
+            }
+        }
+    }
+    _getCenterChild = () => this.children.find(isCenterChild);
+    _getLeftChild = () => this.children.find(isLeftChild);
+    _getRightChild = () => this.children.find(isRightChild);
+}
+exports.default = SideMenuRootNode;
+class SideMenuNode extends ParentNode_1.default {
+    constructor(layout, type, parentNode) {
+        super(layout, type, parentNode);
+    }
+    getVisibleLayout() {
+        return this.children[0].getVisibleLayout();
+    }
+}
+exports.SideMenuNode = SideMenuNode;
+class SideMenuLeftNode extends SideMenuNode {
+    constructor(layout, parentNode) {
+        super(layout, 'SideMenuLeft', parentNode);
+    }
+}
+exports.SideMenuLeftNode = SideMenuLeftNode;
+class SideMenuRightNode extends SideMenuNode {
+    constructor(layout, parentNode) {
+        super(layout, 'SideMenuRight', parentNode);
+    }
+}
+exports.SideMenuRightNode = SideMenuRightNode;
+class SideMenuCenterNode extends SideMenuNode {
+    constructor(layout, parentNode) {
+        super(layout, 'SideMenuCenter', parentNode);
+    }
+}
+exports.SideMenuCenterNode = SideMenuCenterNode;

package/lib/dist/Mock/Stores/LayoutStore.js

@@ -9,6 +9,7 @@ const state = remx.state({
     root: {},
     modals: [],
     overlays: [],
+    sideMenu: undefined,
 });
 const setters = remx.setters({
     setRoot(layout) {
@@ -73,6 +74,23 @@ const setters = remx.setters({
     selectTabIndex(layout, index) {
         getters.getLayoutById(layout.nodeId).selectedIndex = index;
     },
+    openSideMenu(layout) {
+        if (state.sideMenu) {
+            throw new Error('A side-menu is already open; Mocked-testing of multiple side-menu scenarios is not supported yet.' +
+                ' You can submit a request in https://github.com/wix/react-native-navigation/issues/new/choose.');
+        }
+        state.sideMenu = layout;
+    },
+    closeSideMenu(_layout) {
+        state.sideMenu = undefined;
+    },
+    applyOptions(componentId, options) {
+        const layout = getters.getLayoutById(componentId);
+        if (layout)
+            layout.applyOptions(options);
+        else
+            console.warn(`[RNN error] Merge options failure: cannot find layout for: ${componentId}`);
+    },
     mergeOptions(componentId, options) {
         const layout = getters.getLayoutById(componentId);
         if (layout)
@@ -86,14 +104,25 @@ const getters = remx.getters({
         return state.root;
     },
     getVisibleLayout() {
+        let layout;
         if (state.modals.length > 0) {
-            return lodash_1.default.last(state.modals).getVisibleLayout();
+            layout = lodash_1.default.last(state.modals);
+        }
+        else if (!lodash_1.default.isEqual(state.root, {})) {
+            layout = state.root;
+        }
+        // Note: While this logic should be fair for all use cases (i.e. even multiple side-menus across tabs),
+        // there is no current test case that justifies it. Nevertheless, it's required to pass the tests,
+        // because otherwise getVisibleLayout() would not be revisited whenever side-menus are opened/closed.
+        if (layout && state.sideMenu && findNode(state.sideMenu.nodeId, layout)) {
+            layout = state.sideMenu.parentNode;
         }
-        else if (!lodash_1.default.isEqual(state.root, {}))
-            return state.root.getVisibleLayout();
+        return layout?.getVisibleLayout();
     },
     isVisibleLayout(layout) {
-        return getters.getVisibleLayout() && getters.getVisibleLayout().nodeId === layout.nodeId;
+        const nodeId = layout.nodeId;
+        const visibleLayout = getters.getVisibleLayout();
+        return visibleLayout?.nodeId === nodeId;
     },
     getModals() {
         return state.modals;
@@ -103,11 +132,11 @@ const getters = remx.getters({
     },
     getLayoutById(layoutId) {
         if (getters.getModalById(layoutId))
-            return findParentNode(layoutId, getters.getModalById(layoutId));
-        return findParentNode(layoutId, state.root);
+            return findNode(layoutId, getters.getModalById(layoutId));
+        return findNode(layoutId, state.root);
     },
     getModalById(layoutId) {
-        return lodash_1.default.find(state.modals, (layout) => findParentNode(layoutId, layout));
+        return lodash_1.default.find(state.modals, (layout) => findNode(layoutId, layout));
     },
     getLayoutChildren(layoutId) {
         return getters.getLayoutById(layoutId).children;
@@ -117,14 +146,14 @@ const getters = remx.getters({
             lodash_1.default.find(state.modals, (layout) => findStack(layoutId, layout)));
     },
 });
-function findParentNode(layoutId, layout) {
+function findNode(layoutId, layout) {
     if (layoutId === layout.nodeId) {
         return layout;
     }
     else if (layout.children) {
         for (let i = 0; i < layout.children.length; i += 1) {
             const child = layout.children[i];
-            const result = findParentNode(layoutId, child);
+            const result = findNode(layoutId, child);
             if (result !== false) {
                 return result;
             }

package/lib/dist/Mock/actions/layoutActions.d.ts

@@ -1,2 +1,5 @@
 import ParentNode from '../Layouts/ParentNode';
+import { SideMenuNode } from '../Layouts/SideMenu';
 export declare const switchTabByIndex: (bottomTabs: ParentNode | undefined, index: number) => void;
+export declare const openSideMenu: (sideMenu: SideMenuNode) => void;
+export declare const closeSideMenu: (layout: SideMenuNode) => void;

package/lib/dist/Mock/actions/layoutActions.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.switchTabByIndex = void 0;
+exports.closeSideMenu = exports.openSideMenu = exports.switchTabByIndex = void 0;
 const LayoutStore_1 = require("../Stores/LayoutStore");
 const switchTabByIndex = (bottomTabs, index) => {
     if (bottomTabs) {
@@ -10,3 +10,13 @@ const switchTabByIndex = (bottomTabs, index) => {
     }
 };
 exports.switchTabByIndex = switchTabByIndex;
+const openSideMenu = (sideMenu) => {
+    LayoutStore_1.LayoutStore.openSideMenu(sideMenu);
+    LayoutStore_1.LayoutStore.getVisibleLayout().componentDidAppear();
+};
+exports.openSideMenu = openSideMenu;
+const closeSideMenu = (layout) => {
+    LayoutStore_1.LayoutStore.getVisibleLayout().componentDidDisappear();
+    LayoutStore_1.LayoutStore.closeSideMenu(layout);
+};
+exports.closeSideMenu = closeSideMenu;

package/lib/dist/Mock/connect.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.connect = void 0;
+exports.connect = connect;
 const remx_1 = require("remx");
 function connect(component) {
     // @ts-ignore
     return (0, remx_1.connect)()(component);
 }
-exports.connect = connect;

package/lib/dist/Mock/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.mockNativeComponents = exports.ApplicationMock = void 0;
+exports.ApplicationMock = void 0;
+exports.mockNativeComponents = mockNativeComponents;
 const tslib_1 = require("tslib");
 exports.ApplicationMock = require('./Application').Application;
 tslib_1.__exportStar(require("./constants"), exports);
@@ -11,4 +12,3 @@ function mockNativeComponents() {
     const { Navigation } = require('react-native-navigation');
     Navigation.mockNativeComponents(new NativeCommandsSender(), new NativeEventsReceiver(), new AppRegistryService());
 }
-exports.mockNativeComponents = mockNativeComponents;

package/lib/dist/Mock/mocks/NativeCommandsSender.js

@@ -34,6 +34,7 @@ class NativeCommandsSender {
             const layoutNode = LayoutNodeFactory_1.default.create(layout, stack);
             stack.getVisibleLayout().componentDidDisappear();
             LayoutStore_1.LayoutStore.push(layoutNode, stack);
+            LayoutStore_1.LayoutStore.applyOptions(layoutNode.nodeId, layoutNode.data.options);
             stack.getVisibleLayout().componentDidAppear();
             resolve(stack.getVisibleLayout().nodeId);
             this.reportCommandCompletion(CommandName_1.CommandName.Push, commandId);

package/lib/dist/src/adapters/NativeEventsReceiver.js

@@ -8,7 +8,7 @@ class NativeEventsReceiver {
         try {
             this.emitter = new react_native_1.NativeEventEmitter(react_native_1.NativeModules.RNNEventEmitter);
         }
-        catch {
+        catch (e) {
             this.emitter = {
                 addListener: () => {
                     return {

package/lib/dist/src/adapters/TouchablePreview.d.ts

@@ -8,7 +8,7 @@ interface GestureResponderEventWithForce extends NativeSyntheticEvent<NativeTouc
 }
 export interface Props {
     children?: React.ReactNode;
-    touchableComponent?: typeof TouchableHighlight | typeof TouchableOpacity | TouchableNativeFeedback | TouchableWithoutFeedback | React.ReactNode;
+    touchableComponent?: TouchableHighlight | TouchableOpacity | TouchableNativeFeedback | TouchableWithoutFeedback | React.ReactNode;
     onPress?: () => void;
     onPressIn?: (payload: {
         reactTag: number | null;
@@ -38,6 +38,6 @@ export declare class TouchablePreview extends React.PureComponent<Props> {
     onTouchStart: (event: GestureResponderEvent) => void;
     onTouchMove: (event: GestureResponderEventWithForce) => void;
     onTouchEnd: () => void;
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }
 export {};

package/lib/dist/src/commands/LayoutType.js

@@ -13,4 +13,4 @@ var LayoutType;
     LayoutType["TopTabs"] = "TopTabs";
     LayoutType["ExternalComponent"] = "ExternalComponent";
     LayoutType["SplitView"] = "SplitView";
-})(LayoutType = exports.LayoutType || (exports.LayoutType = {}));
+})(LayoutType || (exports.LayoutType = LayoutType = {}));

package/lib/dist/src/components/Modal.d.ts

@@ -15,6 +15,6 @@ export declare class Modal extends React.Component<RNNModalProps> {
         animationType: string;
     };
     constructor(props: RNNModalProps);
-    render(): React.JSX.Element | null;
+    render(): JSX.Element | null;
     private proccessProps;
 }

package/lib/dist/src/interfaces/CommandName.js

@@ -19,4 +19,4 @@ var CommandName;
     CommandName["DismissOverlay"] = "dismissOverlay";
     CommandName["DismissAllOverlays"] = "dismissAllOverlays";
     CommandName["GetLaunchArgs"] = "getLaunchArgs";
-})(CommandName = exports.CommandName || (exports.CommandName = {}));
+})(CommandName || (exports.CommandName = CommandName = {}));

package/lib/dist/src/interfaces/Options.js

@@ -11,11 +11,11 @@ var OptionsModalPresentationStyle;
     OptionsModalPresentationStyle["popover"] = "popover";
     OptionsModalPresentationStyle["fullScreen"] = "fullScreen";
     OptionsModalPresentationStyle["none"] = "none";
-})(OptionsModalPresentationStyle = exports.OptionsModalPresentationStyle || (exports.OptionsModalPresentationStyle = {}));
+})(OptionsModalPresentationStyle || (exports.OptionsModalPresentationStyle = OptionsModalPresentationStyle = {}));
 var OptionsModalTransitionStyle;
 (function (OptionsModalTransitionStyle) {
     OptionsModalTransitionStyle["coverVertical"] = "coverVertical";
     OptionsModalTransitionStyle["crossDissolve"] = "crossDissolve";
     OptionsModalTransitionStyle["flipHorizontal"] = "flipHorizontal";
     OptionsModalTransitionStyle["partialCurl"] = "partialCurl";
-})(OptionsModalTransitionStyle = exports.OptionsModalTransitionStyle || (exports.OptionsModalTransitionStyle = {}));
+})(OptionsModalTransitionStyle || (exports.OptionsModalTransitionStyle = OptionsModalTransitionStyle = {}));

package/lib/dist/src/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare module 'react-lifecycles-compat' {
     import * as React from 'react';
     function polyfill(component: React.ComponentClass<any>): void;

package/lib/ios/BottomTabsBasePresenter.m

@@ -1,6 +1,5 @@
 #import "BottomTabsBasePresenter.h"
 #import "RNNBottomTabsController.h"
-#import "RNNConvert.h"
 #import "UIImage+utils.h"
 
 @implementation BottomTabsBasePresenter
@@ -30,7 +29,7 @@
     [self applyBackgroundColor:[withDefault.bottomTabs.backgroundColor withDefault:nil]
                    translucent:[withDefault.bottomTabs.translucent withDefault:NO]];
     [bottomTabs setTabBarHideShadow:[withDefault.bottomTabs.hideShadow withDefault:NO]];
-    [bottomTabs setTabBarStyle:[RNNConvert UIBarStyle:[withDefault.bottomTabs.barStyle
+    [bottomTabs setTabBarStyle:[RCTConvert UIBarStyle:[withDefault.bottomTabs.barStyle
                                                           withDefault:@"default"]]];
     [self applyTabBarBorder:withDefault.bottomTabs];
     [self applyTabBarShadow:withDefault.bottomTabs.shadow];
@@ -61,7 +60,7 @@
     }
 
     if (mergeOptions.bottomTabs.barStyle.hasValue) {
-        [bottomTabs setTabBarStyle:[RNNConvert UIBarStyle:mergeOptions.bottomTabs.barStyle.get]];
+        [bottomTabs setTabBarStyle:[RCTConvert UIBarStyle:mergeOptions.bottomTabs.barStyle.get]];
     }
 
     if (mergeOptions.bottomTabs.translucent.hasValue) {

package/lib/ios/RNNAppDelegate.mm

@@ -2,13 +2,14 @@
 #import <ReactNativeNavigation/ReactNativeNavigation.h>
 
 #if RCT_NEW_ARCH_ENABLED
-
+#import "RCTAppSetupUtils.h"
+#import "RCTLegacyInteropComponents.h"
 #import <React/CoreModulesPlugins.h>
 #import <React/RCTCxxBridgeDelegate.h>
 #import <React/RCTLegacyViewManagerInteropComponentView.h>
 #import <React/RCTSurfacePresenter.h>
-#import <React/RCTSurfacePresenterStub.h>
 #import <React/RCTSurfacePresenterBridgeAdapter.h>
+#import <React/RCTSurfacePresenterStub.h>
 #import <ReactCommon/RCTTurboModuleManager.h>
 #import <react/config/ReactNativeConfig.h>
 #import <react/renderer/runtimescheduler/RuntimeScheduler.h>

package/lib/ios/RNNConvert.h

@@ -7,6 +7,4 @@
 
 + (UIModalTransitionStyle)UIModalTransitionStyle:(id)json;
 
-+ (UIBarStyle)UIBarStyle:(id)json;
-
 @end

package/lib/ios/RNNConvert.m

@@ -32,8 +32,4 @@ RCT_ENUM_CONVERTER(UIModalPresentationStyle, (@{
                    }),
                    UIModalPresentationFullScreen, integerValue)
 
-RCT_ENUM_CONVERTER(UIBarStyle,
-                   (@{@"default" : @(UIBarStyleDefault), @"black" : @(UIBarStyleBlack)}),
-                   UIBarStyleDefault, integerValue)
-
 @end

package/lib/ios/RNNStackPresenter.m

@@ -69,7 +69,7 @@
     stack.interactivePopGestureRecognizer.delegate = _interactivePopGestureDelegate;
 
     [stack
-        setBarStyle:[RNNConvert UIBarStyle:[withDefault.topBar.barStyle withDefault:@"default"]]];
+        setBarStyle:[RCTConvert UIBarStyle:[withDefault.topBar.barStyle withDefault:@"default"]]];
     [stack setRootBackgroundImage:[withDefault.rootBackgroundImage withDefault:nil]];
     [stack setNavigationBarTestId:[withDefault.topBar.testID withDefault:nil]];
     [stack setNavigationBarVisible:[withDefault.topBar.visible withDefault:YES]
@@ -127,7 +127,7 @@
     }
 
     if (mergeOptions.topBar.barStyle.hasValue) {
-        [stack setBarStyle:[RNNConvert UIBarStyle:mergeOptions.topBar.barStyle.get]];
+        [stack setBarStyle:[RCTConvert UIBarStyle:mergeOptions.topBar.barStyle.get]];
     }
 
     if (mergeOptions.topBar.background.clipToBounds.hasValue) {

package/lib/src/adapters/NativeEventsReceiver.ts

@@ -23,14 +23,14 @@ export class NativeEventsReceiver {
   constructor() {
     try {
       this.emitter = new NativeEventEmitter(NativeModules.RNNEventEmitter);
-    } catch {
-      this.emitter = {
+    } catch (e) {
+      this.emitter = ({
         addListener: () => {
           return {
             remove: () => undefined,
           };
         },
-      } as any as NativeEventEmitter;
+      } as any) as NativeEventEmitter;
     }
   }
 

package/lib/src/adapters/TouchablePreview.tsx

@@ -22,8 +22,8 @@ interface GestureResponderEventWithForce extends NativeSyntheticEvent<NativeTouc
 export interface Props {
   children?: React.ReactNode;
   touchableComponent?:
-    | typeof TouchableHighlight
-    | typeof TouchableOpacity
+    | TouchableHighlight
+    | TouchableOpacity
     | TouchableNativeFeedback
     | TouchableWithoutFeedback
     | React.ReactNode;
@@ -121,7 +121,7 @@ export class TouchablePreview extends React.PureComponent<Props> {
     const Touchable =
       Platform.OS === 'ios' && touchableComponent instanceof TouchableNativeFeedback
         ? TouchableWithoutFeedback
-        : (touchableComponent as React.Component);
+        : (touchableComponent as typeof React.Component);
 
     // Wrap component with Touchable for handling platform touches
     // and a single react View for detecting force and timing.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-navigation",
-  "version": "7.45.0",
+  "version": "7.47.0",
   "description": "React Native Navigation - truly native navigation for iOS and Android",
   "license": "MIT",
   "nativePackage": true,
@@ -64,43 +64,40 @@
     "hoist-non-react-statics": "3.x.x",
     "lodash": "4.17.x",
     "prop-types": "15.x.x",
-    "react-lifecycles-compat": "^3.0.4",
+    "react-lifecycles-compat": "2.0.0",
     "tslib": "1.9.3"
   },
   "devDependencies": {
-    "@babel/core": "^7.25.2",
+    "@babel/core": "7.22.9",
     "@babel/plugin-proposal-export-default-from": "7.10.1",
     "@babel/plugin-proposal-export-namespace-from": "7.10.1",
-    "@babel/preset-env": "^7.25.3",
-    "@babel/runtime": "^7.25.0",
-    "@babel/types": "7.25.0",
-    "@react-native-community/cli": "15.0.1",
-    "@react-native-community/cli-platform-android": "15.0.1",
-    "@react-native-community/cli-platform-ios": "15.0.1",
-    "@react-native-community/datetimepicker": "^8.2.0",
-    "@react-native-community/eslint-config": "3.2.0",
-    "@react-native-community/netinfo": "^11.4.1",
-    "@react-native/babel-preset": "0.76.6",
-    "@react-native/eslint-config": "0.76.6",
-    "@react-native/metro-config": "0.76.6",
-    "@react-native/typescript-config": "0.76.6",
+    "@babel/runtime": "7.22.6",
+    "@babel/types": "7.22.5",
+    "@babel/preset-env": "^7.22.9",
+    "@react-native/metro-config": "^0.73.2",
+    "@react-native/babel-preset": "^0.73.18",
+    "@react-native/typescript-config": "^0.73.1",
+    "@react-native-community/blur": "^4.4.1",
+    "@react-native-community/datetimepicker": "^3.4.7",
+    "@react-native-community/eslint-config": "2.0.0",
+    "@react-native-community/netinfo": "^5.9.4",
     "@testing-library/jest-native": "^5.4.2",
-    "@testing-library/react-native": "^13.0.1",
-    "@types/hoist-non-react-statics": "^3.3.6",
+    "@testing-library/react-native": "^12.0.1",
+    "@types/hoist-non-react-statics": "^3.0.1",
     "@types/jasmine": "3.5.10",
     "@types/jest": "27.0.2",
     "@types/lodash": "^4.14.149",
-    "@types/react": "^18.2.6",
-    "@types/react-test-renderer": "^18.0.0",
-    "@typescript-eslint/eslint-plugin": "8.21.0",
-    "@typescript-eslint/parser": "8.21.0",
+    "@types/react": "16.9.41",
+    "@types/react-native": "0.63.1",
+    "@types/react-test-renderer": "16.9.2",
+    "@typescript-eslint/eslint-plugin": "4.33.0",
+    "@typescript-eslint/parser": "4.33.0",
     "babel-jest": "^27.0.0",
     "clang-format": "^1.4.0",
-    "detox": "20.32.0",
+    "detox": "20.19.5",
     "detox-testing-library-rnn-adapter": "^2.0.3",
-    "eslint": "^8.19.0",
+    "eslint": "7.32.0",
     "eslint-config-prettier": "6.11.0",
-    "eslint-formatter-codeframe": "^7.32.1",
     "eslint-plugin-prettier": "3.1.4",
     "github-release-notes": "https://github.com/yogevbd/github-release-notes/tarball/e601b3dba72dcd6cba323c1286ea6dd0c0110b58",
     "husky": "4.2.5",
@@ -110,22 +107,22 @@
     "metro-react-native-babel-preset": "^0.76.2",
     "pixelmatch": "^5.2.1",
     "pngjs": "^6.0.0",
-    "prettier": "2.8.8",
-    "react": "18.3.1",
-    "react-native": "0.76.6",
+    "prettier": "2.1.2",
+    "react": "18.2.0",
+    "react-native": "0.73.3",
     "react-native-fast-image": "^8.6.3",
-    "react-native-gesture-handler": "^2.22.1",
-    "react-native-reanimated": "3.16.7",
+    "react-native-gesture-handler": "2.14.1",
+    "react-native-reanimated": "3.16.1",
     "react-native-ui-lib": "7.3.6",
     "react-redux": "5.x.x",
-    "react-test-renderer": "18.3.1",
+    "react-test-renderer": "18.2.0",
     "redux": "3.x.x",
     "remx": "3.x.x",
     "semver": "5.x.x",
     "shell-utils": "1.x.x",
     "ts-mockito": "^2.3.1",
     "typedoc": "0.x.x",
-    "typescript": "5.0.4"
+    "typescript": "5.5.4"
   },
   "husky": {
     "hooks": {
@@ -171,7 +168,7 @@
       "emulator": {
         "type": "android.emulator",
         "device": {
-          "avdName": "Pixel_3a_API_34"
+          "avdName": "Pixel_API_28"
         }
       }
     },
@@ -191,10 +188,7 @@
         "type": "android.apk",
         "binaryPath": "playground/android/app/build/outputs/apk/debug/app-debug.apk",
         "start": "npm start -- --e2e",
-        "build": "cd playground/android && ./gradlew app:assembleDebug app:assembleAndroidTest -DtestBuildType=debug",
-        "reversePorts": [
-          8081
-        ]
+        "build": "cd playground/android && ./gradlew app:assembleDebug app:assembleAndroidTest -DtestBuildType=debug"
       },
       "android.release": {
         "type": "android.apk",