create patch to fix easing animation

Author: nkdengineer

patches/react-native-reanimated/details.md

@@ -15,3 +15,10 @@
 - E/App issue: 🛑
 - PR Introducing Patch:  [NR 0.75 upgrade](https://github.com/Expensify/App/pull/45289)
 
+### [react-native-reanimated+3.19.1+001+correctly-handle-Easing.bezier](react-native-reanimated+3.19.1+002+dontWhitelistTextProp.patch)
+
+- Reason: The Easing.bezier animation doesn't work on web
+- Upstream PR/issue: https://github.com/software-mansion/react-native-reanimated/pull/8049
+- E/App issue: https://github.com/Expensify/App/pull/63623
+- PR Introducing Patch:  🛑
+

patches/react-native-reanimated/react-native-reanimated+3.19.1+003+correctly-handle-Easing.bezier.patch

@@ -0,0 +1,62 @@
+diff --git a/node_modules/react-native-reanimated/lib/module/layoutReanimation/web/Easing.web.js b/node_modules/react-native-reanimated/lib/module/layoutReanimation/web/Easing.web.js
+index ed0f9d3..6baf136 100644
+--- a/node_modules/react-native-reanimated/lib/module/layoutReanimation/web/Easing.web.js
++++ b/node_modules/react-native-reanimated/lib/module/layoutReanimation/web/Easing.web.js
+@@ -14,4 +14,18 @@ export const WebEasings = {
+ export function getEasingByName(easingName) {
+   return `cubic-bezier(${WebEasings[easingName].toString()})`;
+ }
+-//# sourceMappingURL=Easing.web.js.map
+\ No newline at end of file
++export function maybeGetBezierEasing(easing) {
++  if (!('factory' in easing)) {
++    return null;
++  }
++  const easingFactory = easing.factory;
++  if (!('__closure' in easingFactory)) {
++    return null;
++  }
++  const closure = easingFactory.__closure;
++  if (!('Bezier' in closure)) {
++    return null;
++  }
++  return `cubic-bezier(${closure.x1}, ${closure.y1}, ${closure.x2}, ${closure.y2})`;
++}
++
+diff --git a/node_modules/react-native-reanimated/lib/module/layoutReanimation/web/componentUtils.js b/node_modules/react-native-reanimated/lib/module/layoutReanimation/web/componentUtils.js
+index 7f724c4..ad53a74 100644
+--- a/node_modules/react-native-reanimated/lib/module/layoutReanimation/web/componentUtils.js
++++ b/node_modules/react-native-reanimated/lib/module/layoutReanimation/web/componentUtils.js
+@@ -10,18 +10,28 @@ import { setElementPosition, snapshots } from "./componentStyle.js";
+ import { Animations, TransitionType } from "./config.js";
+ import { TransitionGenerator } from "./createAnimation.js";
+ import { scheduleAnimationCleanup } from "./domUtils.js";
+-import { getEasingByName, WebEasings } from "./Easing.web.js";
++import {
++  getEasingByName,
++  maybeGetBezierEasing,
++  WebEasings
++} from "./Easing.web.js";
+ import { prepareCurvedTransition } from "./transition/Curved.web.js";
+ function getEasingFromConfig(config) {
+   if (!config.easingV) {
+     return getEasingByName('linear');
+   }
+   const easingName = config.easingV[EasingNameSymbol];
+-  if (!(easingName in WebEasings)) {
+-    logger.warn(`Selected easing is not currently supported on web.`);
++  if (easingName in WebEasings) {
++    return getEasingByName(easingName);
++  }
++  const bezierEasing = maybeGetBezierEasing(config.easingV);
++  if (!bezierEasing) {
++    logger.warn(
++      `Selected easing is not currently supported on web. Using linear easing instead.`
++    );
+     return getEasingByName('linear');
+   }
+-  return getEasingByName(easingName);
++  return bezierEasing;
+ }
+ function getRandomDelay(maxDelay = 1000) {
+   return Math.floor(Math.random() * (maxDelay + 1)) / 1000;

src/CONST/index.ts

@@ -6273,8 +6273,7 @@ const CONST = {
 
     SEARCH: {
         RESULTS_PAGE_SIZE: 50,
-        EXITING_ANIMATION_DURATION: 300,
-        LAYOUT_ANIMATION_DURATION: 375,
+        EXITING_ANIMATION_DURATION: 200,
         DATA_TYPES: {
             EXPENSE: 'expense',
             INVOICE: 'invoice',