Merge branch 'main' into scott-removeVacationDelegateBeta

Author: deetergp

Mobile-Expensify

@@ -114,8 +114,8 @@ android {
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
         multiDexEnabled rootProject.ext.multiDexEnabled
-        versionCode 1009020002
-        versionName "9.2.0-2"
+        versionCode 1009020003
+        versionName "9.2.0-3"
         // Supported language variants must be declared here to avoid from being removed during the compilation.
         // This also helps us to not include unnecessary language variants in the APK.
         resConfigs "en", "es"

android/app/build.gradle

@@ -44,7 +44,7 @@
 		</dict>
 	</array>
 	<key>CFBundleVersion</key>
-	<string>9.2.0.2</string>
+	<string>9.2.0.3</string>
 	<key>FullStory</key>
 	<dict>
 		<key>OrgId</key>

ios/NewExpensify/Info.plist

@@ -13,7 +13,7 @@
 	<key>CFBundleShortVersionString</key>
 	<string>9.2.0</string>
 	<key>CFBundleVersion</key>
-	<string>9.2.0.2</string>
+	<string>9.2.0.3</string>
 	<key>NSExtension</key>
 	<dict>
 		<key>NSExtensionPointIdentifier</key>

ios/NotificationServiceExtension/Info.plist

@@ -13,7 +13,7 @@
 	<key>CFBundleShortVersionString</key>
 	<string>9.2.0</string>
 	<key>CFBundleVersion</key>
-	<string>9.2.0.2</string>
+	<string>9.2.0.3</string>
 	<key>NSExtension</key>
 	<dict>
 		<key>NSExtensionAttributes</key>

ios/ShareViewController/Info.plist

@@ -1,6 +1,6 @@
 {
   "name": "new.expensify",
-  "version": "9.2.0-2",
+  "version": "9.2.0-3",
   "author": "Expensify, Inc.",
   "homepage": "https://new.expensify.com",
   "description": "New Expensify is the next generation of Expensify: a reimagination of payments based atop a foundation of chat.",

package-lock.json

@@ -22,3 +22,9 @@
 - E/App issue: https://github.com/Expensify/App/pull/63623
 - PR Introducing Patch:  🛑
 
+### [react-native-reanimated+3.19.1+004+reduce-motion-animation-callbacks.patch](react-native-reanimated+3.19.1+004+reduce-motion-animation-callbacks.patch)
+
+- Reason: The layout animation callbacks were not called when Reduce Motion accessibility setting was enabled on mobile devices (on native apps). This caused the app to be unresponsive after opening a modal.
+- Upstream PR/issue: https://github.com/software-mansion/react-native-reanimated/pull/8142
+- E/App issue: https://github.com/Expensify/App/issues/69190
+- PR Introducing Patch: https://github.com/Expensify/App/pull/69444

package.json

@@ -0,0 +1,33 @@
+diff --git a/node_modules/react-native-reanimated/src/createAnimatedComponent/createAnimatedComponent.tsx b/node_modules/react-native-reanimated/src/createAnimatedComponent/createAnimatedComponent.tsx
+index a2f6cf1..93a37f5 100644
+--- a/node_modules/react-native-reanimated/src/createAnimatedComponent/createAnimatedComponent.tsx
++++ b/node_modules/react-native-reanimated/src/createAnimatedComponent/createAnimatedComponent.tsx
+@@ -503,13 +503,6 @@ export function createAnimatedComponent(
+         return;
+       }
+ 
+-      if (this._isReducedMotion(currentConfig)) {
+-        if (!previousConfig) {
+-          return;
+-        }
+-        currentConfig = undefined;
+-      }
+-
+       updateLayoutAnimations(
+         isFabric() && type === LayoutAnimationType.ENTERING
+           ? this.reanimatedID
+@@ -608,14 +601,6 @@ export function createAnimatedComponent(
+       },
+     });
+ 
+-    _isReducedMotion(config?: LayoutAnimationOrBuilder): boolean {
+-      return config &&
+-        'getReduceMotion' in config &&
+-        typeof config.getReduceMotion === 'function'
+-        ? getReduceMotionFromConfig(config.getReduceMotion())
+-        : getReduceMotionFromConfig();
+-    }
+-
+     // This is a component lifecycle method from React, therefore we are not calling it directly.
+     // It is called before the component gets rerendered. This way we can access components' position before it changed
+     // and later on, in componentDidUpdate, calculate translation for layout transition.

patches/react-native-reanimated/details.md

@@ -1,6 +1,6 @@
 import React, {useMemo} from 'react';
 import {View} from 'react-native';
-import Animated, {Keyframe} from 'react-native-reanimated';
+import Animated, {Keyframe, ReduceMotion} from 'react-native-reanimated';
 import type {BackdropProps} from '@components/Modal/ReanimatedModal/types';
 import {getModalInAnimation, getModalOutAnimation} from '@components/Modal/ReanimatedModal/utils';
 import {PressableWithoutFeedback} from '@components/Pressable';
@@ -26,15 +26,15 @@ function Backdrop({
             return;
         }
         const FadeIn = new Keyframe(getModalInAnimation('fadeIn'));
-        return FadeIn.duration(animationInTiming);
+        return FadeIn.duration(animationInTiming).reduceMotion(ReduceMotion.Never);
     }, [animationInTiming, backdropOpacity]);
 
     const Exiting = useMemo(() => {
         if (!backdropOpacity) {
             return;
         }
         const FadeOut = new Keyframe(getModalOutAnimation('fadeOut'));
-        return FadeOut.duration(animationOutTiming);
+        return FadeOut.duration(animationOutTiming).reduceMotion(ReduceMotion.Never);
     }, [animationOutTiming, backdropOpacity]);
 
     const backdropStyle = useMemo(