From 7d723ae4cd10a228ea967023b318d39342744834 Mon Sep 17 00:00:00 2001
From: Mikhail Karkachov <mikhail.karkachov@gmail.com>
Date: Fri, 7 Jul 2023 21:49:27 +0200
Subject: [PATCH 001/137] 1. Added to marging to compose component. 2. Updated
 styling of messages scrollarea

---
 src/pages/home/report/ReportActionCompose.js | 1 +
 src/pages/home/report/ReportActionsList.js   | 2 +-
 src/styles/styles.js                         | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/pages/home/report/ReportActionCompose.js b/src/pages/home/report/ReportActionCompose.js
index f47f546717dd..e619a6bb7f35 100644
--- a/src/pages/home/report/ReportActionCompose.js
+++ b/src/pages/home/report/ReportActionCompose.js
@@ -960,6 +960,7 @@ class ReportActionCompose extends React.Component {
                             styles.chatItemComposeBox,
                             this.props.isComposerFullSize && styles.chatItemFullComposeBox,
                             hasExceededMaxCommentLength && styles.borderColorDanger,
+                            !shouldShowReportRecipientLocalTime && styles.mt4,
                         ]}
                     >
                         <AttachmentModal
diff --git a/src/pages/home/report/ReportActionsList.js b/src/pages/home/report/ReportActionsList.js
index b0f108ed7d39..37148bba0a31 100644
--- a/src/pages/home/report/ReportActionsList.js
+++ b/src/pages/home/report/ReportActionsList.js
@@ -156,7 +156,7 @@ function ReportActionsList(props) {
                 ref={reportScrollManager.ref}
                 data={props.sortedReportActions}
                 renderItem={renderItem}
-                contentContainerStyle={[styles.chatContentScrollView, shouldShowReportRecipientLocalTime && styles.pt0]}
+                contentContainerStyle={[styles.chatContentScrollView]}
                 keyExtractor={keyExtractor}
                 initialRowHeight={32}
                 initialNumToRender={calculateInitialNumToRender()}
diff --git a/src/styles/styles.js b/src/styles/styles.js
index fc226669696e..84b756dca800 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -1465,7 +1465,7 @@ const styles = {
     chatContentScrollView: {
         flexGrow: 1,
         justifyContent: 'flex-start',
-        paddingVertical: 16,
+        paddingBottom: 16,
     },
 
     // Chat Item

From f9410ffa3f66b7a956143b7361abbaf8eb6174cb Mon Sep 17 00:00:00 2001
From: Mikhail Karkachov <mikhail.karkachov@gmail.com>
Date: Fri, 7 Jul 2023 21:50:39 +0200
Subject: [PATCH 002/137] 1. Added to marging to compose component. 2. Updated
 styling of messages scrollarea

---
 src/pages/home/report/ReportActionsList.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/pages/home/report/ReportActionsList.js b/src/pages/home/report/ReportActionsList.js
index 37148bba0a31..90cd9e1a57dc 100644
--- a/src/pages/home/report/ReportActionsList.js
+++ b/src/pages/home/report/ReportActionsList.js
@@ -148,7 +148,6 @@ function ReportActionsList(props) {
     // Native mobile does not render updates flatlist the changes even though component did update called.
     // To notify there something changes we can use extraData prop to flatlist
     const extraData = [props.isSmallScreenWidth ? props.newMarkerReportActionID : undefined, ReportUtils.isArchivedRoom(props.report)];
-    const shouldShowReportRecipientLocalTime = ReportUtils.canShowReportRecipientLocalTime(props.personalDetailsList, props.report, props.currentUserPersonalDetails.accountID);
     return (
         <Animated.View style={[animatedStyles, styles.flex1]}>
             <InvertedFlatList

From 6783d354b1735fedf3067802306f9f39ce726e34 Mon Sep 17 00:00:00 2001
From: tienifr <christianwen18@gmail.com>
Date: Thu, 20 Jul 2023 17:44:52 +0700
Subject: [PATCH 003/137] fix: cannot paste magic code on mWeb iOS

---
 src/components/MagicCodeInput.js | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/src/components/MagicCodeInput.js b/src/components/MagicCodeInput.js
index 6fd14f34b7f1..97a734fe38d3 100644
--- a/src/components/MagicCodeInput.js
+++ b/src/components/MagicCodeInput.js
@@ -300,11 +300,6 @@ function MagicCodeInput(props) {
         }
     };
 
-    // We need to check the browser because, in iOS Safari, an input in a container with its opacity set to
-    // 0 (completely transparent) cannot handle user interaction, hence the Paste option is never shown.
-    // Alternate styling will be applied based on this condition.
-    const isMobileSafari = Browser.isMobileSafari();
-
     return (
         <>
             <View style={[styles.magicCodeInputContainer]}>
@@ -323,7 +318,7 @@ function MagicCodeInput(props) {
                         >
                             <Text style={[styles.magicCodeInput, styles.textAlignCenter]}>{decomposeString(props.value, props.maxLength)[index] || ''}</Text>
                         </View>
-                        <View style={[StyleSheet.absoluteFillObject, styles.w100, isMobileSafari ? styles.bgTransparent : styles.opacity0]}>
+                        <View style={[StyleSheet.absoluteFillObject, styles.w100, styles.bgTransparent]}>
                             <TextInput
                                 ref={(ref) => (inputRefs.current[index] = ref)}
                                 autoFocus={index === 0 && props.autoFocus && !props.shouldDelayFocus}
@@ -348,8 +343,8 @@ function MagicCodeInput(props) {
                                 onKeyPress={onKeyPress}
                                 onPress={(event) => onPress(event, index)}
                                 onFocus={onFocus}
-                                caretHidden={isMobileSafari}
-                                inputStyle={[isMobileSafari ? styles.magicCodeInputTransparent : undefined]}
+                                caretHidden
+                                inputStyle={[styles.magicCodeInputTransparent]}
                                 accessibilityRole={CONST.ACCESSIBILITY_ROLE.TEXT}
                             />
                         </View>

From 900798417c3563cc833697092625eb1e295d21af Mon Sep 17 00:00:00 2001
From: tienifr <christianwen18@gmail.com>
Date: Fri, 21 Jul 2023 02:56:27 +0700
Subject: [PATCH 004/137] fix double border

---
 src/components/MagicCodeInput.js | 5 ++++-
 src/styles/styles.js             | 1 -
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/MagicCodeInput.js b/src/components/MagicCodeInput.js
index 97a734fe38d3..4164fab27dc5 100644
--- a/src/components/MagicCodeInput.js
+++ b/src/components/MagicCodeInput.js
@@ -300,6 +300,8 @@ function MagicCodeInput(props) {
         }
     };
 
+    const isBrowser = Boolean(Browser.getBrowser());
+
     return (
         <>
             <View style={[styles.magicCodeInputContainer]}>
@@ -344,7 +346,8 @@ function MagicCodeInput(props) {
                                 onPress={(event) => onPress(event, index)}
                                 onFocus={onFocus}
                                 caretHidden
-                                inputStyle={[styles.magicCodeInputTransparent]}
+                                textInputContainerStyles={[styles.borderNone]}
+                                inputStyle={[isBrowser ? styles.magicCodeInputTransparent : undefined]}
                                 accessibilityRole={CONST.ACCESSIBILITY_ROLE.TEXT}
                             />
                         </View>
diff --git a/src/styles/styles.js b/src/styles/styles.js
index b889d0aea49c..b7508ae79523 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -2535,7 +2535,6 @@ const styles = {
 
     magicCodeInputTransparent: {
         color: 'transparent',
-        caretColor: 'transparent',
         WebkitTextFillColor: 'transparent',
         // After setting the input text color to transparent, it acquires the background-color.
         // However, it is not possible to override the background-color directly as explained in this resource: https://developer.mozilla.org/en-US/docs/Web/CSS/:autofill

From 623de6a5cb004a2128846840404a125ae74e6b1e Mon Sep 17 00:00:00 2001
From: tienifr <christianwen18@gmail.com>
Date: Fri, 21 Jul 2023 03:14:04 +0700
Subject: [PATCH 005/137] restore caretColor

---
 src/styles/styles.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/styles/styles.js b/src/styles/styles.js
index b7508ae79523..b889d0aea49c 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -2535,6 +2535,7 @@ const styles = {
 
     magicCodeInputTransparent: {
         color: 'transparent',
+        caretColor: 'transparent',
         WebkitTextFillColor: 'transparent',
         // After setting the input text color to transparent, it acquires the background-color.
         // However, it is not possible to override the background-color directly as explained in this resource: https://developer.mozilla.org/en-US/docs/Web/CSS/:autofill

From 137f9b608788a6d832809395c5c2b5354575b26c Mon Sep 17 00:00:00 2001
From: tienifr <christianwen18@gmail.com>
Date: Fri, 21 Jul 2023 11:30:48 +0700
Subject: [PATCH 006/137] fix dev warnings webkit prop

---
 src/components/MagicCodeInput.js | 2 +-
 src/styles/styles.js             | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/MagicCodeInput.js b/src/components/MagicCodeInput.js
index 4164fab27dc5..180195af9fcc 100644
--- a/src/components/MagicCodeInput.js
+++ b/src/components/MagicCodeInput.js
@@ -347,7 +347,7 @@ function MagicCodeInput(props) {
                                 onFocus={onFocus}
                                 caretHidden
                                 textInputContainerStyles={[styles.borderNone]}
-                                inputStyle={[isBrowser ? styles.magicCodeInputTransparent : undefined]}
+                                inputStyle={[styles.magicCodeInputTransparent, isBrowser ? styles.magicCodeInputTransparentWebKit : undefined]}
                                 accessibilityRole={CONST.ACCESSIBILITY_ROLE.TEXT}
                             />
                         </View>
diff --git a/src/styles/styles.js b/src/styles/styles.js
index b889d0aea49c..f692741545eb 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -2536,6 +2536,9 @@ const styles = {
     magicCodeInputTransparent: {
         color: 'transparent',
         caretColor: 'transparent',
+    },
+
+    magicCodeInputTransparentWebKit: {
         WebkitTextFillColor: 'transparent',
         // After setting the input text color to transparent, it acquires the background-color.
         // However, it is not possible to override the background-color directly as explained in this resource: https://developer.mozilla.org/en-US/docs/Web/CSS/:autofill

From 0e77b18bd9a34379523d51f1f563c9af43f89ee2 Mon Sep 17 00:00:00 2001
From: tienifr <christianwen18@gmail.com>
Date: Fri, 21 Jul 2023 13:11:02 +0700
Subject: [PATCH 007/137] hide caret

---
 src/components/MagicCodeInput.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/MagicCodeInput.js b/src/components/MagicCodeInput.js
index 180195af9fcc..2aa640c206bd 100644
--- a/src/components/MagicCodeInput.js
+++ b/src/components/MagicCodeInput.js
@@ -345,7 +345,7 @@ function MagicCodeInput(props) {
                                 onKeyPress={onKeyPress}
                                 onPress={(event) => onPress(event, index)}
                                 onFocus={onFocus}
-                                caretHidden
+                                selectionColor="transparent"
                                 textInputContainerStyles={[styles.borderNone]}
                                 inputStyle={[styles.magicCodeInputTransparent, isBrowser ? styles.magicCodeInputTransparentWebKit : undefined]}
                                 accessibilityRole={CONST.ACCESSIBILITY_ROLE.TEXT}

From fc7ac21c0263442901119a138de57a4f9ebeeb5a Mon Sep 17 00:00:00 2001
From: tienifr <christianwen18@gmail.com>
Date: Fri, 21 Jul 2023 13:11:30 +0700
Subject: [PATCH 008/137] fix dev warning caretColor

---
 src/styles/styles.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/styles/styles.js b/src/styles/styles.js
index f692741545eb..671ff70e6c53 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -2535,7 +2535,6 @@ const styles = {
 
     magicCodeInputTransparent: {
         color: 'transparent',
-        caretColor: 'transparent',
     },
 
     magicCodeInputTransparentWebKit: {

From b5a35a1c70266d72a35b5a46d522bee574f879d0 Mon Sep 17 00:00:00 2001
From: tienifr <christianwen18@gmail.com>
Date: Fri, 21 Jul 2023 15:56:29 +0700
Subject: [PATCH 009/137] make caret transparent

---
 src/styles/styles.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/styles/styles.js b/src/styles/styles.js
index 671ff70e6c53..cf2b0e76d203 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -2538,6 +2538,7 @@ const styles = {
     },
 
     magicCodeInputTransparentWebKit: {
+        caretColor: 'transparent',
         WebkitTextFillColor: 'transparent',
         // After setting the input text color to transparent, it acquires the background-color.
         // However, it is not possible to override the background-color directly as explained in this resource: https://developer.mozilla.org/en-US/docs/Web/CSS/:autofill

From 53bc97eddbe60fed0703b12497940aeafdaacd13 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lucas=20M=C3=B3rawski?= <lukasz.morawski@callstack.com>
Date: Fri, 21 Jul 2023 18:58:22 +0300
Subject: [PATCH 010/137] ui and first data flow attemps

merchant and date value are taken from the "iou" key-value pair. Clearing this up with Alex.
---
 .../MoneyRequestConfirmationList.js           |  53 +++-
 src/components/MoneyRequestDetails.js         |  28 +-
 src/languages/en.js                           | 120 ++++----
 src/languages/es.js                           | 118 ++++----
 src/libs/actions/IOU.js                       | 285 ++++++++++--------
 .../iou/steps/MoneyRequestConfirmPage.js      |  21 +-
 6 files changed, 355 insertions(+), 270 deletions(-)

diff --git a/src/components/MoneyRequestConfirmationList.js b/src/components/MoneyRequestConfirmationList.js
index b376e02b1095..37e83692f658 100755
--- a/src/components/MoneyRequestConfirmationList.js
+++ b/src/components/MoneyRequestConfirmationList.js
@@ -1,25 +1,28 @@
-import React, {useState, useCallback, useMemo} from 'react';
+import React, { useCallback, useMemo, useReducer, useState } from 'react';
 import PropTypes from 'prop-types';
-import {withOnyx} from 'react-native-onyx';
+import { withOnyx } from 'react-native-onyx';
 import _ from 'underscore';
+import { View } from 'react-native';
 import styles from '../styles/styles';
 import * as OptionsListUtils from '../libs/OptionsListUtils';
 import OptionsSelector from './OptionsSelector';
 import ONYXKEYS from '../ONYXKEYS';
-import withLocalize, {withLocalizePropTypes} from './withLocalize';
-import withWindowDimensions, {windowDimensionsPropTypes} from './withWindowDimensions';
+import withLocalize, { withLocalizePropTypes } from './withLocalize';
+import withWindowDimensions, { windowDimensionsPropTypes } from './withWindowDimensions';
 import compose from '../libs/compose';
 import CONST from '../CONST';
 import ButtonWithDropdownMenu from './ButtonWithDropdownMenu';
 import Log from '../libs/Log';
 import SettlementButton from './SettlementButton';
 import ROUTES from '../ROUTES';
-import withCurrentUserPersonalDetails, {withCurrentUserPersonalDetailsPropTypes, withCurrentUserPersonalDetailsDefaultProps} from './withCurrentUserPersonalDetails';
+import withCurrentUserPersonalDetails, { withCurrentUserPersonalDetailsDefaultProps, withCurrentUserPersonalDetailsPropTypes } from './withCurrentUserPersonalDetails';
 import * as IOUUtils from '../libs/IOUUtils';
 import MenuItemWithTopDescription from './MenuItemWithTopDescription';
 import Navigation from '../libs/Navigation/Navigation';
 import optionPropTypes from './optionPropTypes';
 import * as CurrencyUtils from '../libs/CurrencyUtils';
+import Button from './Button';
+import * as Expensicons from './Icon/Expensicons';
 
 const propTypes = {
     /** Callback to inform parent modal of success */
@@ -82,9 +85,9 @@ const propTypes = {
 };
 
 const defaultProps = {
-    onConfirm: () => {},
-    onSendMoney: () => {},
-    onSelectParticipant: () => {},
+    onConfirm: () => { },
+    onSendMoney: () => { },
+    onSelectParticipant: () => { },
     iouType: CONST.IOU.MONEY_REQUEST_TYPE.REQUEST,
     payeePersonalDetails: null,
     canModifyParticipants: false,
@@ -101,7 +104,10 @@ const defaultProps = {
 function MoneyRequestConfirmationList(props) {
     // Destructure functions from props to pass it as a dependecy to useCallback/useMemo hooks.
     // Prop functions pass props itself as a "this" value to the function which means they change every time props change.
-    const {translate, onSendMoney, onConfirm, onSelectParticipant} = props;
+    const { translate, onSendMoney, onConfirm, onSelectParticipant } = props;
+
+    // A flag and a toggler for showing the rest of the form fields
+    const [showAllFields, toggleShowAllFields] = useReducer((state) => !state, false);
 
     /**
      * Returns the participants with amount
@@ -272,6 +278,7 @@ function MoneyRequestConfirmationList(props) {
             />
         );
     }, [confirm, props.selectedParticipants, props.bankAccountRoute, props.iouCurrencyCode, props.iouType, props.isReadOnly, props.policyID, selectedParticipants, splitOrRequestOptions]);
+    console.log('list', props);
 
     return (
         <OptionsSelector
@@ -307,6 +314,34 @@ function MoneyRequestConfirmationList(props) {
                 style={[styles.moneyRequestMenuItem, styles.mb2]}
                 disabled={didConfirm || props.isReadOnly}
             />
+            <View style={[styles.flexRow, styles.justifyContentBetween, styles.mh3, styles.alignItemsCenter]}>
+                <View style={[styles.shortTermsHorizontalRule, styles.flex1]} />
+                <Button
+                    small
+                    onPress={toggleShowAllFields}
+                    text={showAllFields ? translate('common.showLess') : translate('common.showMore')}
+                    shouldShowRightIcon
+                    iconRight={showAllFields ? Expensicons.UpArrow : Expensicons.DownArrow}
+                    style={styles.mh3}
+                />
+                <View style={[styles.shortTermsHorizontalRule, styles.flex1]} />
+            </View>
+            {showAllFields && (
+                <>
+                    <MenuItemWithTopDescription
+                        title={'2022'}
+                        description="Date"
+                        style={[styles.moneyRequestMenuItem, styles.mb2]}
+                        disabled={didConfirm || props.isReadOnly}
+                    />
+                    <MenuItemWithTopDescription
+                        title={props.iouMerchant}
+                        description="Merchant"
+                        style={[styles.moneyRequestMenuItem, styles.mb2]}
+                        disabled={didConfirm || props.isReadOnly}
+                    />
+                </>
+            )}
         </OptionsSelector>
     );
 }
diff --git a/src/components/MoneyRequestDetails.js b/src/components/MoneyRequestDetails.js
index f8c371aa5a58..cf9d7ddf70aa 100644
--- a/src/components/MoneyRequestDetails.js
+++ b/src/components/MoneyRequestDetails.js
@@ -1,10 +1,10 @@
 import React from 'react';
-import {withOnyx} from 'react-native-onyx';
-import {View} from 'react-native';
+import { withOnyx } from 'react-native-onyx';
+import { View } from 'react-native';
 import PropTypes from 'prop-types';
 import lodashGet from 'lodash/get';
 import iouReportPropTypes from '../pages/iouReportPropTypes';
-import withLocalize, {withLocalizePropTypes} from './withLocalize';
+import withLocalize, { withLocalizePropTypes } from './withLocalize';
 import * as ReportUtils from '../libs/ReportUtils';
 import * as Expensicons from './Icon/Expensicons';
 import Text from './Text';
@@ -74,7 +74,7 @@ const defaultProps = {
 
 function MoneyRequestDetails(props) {
     // These are only used for the single transaction view and not for expense and iou reports
-    const {amount: transactionAmount, currency: transactionCurrency, comment: transactionDescription} = ReportUtils.getMoneyRequestAction(props.parentReportAction);
+    const { amount: transactionAmount, currency: transactionCurrency, comment: transactionDescription } = ReportUtils.getMoneyRequestAction(props.parentReportAction);
     const formattedTransactionAmount = transactionAmount && transactionCurrency && CurrencyUtils.convertToDisplayString(transactionAmount, transactionCurrency);
     const transactionDate = lodashGet(props.parentReportAction, ['created']);
     const formattedTransactionDate = DateUtils.getDateStringFromISOTimestamp(transactionDate);
@@ -92,14 +92,14 @@ function MoneyRequestDetails(props) {
     const shouldShowSettlementButton = !isSettled && !props.isSingleTransactionView && isPayer;
     const bankAccountRoute = ReportUtils.getBankAccountRoute(props.chatReport);
     const shouldShowPaypal = Boolean(lodashGet(props.personalDetails, [moneyRequestReport.ownerAccountID, 'payPalMeAddress']));
-    const {addWorkspaceRoomOrChatPendingAction, addWorkspaceRoomOrChatErrors} = ReportUtils.getReportOfflinePendingActionAndErrors(props.report);
+    const { addWorkspaceRoomOrChatPendingAction, addWorkspaceRoomOrChatErrors } = ReportUtils.getReportOfflinePendingActionAndErrors(props.report);
     return (
         <OfflineWithFeedback
             pendingAction={addWorkspaceRoomOrChatPendingAction}
             errors={addWorkspaceRoomOrChatErrors}
             shouldShowErrorMessages={false}
         >
-            <View style={[{backgroundColor: themeColors.highlightBG}, styles.pl0]}>
+            <View style={[{ backgroundColor: themeColors.highlightBG }, styles.pl0]}>
                 <View style={[styles.ph5, styles.pb2]}>
                     <Text style={[styles.textLabelSupporting, styles.lh16]}>{props.translate('common.to')}</Text>
                     <View style={[styles.flexRow, styles.alignItemsCenter, styles.justifyContentBetween, styles.pv3]}>
@@ -177,22 +177,22 @@ function MoneyRequestDetails(props) {
                             description={`${props.translate('iou.amount')} • ${props.translate('iou.cash')}${isSettled ? ` • ${props.translate('iou.settledExpensify')}` : ''}`}
                             titleStyle={styles.newKansasLarge}
                             disabled={isSettled}
-                            // Note: These options are temporarily disabled while we figure out the required API changes
-                            // shouldShowRightIcon={!isSettled}
-                            // onPress={() => Navigation.navigate(ROUTES.getEditRequestRoute(props.report.reportID, CONST.EDIT_REQUEST_FIELD.AMOUNT))}
+                        // Note: These options are temporarily disabled while we figure out the required API changes
+                        // shouldShowRightIcon={!isSettled}
+                        // onPress={() => Navigation.navigate(ROUTES.getEditRequestRoute(props.report.reportID, CONST.EDIT_REQUEST_FIELD.AMOUNT))}
                         />
                         <MenuItemWithTopDescription
                             description={props.translate('common.description')}
                             title={transactionDescription}
                             disabled={isSettled}
-                            // shouldShowRightIcon={!isSettled}
-                            // onPress={() => Navigation.navigate(ROUTES.getEditRequestRoute(props.report.reportID, CONST.EDIT_REQUEST_FIELD.DESCRIPTION))}
+                        // shouldShowRightIcon={!isSettled}
+                        // onPress={() => Navigation.navigate(ROUTES.getEditRequestRoute(props.report.reportID, CONST.EDIT_REQUEST_FIELD.DESCRIPTION))}
                         />
                         <MenuItemWithTopDescription
                             description={props.translate('common.date')}
                             title={formattedTransactionDate}
-                            // shouldShowRightIcon={!isSettled}
-                            // onPress={() => Navigation.navigate(ROUTES.getEditRequestRoute(props.report.reportID, CONST.EDIT_REQUEST_FIELD.DATE))}
+                        // shouldShowRightIcon={!isSettled}
+                        // onPress={() => Navigation.navigate(ROUTES.getEditRequestRoute(props.report.reportID, CONST.EDIT_REQUEST_FIELD.DATE))}
                         />
                     </>
                 )}
@@ -210,7 +210,7 @@ export default compose(
     withLocalize,
     withOnyx({
         chatReport: {
-            key: ({report}) => `${ONYXKEYS.COLLECTION.REPORT}${report.chatReportID}`,
+            key: ({ report }) => `${ONYXKEYS.COLLECTION.REPORT}${report.chatReportID}`,
         },
         session: {
             key: ONYXKEYS.SESSION,
diff --git a/src/languages/en.js b/src/languages/en.js
index 4cf79bbcd097..85c82538cb45 100755
--- a/src/languages/en.js
+++ b/src/languages/en.js
@@ -1,4 +1,4 @@
-import {CONST as COMMON_CONST} from 'expensify-common/lib/CONST';
+import { CONST as COMMON_CONST } from 'expensify-common/lib/CONST';
 import CONST from '../CONST';
 import * as ReportActionsUtils from '../libs/ReportActionsUtils';
 
@@ -72,7 +72,7 @@ export default {
         currentMonth: 'Current month',
         ssnLast4: 'Last 4 digits of SSN',
         ssnFull9: 'Full 9 digits of SSN',
-        addressLine: ({lineNumber}) => `Address line ${lineNumber}`,
+        addressLine: ({ lineNumber }) => `Address line ${lineNumber}`,
         personalAddress: 'Personal address',
         companyAddress: 'Company address',
         noPO: 'PO boxes and mail drop addresses are not allowed',
@@ -103,7 +103,7 @@ export default {
             acceptTerms: 'You must accept the Terms of Service to continue',
             phoneNumber: `Please enter a valid phone number, with the country code (e.g. ${CONST.EXAMPLE_PHONE_NUMBER})`,
             fieldRequired: 'This field is required.',
-            characterLimit: ({limit}) => `Exceeds the maximum length of ${limit} characters`,
+            characterLimit: ({ limit }) => `Exceeds the maximum length of ${limit} characters`,
             dateInvalid: 'Please select a valid date',
             invalidCharacter: 'Invalid character',
         },
@@ -133,14 +133,14 @@ export default {
         youAfterPreposition: 'you',
         your: 'your',
         conciergeHelp: 'Please reach out to Concierge for help.',
-        maxParticipantsReached: ({count}) => `You've selected the maximum number (${count}) of participants.`,
+        maxParticipantsReached: ({ count }) => `You've selected the maximum number (${count}) of participants.`,
         youAppearToBeOffline: 'You appear to be offline.',
         thisFeatureRequiresInternet: 'This feature requires an active internet connection to be used.',
         areYouSure: 'Are you sure?',
         verify: 'Verify',
         yesContinue: 'Yes, continue',
         websiteExample: 'e.g. https://www.expensify.com',
-        zipCodeExampleFormat: ({zipSampleFormat}) => (zipSampleFormat ? `e.g. ${zipSampleFormat}` : ''),
+        zipCodeExampleFormat: ({ zipSampleFormat }) => (zipSampleFormat ? `e.g. ${zipSampleFormat}` : ''),
         description: 'Description',
         with: 'with',
         shareCode: 'Share code',
@@ -152,6 +152,8 @@ export default {
         someone: 'Someone',
         total: 'Total',
         edit: 'Edit',
+        showMore: 'Show more',
+        showLess: 'Show less',
     },
     anonymousReportFooter: {
         logoTagline: 'Join in on the discussion.',
@@ -232,8 +234,8 @@ export default {
         phrase2: "Money talks. And now that chat and payments are in one place, it's also easy.",
         phrase3: 'Your payments get to you as fast as you can get your point across.',
         enterPassword: 'Please enter your password',
-        newFaceEnterMagicCode: ({login}) => `It's always great to see a new face around here! Please enter the magic code sent to ${login}. It should arrive within a minute or two.`,
-        welcomeEnterMagicCode: ({login}) => `Please enter the magic code sent to ${login}. It should arrive within a minute or two.`,
+        newFaceEnterMagicCode: ({ login }) => `It's always great to see a new face around here! Please enter the magic code sent to ${login}. It should arrive within a minute or two.`,
+        welcomeEnterMagicCode: ({ login }) => `Please enter the magic code sent to ${login}. It should arrive within a minute or two.`,
     },
     login: {
         hero: {
@@ -242,8 +244,8 @@ export default {
         },
     },
     thirdPartySignIn: {
-        alreadySignedIn: ({email}) => `You are already signed in as ${email}.`,
-        goBackMessage: ({provider}) => `Don't want to sign in with ${provider}?`,
+        alreadySignedIn: ({ email }) => `You are already signed in as ${email}.`,
+        goBackMessage: ({ provider }) => `Don't want to sign in with ${provider}?`,
         continueWithMyCurrentSession: 'Continue with my current session',
         redirectToDesktopMessage: "We'll redirect you to the desktop app once you finish signing in.",
         signInAgreementMessage: 'By logging in, you agree to the',
@@ -268,7 +270,7 @@ export default {
         ],
         blockedFromConcierge: 'Communication is barred',
         fileUploadFailed: 'Upload failed. File is not supported.',
-        localTime: ({user, time}) => `It's ${time} for ${user}`,
+        localTime: ({ user, time }) => `It's ${time} for ${user}`,
         edited: '(edited)',
         emoji: 'Emoji',
         collapse: 'Collapse',
@@ -283,8 +285,8 @@ export default {
         markAsUnread: 'Mark as unread',
         markAsRead: 'Mark as read',
         editComment: 'Edit comment',
-        deleteAction: ({action}) => `Delete ${ReportActionsUtils.isMoneyRequestAction(action) ? 'request' : 'comment'}`,
-        deleteConfirmation: ({action}) => `Are you sure you want to delete this ${ReportActionsUtils.isMoneyRequestAction(action) ? 'request' : 'comment'}?`,
+        deleteAction: ({ action }) => `Delete ${ReportActionsUtils.isMoneyRequestAction(action) ? 'request' : 'comment'}`,
+        deleteConfirmation: ({ action }) => `Are you sure you want to delete this ${ReportActionsUtils.isMoneyRequestAction(action) ? 'request' : 'comment'}?`,
         onlyVisible: 'Only visible to',
         replyInThread: 'Reply in thread',
         flagAsOffensive: 'Flag as offensive',
@@ -296,12 +298,12 @@ export default {
     reportActionsView: {
         beginningOfArchivedRoomPartOne: 'You missed the party in ',
         beginningOfArchivedRoomPartTwo: ", there's nothing to see here.",
-        beginningOfChatHistoryDomainRoomPartOne: ({domainRoom}) => `Collaboration with everyone at ${domainRoom} starts here! 🎉\nUse `,
+        beginningOfChatHistoryDomainRoomPartOne: ({ domainRoom }) => `Collaboration with everyone at ${domainRoom} starts here! 🎉\nUse `,
         beginningOfChatHistoryDomainRoomPartTwo: ' to chat with colleagues, share tips, and ask questions.',
-        beginningOfChatHistoryAdminRoomPartOne: ({workspaceName}) => `Collaboration among ${workspaceName} admins starts here! 🎉\nUse `,
+        beginningOfChatHistoryAdminRoomPartOne: ({ workspaceName }) => `Collaboration among ${workspaceName} admins starts here! 🎉\nUse `,
         beginningOfChatHistoryAdminRoomPartTwo: ' to chat about topics such as workspace configurations and more.',
-        beginningOfChatHistoryAnnounceRoomPartOne: ({workspaceName}) => `Collaboration between all ${workspaceName} members starts here! 🎉\nUse `,
-        beginningOfChatHistoryAnnounceRoomPartTwo: ({workspaceName}) => ` to chat about anything ${workspaceName} related.`,
+        beginningOfChatHistoryAnnounceRoomPartOne: ({ workspaceName }) => `Collaboration between all ${workspaceName} members starts here! 🎉\nUse `,
+        beginningOfChatHistoryAnnounceRoomPartTwo: ({ workspaceName }) => ` to chat about anything ${workspaceName} related.`,
         beginningOfChatHistoryUserRoomPartOne: 'Collaboration starts here! 🎉\nUse this space to chat about anything ',
         beginningOfChatHistoryUserRoomPartTwo: ' related.',
         beginningOfChatHistory: 'This is the beginning of your chat with ',
@@ -326,12 +328,12 @@ export default {
     },
     reportArchiveReasons: {
         [CONST.REPORT.ARCHIVE_REASON.DEFAULT]: 'This chat room has been archived.',
-        [CONST.REPORT.ARCHIVE_REASON.ACCOUNT_CLOSED]: ({displayName}) => `This workspace chat is no longer active because ${displayName} closed their account.`,
-        [CONST.REPORT.ARCHIVE_REASON.ACCOUNT_MERGED]: ({displayName, oldDisplayName}) =>
+        [CONST.REPORT.ARCHIVE_REASON.ACCOUNT_CLOSED]: ({ displayName }) => `This workspace chat is no longer active because ${displayName} closed their account.`,
+        [CONST.REPORT.ARCHIVE_REASON.ACCOUNT_MERGED]: ({ displayName, oldDisplayName }) =>
             `This workspace chat is no longer active because ${oldDisplayName} has merged their account with ${displayName}.`,
-        [CONST.REPORT.ARCHIVE_REASON.REMOVED_FROM_POLICY]: ({displayName, policyName}) =>
+        [CONST.REPORT.ARCHIVE_REASON.REMOVED_FROM_POLICY]: ({ displayName, policyName }) =>
             `This workspace chat is no longer active because ${displayName} is no longer a member of the ${policyName} workspace.`,
-        [CONST.REPORT.ARCHIVE_REASON.POLICY_DELETED]: ({policyName}) => `This workspace chat is no longer active because ${policyName} is no longer an active workspace.`,
+        [CONST.REPORT.ARCHIVE_REASON.POLICY_DELETED]: ({ policyName }) => `This workspace chat is no longer active because ${policyName} is no longer an active workspace.`,
     },
     writeCapabilityPage: {
         label: 'Who can post',
@@ -366,24 +368,24 @@ export default {
         settledExpensify: 'Paid',
         settledElsewhere: 'Paid elsewhere',
         settledPaypalMe: 'Paid using Paypal.me',
-        settleExpensify: ({formattedAmount}) => `Pay ${formattedAmount} with Expensify`,
+        settleExpensify: ({ formattedAmount }) => `Pay ${formattedAmount} with Expensify`,
         payElsewhere: 'Pay elsewhere',
-        settlePaypalMe: ({formattedAmount}) => `Pay ${formattedAmount} with PayPal.me`,
-        requestAmount: ({amount}) => `request ${amount}`,
-        splitAmount: ({amount}) => `split ${amount}`,
-        amountEach: ({amount}) => `${amount} each`,
-        payerOwesAmount: ({payer, amount}) => `${payer} owes ${amount}`,
-        payerOwes: ({payer}) => `${payer} owes: `,
-        payerPaidAmount: ({payer, amount}) => `${payer} paid ${amount}`,
-        payerPaid: ({payer}) => `${payer} paid: `,
-        payerSettled: ({amount}) => `paid ${amount}`,
-        paidElsewhereWithAmount: ({amount}) => `paid ${amount} elsewhere`,
-        paidUsingPaypalWithAmount: ({amount}) => `paid ${amount} using Paypal.me`,
-        paidUsingExpensifyWithAmount: ({amount}) => `paid ${amount} using Expensify`,
+        settlePaypalMe: ({ formattedAmount }) => `Pay ${formattedAmount} with PayPal.me`,
+        requestAmount: ({ amount }) => `request ${amount}`,
+        splitAmount: ({ amount }) => `split ${amount}`,
+        amountEach: ({ amount }) => `${amount} each`,
+        payerOwesAmount: ({ payer, amount }) => `${payer} owes ${amount}`,
+        payerOwes: ({ payer }) => `${payer} owes: `,
+        payerPaidAmount: ({ payer, amount }) => `${payer} paid ${amount}`,
+        payerPaid: ({ payer }) => `${payer} paid: `,
+        payerSettled: ({ amount }) => `paid ${amount}`,
+        paidElsewhereWithAmount: ({ amount }) => `paid ${amount} elsewhere`,
+        paidUsingPaypalWithAmount: ({ amount }) => `paid ${amount} using Paypal.me`,
+        paidUsingExpensifyWithAmount: ({ amount }) => `paid ${amount} using Expensify`,
         noReimbursableExpenses: 'This report has an invalid amount',
         pendingConversionMessage: "Total will update when you're back online",
-        threadRequestReportName: ({formattedAmount, comment}) => `${formattedAmount} request${comment ? ` for ${comment}` : ''}`,
-        threadSentMoneyReportName: ({formattedAmount, comment}) => `${formattedAmount} sent${comment ? ` for ${comment}` : ''}`,
+        threadRequestReportName: ({ formattedAmount, comment }) => `${formattedAmount} request${comment ? ` for ${comment}` : ''}`,
+        threadSentMoneyReportName: ({ formattedAmount, comment }) => `${formattedAmount} sent${comment ? ` for ${comment}` : ''}`,
         error: {
             invalidSplit: 'Split amounts do not equal total amount',
             other: 'Unexpected error, please try again later',
@@ -410,10 +412,10 @@ export default {
         editImage: 'Edit photo',
         imageUploadFailed: 'Image upload failed',
         deleteWorkspaceError: 'Sorry, there was an unexpected problem deleting your workspace avatar.',
-        sizeExceeded: ({maxUploadSizeInMB}) => `The selected image exceeds the maximum upload size of ${maxUploadSizeInMB}MB.`,
-        resolutionConstraints: ({minHeightInPx, minWidthInPx, maxHeightInPx, maxWidthInPx}) =>
+        sizeExceeded: ({ maxUploadSizeInMB }) => `The selected image exceeds the maximum upload size of ${maxUploadSizeInMB}MB.`,
+        resolutionConstraints: ({ minHeightInPx, minWidthInPx, maxHeightInPx, maxWidthInPx }) =>
             `Please upload an image larger than ${minHeightInPx}x${minWidthInPx} pixels and smaller than ${maxHeightInPx}x${maxWidthInPx} pixels.`,
-        notAllowedExtension: ({allowedExtensions}) => `Profile picture must be one of the following types: ${allowedExtensions.join(', ')}.`,
+        notAllowedExtension: ({ allowedExtensions }) => `Profile picture must be one of the following types: ${allowedExtensions.join(', ')}.`,
     },
     profilePage: {
         profile: 'Profile',
@@ -449,7 +451,7 @@ export default {
         helpTextAfterEmail: ' from multiple email addresses.',
         pleaseVerify: 'Please verify this contact method',
         getInTouch: "Whenever we need to get in touch with you, we'll use this contact method.",
-        enterMagicCode: ({contactMethod}) => `Please enter the magic code sent to ${contactMethod}`,
+        enterMagicCode: ({ contactMethod }) => `Please enter the magic code sent to ${contactMethod}`,
         setAsDefault: 'Set as default',
         yourDefaultContactMethod:
             'This is your current default contact method. You will not be able to delete this contact method until you set an alternative default by selecting another contact method and pressing “Set as default”.',
@@ -640,9 +642,9 @@ export default {
         addBankAccountFailure: 'An unexpected error occurred while trying to add your bank account. Please try again.',
     },
     transferAmountPage: {
-        transfer: ({amount}) => `Transfer${amount ? ` ${amount}` : ''}`,
+        transfer: ({ amount }) => `Transfer${amount ? ` ${amount}` : ''}`,
         instant: 'Instant (Debit card)',
-        instantSummary: ({rate, minAmount}) => `${rate}% fee (${minAmount} minimum)`,
+        instantSummary: ({ rate, minAmount }) => `${rate}% fee (${minAmount} minimum)`,
         ach: '1-3 Business days (Bank account)',
         achSummary: 'No fee',
         whichAccount: 'Which account?',
@@ -773,7 +775,7 @@ export default {
         },
         cannotGetAccountDetails: "Couldn't retrieve account details, please try to sign in again.",
         loginForm: 'Login form',
-        notYou: ({user}) => `Not ${user}?`,
+        notYou: ({ user }) => `Not ${user}?`,
     },
     personalDetails: {
         error: {
@@ -789,27 +791,27 @@ export default {
         legalLastName: 'Legal last name',
         homeAddress: 'Home address',
         error: {
-            dateShouldBeBefore: ({dateString}) => `Date should be before ${dateString}.`,
-            dateShouldBeAfter: ({dateString}) => `Date should be after ${dateString}.`,
+            dateShouldBeBefore: ({ dateString }) => `Date should be before ${dateString}.`,
+            dateShouldBeAfter: ({ dateString }) => `Date should be after ${dateString}.`,
             hasInvalidCharacter: 'Name can only include latin letters and numbers.',
-            incorrectZipFormat: ({zipFormat}) => `Incorrect zip code format.${zipFormat ? ` Acceptable format: ${zipFormat}` : ''}`,
+            incorrectZipFormat: ({ zipFormat }) => `Incorrect zip code format.${zipFormat ? ` Acceptable format: ${zipFormat}` : ''}`,
         },
     },
     resendValidationForm: {
         linkHasBeenResent: 'Link has been re-sent',
-        weSentYouMagicSignInLink: ({login, loginType}) => `I've sent a magic sign-in link to ${login}. Please check your ${loginType} to sign in.`,
+        weSentYouMagicSignInLink: ({ login, loginType }) => `I've sent a magic sign-in link to ${login}. Please check your ${loginType} to sign in.`,
         resendLink: 'Resend link',
     },
     unlinkLoginForm: {
-        toValidateLogin: ({primaryLogin, secondaryLogin}) => `To validate ${secondaryLogin}, please resend the magic code from the Account Settings of ${primaryLogin}.`,
-        noLongerHaveAccess: ({primaryLogin}) => `If you no longer have access to ${primaryLogin}, please unlink your accounts.`,
+        toValidateLogin: ({ primaryLogin, secondaryLogin }) => `To validate ${secondaryLogin}, please resend the magic code from the Account Settings of ${primaryLogin}.`,
+        noLongerHaveAccess: ({ primaryLogin }) => `If you no longer have access to ${primaryLogin}, please unlink your accounts.`,
         unlink: 'Unlink',
         linkSent: 'Link sent!',
         succesfullyUnlinkedLogin: 'Secondary login successfully unlinked!',
     },
     emailDeliveryFailurePage: {
-        ourEmailProvider: ({login}) => `Our email provider has temporarily suspended emails to ${login} due to delivery issues. To unblock your login, please follow these steps:`,
-        confirmThat: ({login}) => `Confirm that ${login} is spelled correctly and is a real, deliverable email address. `,
+        ourEmailProvider: ({ login }) => `Our email provider has temporarily suspended emails to ${login} due to delivery issues. To unblock your login, please follow these steps:`,
+        confirmThat: ({ login }) => `Confirm that ${login} is spelled correctly and is a real, deliverable email address. `,
         emailAliases: 'Email aliases such as "expenses@domain.com" must have access to their own email inbox for it to be a valid Expensify login.',
         ensureYourEmailClient: 'Ensure your email client allows expensify.com emails. ',
         youCanFindDirections: 'You can find directions on how to complete this step ',
@@ -845,7 +847,7 @@ export default {
         setPasswordLinkInvalid: 'This set password link is invalid or has expired. A new one is waiting for you in your email inbox!',
         validateAccount: 'Verify account',
     },
-    stepCounter: ({step, total, text}) => {
+    stepCounter: ({ step, total, text }) => {
         let result = `Step ${step}`;
 
         if (total) {
@@ -1132,7 +1134,7 @@ export default {
             unavailable: 'Unavailable workspace',
             memberNotFound: 'Member not found. To invite a new member to the workspace, please use the Invite button above.',
             notAuthorized: `You do not have access to this page. Are you trying to join the workspace? Please reach out to the owner of this workspace so they can add you as a member! Something else? Reach out to ${CONST.EMAIL.CONCIERGE}`,
-            goToRoom: ({roomName}) => `Go to ${roomName} room`,
+            goToRoom: ({ roomName }) => `Go to ${roomName} room`,
         },
         emptyWorkspace: {
             title: 'Create a new workspace',
@@ -1224,7 +1226,7 @@ export default {
             personalMessagePrompt: 'Message',
             genericFailureMessage: 'An error occurred inviting the user to the workspace, please try again.',
             inviteNoMembersError: 'Please select at least one member to invite',
-            welcomeNote: ({workspaceName}) =>
+            welcomeNote: ({ workspaceName }) =>
                 `You have been invited to ${workspaceName || 'a workspace'}! Download the Expensify mobile app at use.expensify.com/download to start tracking your expenses.`,
         },
         editor: {
@@ -1300,12 +1302,12 @@ export default {
         public_announceDescription: 'Anyone can find this room',
         createRoom: 'Create room',
         roomAlreadyExistsError: 'A room with this name already exists',
-        roomNameReservedError: ({reservedName}) => `${reservedName} is a default room on all workspaces. Please choose another name.`,
+        roomNameReservedError: ({ reservedName }) => `${reservedName} is a default room on all workspaces. Please choose another name.`,
         roomNameInvalidError: 'Room names can only include lowercase letters, numbers and hyphens',
         pleaseEnterRoomName: 'Please enter a room name',
         pleaseSelectWorkspace: 'Please select a workspace',
-        renamedRoomAction: ({oldName, newName}) => ` renamed this room from ${oldName} to ${newName}`,
-        roomRenamedTo: ({newName}) => `Room renamed to ${newName}`,
+        renamedRoomAction: ({ oldName, newName }) => ` renamed this room from ${oldName} to ${newName}`,
+        roomRenamedTo: ({ newName }) => `Room renamed to ${newName}`,
         social: 'social',
         selectAWorkspace: 'Select a workspace',
         growlMessageOnRenameError: 'Unable to rename policy room, please check your connection and try again.',
@@ -1455,8 +1457,8 @@ export default {
         noActivityYet: 'No activity yet',
     },
     chronos: {
-        oooEventSummaryFullDay: ({summary, dayCount, date}) => `${summary} for ${dayCount} ${dayCount === 1 ? 'day' : 'days'} until ${date}`,
-        oooEventSummaryPartialDay: ({summary, timePeriod, date}) => `${summary} from ${timePeriod} on ${date}`,
+        oooEventSummaryFullDay: ({ summary, dayCount, date }) => `${summary} for ${dayCount} ${dayCount === 1 ? 'day' : 'days'} until ${date}`,
+        oooEventSummaryPartialDay: ({ summary, timePeriod, date }) => `${summary} from ${timePeriod} on ${date}`,
     },
     footer: {
         features: 'Features',
@@ -1509,7 +1511,7 @@ export default {
     threads: {
         replies: 'Replies',
         reply: 'Reply',
-        parentNavigationSummary: ({rootReportName, workspaceName}) => `From ${rootReportName}${workspaceName ? ` in ${workspaceName}` : ''}`,
+        parentNavigationSummary: ({ rootReportName, workspaceName }) => `From ${rootReportName}${workspaceName ? ` in ${workspaceName}` : ''}`,
     },
     qrCodes: {
         copyUrlToClipboard: 'Copy URL to clipboard',
diff --git a/src/languages/es.js b/src/languages/es.js
index 27fde8e602ad..ee2984e8f8d5 100644
--- a/src/languages/es.js
+++ b/src/languages/es.js
@@ -71,7 +71,7 @@ export default {
         currentMonth: 'Mes actual',
         ssnLast4: 'Últimos 4 dígitos de su SSN',
         ssnFull9: 'Los 9 dígitos del SSN',
-        addressLine: ({lineNumber}) => `Dirección línea ${lineNumber}`,
+        addressLine: ({ lineNumber }) => `Dirección línea ${lineNumber}`,
         personalAddress: 'Dirección física personal',
         companyAddress: 'Dirección física de la empresa',
         noPO: 'No se aceptan apartados ni direcciones postales',
@@ -102,7 +102,7 @@ export default {
             acceptTerms: 'Debes aceptar los Términos de Servicio para continuar',
             phoneNumber: `Introduce un teléfono válido, incluyendo el código del país (p. ej. ${CONST.EXAMPLE_PHONE_NUMBER})`,
             fieldRequired: 'Este campo es obligatorio.',
-            characterLimit: ({limit}) => `Supera el límite de ${limit} caracteres`,
+            characterLimit: ({ limit }) => `Supera el límite de ${limit} caracteres`,
             dateInvalid: 'Por favor, selecciona una fecha válida',
             invalidCharacter: 'Carácter invalido',
         },
@@ -132,14 +132,14 @@ export default {
         youAfterPreposition: 'ti',
         your: 'tu',
         conciergeHelp: 'Por favor, contacta con Concierge para obtener ayuda.',
-        maxParticipantsReached: ({count}) => `Has seleccionado el número máximo (${count}) de participantes.`,
+        maxParticipantsReached: ({ count }) => `Has seleccionado el número máximo (${count}) de participantes.`,
         youAppearToBeOffline: 'Parece que estás desconectado.',
         thisFeatureRequiresInternet: 'Esta función requiere una conexión a Internet activa para ser utilizada.',
         areYouSure: '¿Estás seguro?',
         verify: 'Verifique',
         yesContinue: 'Sí, Continuar',
         websiteExample: 'p. ej. https://www.expensify.com',
-        zipCodeExampleFormat: ({zipSampleFormat}) => (zipSampleFormat ? `p. ej. ${zipSampleFormat}` : ''),
+        zipCodeExampleFormat: ({ zipSampleFormat }) => (zipSampleFormat ? `p. ej. ${zipSampleFormat}` : ''),
         description: 'Descripción',
         with: 'con',
         shareCode: 'Compartir código',
@@ -151,6 +151,8 @@ export default {
         someone: 'Alguien',
         total: 'Total',
         edit: 'Editar',
+        showMore: 'Mostrar más',
+        showLess: 'Mostrar menos',
     },
     anonymousReportFooter: {
         logoTagline: 'Únete a la discussion.',
@@ -231,8 +233,8 @@ export default {
         phrase2: 'El dinero habla. Y ahora que chat y pagos están en un mismo lugar, es también fácil.',
         phrase3: 'Tus pagos llegan tan rápido como tus mensajes.',
         enterPassword: 'Por favor, introduce tu contraseña',
-        newFaceEnterMagicCode: ({login}) => `¡Siempre es genial ver una cara nueva por aquí! Por favor ingresa el código mágico enviado a ${login}. Debería llegar en un par de minutos.`,
-        welcomeEnterMagicCode: ({login}) => `Por favor, introduce el código mágico enviado a ${login}. Debería llegar en un par de minutos.`,
+        newFaceEnterMagicCode: ({ login }) => `¡Siempre es genial ver una cara nueva por aquí! Por favor ingresa el código mágico enviado a ${login}. Debería llegar en un par de minutos.`,
+        welcomeEnterMagicCode: ({ login }) => `Por favor, introduce el código mágico enviado a ${login}. Debería llegar en un par de minutos.`,
     },
     login: {
         hero: {
@@ -241,8 +243,8 @@ export default {
         },
     },
     thirdPartySignIn: {
-        alreadySignedIn: ({email}) => `Ya has iniciado sesión con ${email}.`,
-        goBackMessage: ({provider}) => `No quieres iniciar sesión con ${provider}?`,
+        alreadySignedIn: ({ email }) => `Ya has iniciado sesión con ${email}.`,
+        goBackMessage: ({ provider }) => `No quieres iniciar sesión con ${provider}?`,
         continueWithMyCurrentSession: 'Continuar con mi sesión actual',
         redirectToDesktopMessage: 'Lo redirigiremos a la aplicación de escritorio una vez que termine de iniciar sesión.',
         signInAgreementMessage: 'Al iniciar sesión, aceptas las',
@@ -267,7 +269,7 @@ export default {
         ],
         blockedFromConcierge: 'Comunicación no permitida',
         fileUploadFailed: 'Subida fallida. El archivo no es compatible.',
-        localTime: ({user, time}) => `Son las ${time} para ${user}`,
+        localTime: ({ user, time }) => `Son las ${time} para ${user}`,
         edited: '(editado)',
         emoji: 'Emoji',
         collapse: 'Colapsar',
@@ -282,8 +284,8 @@ export default {
         markAsUnread: 'Marcar como no leído',
         markAsRead: 'Marcar como leído',
         editComment: 'Editar comentario',
-        deleteAction: ({action}) => `Eliminar ${ReportActionsUtils.isMoneyRequestAction(action) ? 'pedido' : 'comentario'}`,
-        deleteConfirmation: ({action}) => `¿Estás seguro de que quieres eliminar este ${ReportActionsUtils.isMoneyRequestAction(action) ? 'pedido' : 'comentario'}`,
+        deleteAction: ({ action }) => `Eliminar ${ReportActionsUtils.isMoneyRequestAction(action) ? 'pedido' : 'comentario'}`,
+        deleteConfirmation: ({ action }) => `¿Estás seguro de que quieres eliminar este ${ReportActionsUtils.isMoneyRequestAction(action) ? 'pedido' : 'comentario'}`,
         onlyVisible: 'Visible sólo para',
         replyInThread: 'Responder en el hilo',
         flagAsOffensive: 'Marcar como ofensivo',
@@ -295,12 +297,12 @@ export default {
     reportActionsView: {
         beginningOfArchivedRoomPartOne: 'Te perdiste la fiesta en ',
         beginningOfArchivedRoomPartTwo: ', no hay nada que ver aquí.',
-        beginningOfChatHistoryDomainRoomPartOne: ({domainRoom}) => `Colabora aquí con todos los participantes de ${domainRoom}! 🎉\nUtiliza `,
+        beginningOfChatHistoryDomainRoomPartOne: ({ domainRoom }) => `Colabora aquí con todos los participantes de ${domainRoom}! 🎉\nUtiliza `,
         beginningOfChatHistoryDomainRoomPartTwo: ' para chatear con compañeros, compartir consejos o hacer una pregunta.',
-        beginningOfChatHistoryAdminRoomPartOne: ({workspaceName}) => `Este es el lugar para que los administradores de ${workspaceName} colaboren! 🎉\nUsa `,
+        beginningOfChatHistoryAdminRoomPartOne: ({ workspaceName }) => `Este es el lugar para que los administradores de ${workspaceName} colaboren! 🎉\nUsa `,
         beginningOfChatHistoryAdminRoomPartTwo: ' para chatear sobre temas como la configuración del espacio de trabajo y mas.',
-        beginningOfChatHistoryAnnounceRoomPartOne: ({workspaceName}) => `Este es el lugar para que todos los miembros de ${workspaceName} colaboren! 🎉\nUsa `,
-        beginningOfChatHistoryAnnounceRoomPartTwo: ({workspaceName}) => ` para chatear sobre cualquier cosa relacionada con ${workspaceName}.`,
+        beginningOfChatHistoryAnnounceRoomPartOne: ({ workspaceName }) => `Este es el lugar para que todos los miembros de ${workspaceName} colaboren! 🎉\nUsa `,
+        beginningOfChatHistoryAnnounceRoomPartTwo: ({ workspaceName }) => ` para chatear sobre cualquier cosa relacionada con ${workspaceName}.`,
         beginningOfChatHistoryUserRoomPartOne: 'Este es el lugar para colaborar! 🎉\nUsa este espacio para chatear sobre cualquier cosa relacionada con ',
         beginningOfChatHistoryUserRoomPartTwo: '.',
         beginningOfChatHistory: 'Aquí comienzan tus conversaciones con ',
@@ -325,12 +327,12 @@ export default {
     },
     reportArchiveReasons: {
         [CONST.REPORT.ARCHIVE_REASON.DEFAULT]: 'Esta sala de chat ha sido eliminada.',
-        [CONST.REPORT.ARCHIVE_REASON.ACCOUNT_CLOSED]: ({displayName}) => `Este chat de espacio de trabajo esta desactivado porque ${displayName} ha cerrado su cuenta.`,
-        [CONST.REPORT.ARCHIVE_REASON.ACCOUNT_MERGED]: ({displayName, oldDisplayName}) =>
+        [CONST.REPORT.ARCHIVE_REASON.ACCOUNT_CLOSED]: ({ displayName }) => `Este chat de espacio de trabajo esta desactivado porque ${displayName} ha cerrado su cuenta.`,
+        [CONST.REPORT.ARCHIVE_REASON.ACCOUNT_MERGED]: ({ displayName, oldDisplayName }) =>
             `Este chat de espacio de trabajo esta desactivado porque ${oldDisplayName} ha combinado su cuenta con ${displayName}.`,
-        [CONST.REPORT.ARCHIVE_REASON.REMOVED_FROM_POLICY]: ({displayName, policyName}) =>
+        [CONST.REPORT.ARCHIVE_REASON.REMOVED_FROM_POLICY]: ({ displayName, policyName }) =>
             `Este chat de espacio de trabajo esta desactivado porque ${displayName} ha dejado de ser miembro del espacio de trabajo ${policyName}.`,
-        [CONST.REPORT.ARCHIVE_REASON.POLICY_DELETED]: ({policyName}) => `Este chat de espacio de trabajo esta desactivado porque el espacio de trabajo ${policyName} se ha eliminado.`,
+        [CONST.REPORT.ARCHIVE_REASON.POLICY_DELETED]: ({ policyName }) => `Este chat de espacio de trabajo esta desactivado porque el espacio de trabajo ${policyName} se ha eliminado.`,
     },
     writeCapabilityPage: {
         label: 'Quién puede postear',
@@ -365,24 +367,24 @@ export default {
         settledExpensify: 'Pagado',
         settledElsewhere: 'Pagado de otra forma',
         settledPaypalMe: 'Pagado con PayPal.me',
-        settleExpensify: ({formattedAmount}) => `Pagar ${formattedAmount} con Expensify`,
+        settleExpensify: ({ formattedAmount }) => `Pagar ${formattedAmount} con Expensify`,
         payElsewhere: 'Pagar de otra forma',
-        settlePaypalMe: ({formattedAmount}) => `Pagar ${formattedAmount} con PayPal.me`,
-        requestAmount: ({amount}) => `solicitar ${amount}`,
-        splitAmount: ({amount}) => `dividir ${amount}`,
-        amountEach: ({amount}) => `${amount} cada uno`,
-        payerOwesAmount: ({payer, amount}) => `${payer} debe ${amount}`,
-        payerOwes: ({payer}) => `${payer} debe: `,
-        payerPaidAmount: ({payer, amount}) => `${payer} pagó ${amount}`,
-        payerPaid: ({payer}) => `${payer} pagó: `,
-        payerSettled: ({amount}) => `pagó ${amount}`,
-        paidElsewhereWithAmount: ({amount}) => `pagó ${amount} de otra forma`,
-        paidUsingPaypalWithAmount: ({amount}) => `pagó ${amount} con PayPal.me`,
-        paidUsingExpensifyWithAmount: ({amount}) => `pagó ${amount} con Expensify`,
+        settlePaypalMe: ({ formattedAmount }) => `Pagar ${formattedAmount} con PayPal.me`,
+        requestAmount: ({ amount }) => `solicitar ${amount}`,
+        splitAmount: ({ amount }) => `dividir ${amount}`,
+        amountEach: ({ amount }) => `${amount} cada uno`,
+        payerOwesAmount: ({ payer, amount }) => `${payer} debe ${amount}`,
+        payerOwes: ({ payer }) => `${payer} debe: `,
+        payerPaidAmount: ({ payer, amount }) => `${payer} pagó ${amount}`,
+        payerPaid: ({ payer }) => `${payer} pagó: `,
+        payerSettled: ({ amount }) => `pagó ${amount}`,
+        paidElsewhereWithAmount: ({ amount }) => `pagó ${amount} de otra forma`,
+        paidUsingPaypalWithAmount: ({ amount }) => `pagó ${amount} con PayPal.me`,
+        paidUsingExpensifyWithAmount: ({ amount }) => `pagó ${amount} con Expensify`,
         noReimbursableExpenses: 'El monto de este informe es inválido',
         pendingConversionMessage: 'El total se actualizará cuando estés online',
-        threadRequestReportName: ({formattedAmount, comment}) => `Solicitud de ${formattedAmount}${comment ? ` para ${comment}` : ''}`,
-        threadSentMoneyReportName: ({formattedAmount, comment}) => `${formattedAmount} enviado${comment ? ` para ${comment}` : ''}`,
+        threadRequestReportName: ({ formattedAmount, comment }) => `Solicitud de ${formattedAmount}${comment ? ` para ${comment}` : ''}`,
+        threadSentMoneyReportName: ({ formattedAmount, comment }) => `${formattedAmount} enviado${comment ? ` para ${comment}` : ''}`,
         error: {
             invalidSplit: 'La suma de las partes no equivale al monto total',
             other: 'Error inesperado, por favor inténtalo más tarde',
@@ -409,10 +411,10 @@ export default {
         editImage: 'Editar foto',
         imageUploadFailed: 'Error al cargar la imagen',
         deleteWorkspaceError: 'Lo sentimos, hubo un problema eliminando el avatar de su espacio de trabajo.',
-        sizeExceeded: ({maxUploadSizeInMB}) => `La imagen supera el tamaño máximo de ${maxUploadSizeInMB}MB.`,
-        resolutionConstraints: ({minHeightInPx, minWidthInPx, maxHeightInPx, maxWidthInPx}) =>
+        sizeExceeded: ({ maxUploadSizeInMB }) => `La imagen supera el tamaño máximo de ${maxUploadSizeInMB}MB.`,
+        resolutionConstraints: ({ minHeightInPx, minWidthInPx, maxHeightInPx, maxWidthInPx }) =>
             `Por favor, elige una imagen más grande que ${minHeightInPx}x${minWidthInPx} píxeles y más pequeña que ${maxHeightInPx}x${maxWidthInPx} píxeles.`,
-        notAllowedExtension: ({allowedExtensions}) => `La foto de perfil debe ser de uno de los siguientes tipos: ${allowedExtensions.join(', ')}.`,
+        notAllowedExtension: ({ allowedExtensions }) => `La foto de perfil debe ser de uno de los siguientes tipos: ${allowedExtensions.join(', ')}.`,
     },
     profilePage: {
         profile: 'Perfil',
@@ -449,7 +451,7 @@ export default {
         helpTextAfterEmail: ' desde varias direcciones de correo electrónico.',
         pleaseVerify: 'Por favor, verifica este método de contacto',
         getInTouch: 'Utilizaremos este método de contacto cuando necesitemos contactarte.',
-        enterMagicCode: ({contactMethod}) => `Por favor, introduce el código mágico enviado a ${contactMethod}`,
+        enterMagicCode: ({ contactMethod }) => `Por favor, introduce el código mágico enviado a ${contactMethod}`,
         setAsDefault: 'Establecer como predeterminado',
         yourDefaultContactMethod:
             'Este es tu método de contacto predeterminado. No podrás eliminarlo hasta que añadas otro método de contacto y lo marques como predeterminado pulsando "Establecer como predeterminado".',
@@ -641,9 +643,9 @@ export default {
         addBankAccountFailure: 'Ocurrió un error inesperado al intentar agregar su cuenta bancaria. Inténtalo de nuevo.',
     },
     transferAmountPage: {
-        transfer: ({amount}) => `Transferir${amount ? ` ${amount}` : ''}`,
+        transfer: ({ amount }) => `Transferir${amount ? ` ${amount}` : ''}`,
         instant: 'Instante',
-        instantSummary: ({rate, minAmount}) => `Tarifa del ${rate}% (${minAmount} mínimo)`,
+        instantSummary: ({ rate, minAmount }) => `Tarifa del ${rate}% (${minAmount} mínimo)`,
         ach: '1-3 días laborales',
         achSummary: 'Sin cargo',
         whichAccount: '¿Qué cuenta?',
@@ -775,7 +777,7 @@ export default {
         },
         cannotGetAccountDetails: 'No se pudieron cargar los detalles de tu cuenta. Por favor, intenta iniciar sesión de nuevo.',
         loginForm: 'Formulario de inicio de sesión',
-        notYou: ({user}) => `¿No eres ${user}?`,
+        notYou: ({ user }) => `¿No eres ${user}?`,
     },
     personalDetails: {
         error: {
@@ -791,28 +793,28 @@ export default {
         legalLastName: 'Apellidos legales',
         homeAddress: 'Domicilio',
         error: {
-            dateShouldBeBefore: ({dateString}) => `La fecha debe ser anterior a ${dateString}.`,
-            dateShouldBeAfter: ({dateString}) => `La fecha debe ser posterior a ${dateString}.`,
-            incorrectZipFormat: ({zipFormat}) => `Formato de código postal incorrecto.${zipFormat ? ` Formato aceptable: ${zipFormat}` : ''}`,
+            dateShouldBeBefore: ({ dateString }) => `La fecha debe ser anterior a ${dateString}.`,
+            dateShouldBeAfter: ({ dateString }) => `La fecha debe ser posterior a ${dateString}.`,
+            incorrectZipFormat: ({ zipFormat }) => `Formato de código postal incorrecto.${zipFormat ? ` Formato aceptable: ${zipFormat}` : ''}`,
             hasInvalidCharacter: 'El nombre solo puede contener números y caracteres latinos.',
         },
     },
     resendValidationForm: {
         linkHasBeenResent: 'El enlace se ha reenviado',
-        weSentYouMagicSignInLink: ({login, loginType}) => `Te he enviado un hiperenlace mágico para iniciar sesión a ${login}. Por favor, revisa tu ${loginType}`,
+        weSentYouMagicSignInLink: ({ login, loginType }) => `Te he enviado un hiperenlace mágico para iniciar sesión a ${login}. Por favor, revisa tu ${loginType}`,
         resendLink: 'Reenviar enlace',
     },
     unlinkLoginForm: {
-        toValidateLogin: ({primaryLogin, secondaryLogin}) => `Para validar ${secondaryLogin}, reenvía el código mágico desde la Configuración de la cuenta de ${primaryLogin}.`,
-        noLongerHaveAccess: ({primaryLogin}) => `Si ya no tienes acceso a ${primaryLogin} por favor, desvincula las cuentas.`,
+        toValidateLogin: ({ primaryLogin, secondaryLogin }) => `Para validar ${secondaryLogin}, reenvía el código mágico desde la Configuración de la cuenta de ${primaryLogin}.`,
+        noLongerHaveAccess: ({ primaryLogin }) => `Si ya no tienes acceso a ${primaryLogin} por favor, desvincula las cuentas.`,
         unlink: 'Desvincular',
         linkSent: '¡Enlace enviado!',
         succesfullyUnlinkedLogin: '¡Nombre de usuario secundario desvinculado correctamente!',
     },
     emailDeliveryFailurePage: {
-        ourEmailProvider: ({login}) =>
+        ourEmailProvider: ({ login }) =>
             `Nuestro proveedor de correo electrónico ha suspendido temporalmente los correos electrónicos a ${login} debido a problemas de entrega. Para desbloquear el inicio de sesión, sigue estos pasos:`,
-        confirmThat: ({login}) => `Confirma que ${login} está escrito correctamente y que es una dirección de correo electrónico real que puede recibir correos. `,
+        confirmThat: ({ login }) => `Confirma que ${login} está escrito correctamente y que es una dirección de correo electrónico real que puede recibir correos. `,
         emailAliases:
             'Los alias de correo electrónico como "expenses@domain.com" deben tener acceso a su propia bandeja de entrada de correo electrónico para que sea un inicio de sesión válido de Expensify.',
         ensureYourEmailClient: 'Asegúrese de que su cliente de correo electrónico permita correos electrónicos de expensify.com. ',
@@ -849,7 +851,7 @@ export default {
         setPasswordLinkInvalid: 'El enlace para configurar tu contraseña ha expirado. Te hemos enviado un nuevo enlace a tu correo.',
         validateAccount: 'Verificar cuenta',
     },
-    stepCounter: ({step, total, text}) => {
+    stepCounter: ({ step, total, text }) => {
         let result = `Paso ${step}`;
 
         if (total) {
@@ -1141,7 +1143,7 @@ export default {
             unavailable: 'Espacio de trabajo no disponible',
             memberNotFound: 'Miembro no encontrado. Para invitar a un nuevo miembro al espacio de trabajo, por favor, utiliza el botón Invitar que está arriba.',
             notAuthorized: `No tienes acceso a esta página. ¿Estás tratando de unirte al espacio de trabajo? Comunícate con el propietario de este espacio de trabajo para que pueda agregarte como miembro. ¿Necesitas algo más? Comunícate con ${CONST.EMAIL.CONCIERGE}`,
-            goToRoom: ({roomName}) => `Ir a la sala ${roomName}`,
+            goToRoom: ({ roomName }) => `Ir a la sala ${roomName}`,
         },
         emptyWorkspace: {
             title: 'Crear un nuevo espacio de trabajo',
@@ -1234,7 +1236,7 @@ export default {
             personalMessagePrompt: 'Mensaje',
             inviteNoMembersError: 'Por favor, selecciona al menos un miembro a invitar',
             genericFailureMessage: 'Se produjo un error al invitar al usuario al espacio de trabajo. Vuelva a intentarlo..',
-            welcomeNote: ({workspaceName}) =>
+            welcomeNote: ({ workspaceName }) =>
                 `¡Has sido invitado a ${workspaceName}! Descargue la aplicación móvil Expensify en use.expensify.com/download para comenzar a rastrear sus gastos.`,
         },
         editor: {
@@ -1311,12 +1313,12 @@ export default {
         public_announceDescription: 'Cualquier persona puede unirse a esta sala',
         createRoom: 'Crea una sala de chat',
         roomAlreadyExistsError: 'Ya existe una sala con este nombre',
-        roomNameReservedError: ({reservedName}) => `${reservedName} es el nombre una sala por defecto de todos los espacios de trabajo. Por favor, elige otro nombre.`,
+        roomNameReservedError: ({ reservedName }) => `${reservedName} es el nombre una sala por defecto de todos los espacios de trabajo. Por favor, elige otro nombre.`,
         roomNameInvalidError: 'Los nombres de las salas solo pueden contener minúsculas, números y guiones',
         pleaseEnterRoomName: 'Por favor, escribe el nombre de una sala',
         pleaseSelectWorkspace: 'Por favor, selecciona un espacio de trabajo',
-        renamedRoomAction: ({oldName, newName}) => ` cambió el nombre de la sala de ${oldName} a ${newName}`,
-        roomRenamedTo: ({newName}) => `Sala renombrada a ${newName}`,
+        renamedRoomAction: ({ oldName, newName }) => ` cambió el nombre de la sala de ${oldName} a ${newName}`,
+        roomRenamedTo: ({ newName }) => `Sala renombrada a ${newName}`,
         social: 'social',
         selectAWorkspace: 'Seleccionar un espacio de trabajo',
         growlMessageOnRenameError: 'No se ha podido cambiar el nombre del espacio de trabajo, por favor, comprueba tu conexión e inténtalo de nuevo.',
@@ -1466,8 +1468,8 @@ export default {
         noActivityYet: 'Sin actividad todavía',
     },
     chronos: {
-        oooEventSummaryFullDay: ({summary, dayCount, date}) => `${summary} por ${dayCount} ${dayCount === 1 ? 'día' : 'días'} hasta el ${date}`,
-        oooEventSummaryPartialDay: ({summary, timePeriod, date}) => `${summary} de ${timePeriod} del ${date}`,
+        oooEventSummaryFullDay: ({ summary, dayCount, date }) => `${summary} por ${dayCount} ${dayCount === 1 ? 'día' : 'días'} hasta el ${date}`,
+        oooEventSummaryPartialDay: ({ summary, timePeriod, date }) => `${summary} de ${timePeriod} del ${date}`,
     },
     footer: {
         features: 'Características',
@@ -1980,7 +1982,7 @@ export default {
     threads: {
         replies: 'Respuestas',
         reply: 'Respuesta',
-        parentNavigationSummary: ({rootReportName, workspaceName}) => `De ${rootReportName}${workspaceName ? ` en ${workspaceName}` : ''}`,
+        parentNavigationSummary: ({ rootReportName, workspaceName }) => `De ${rootReportName}${workspaceName ? ` en ${workspaceName}` : ''}`,
     },
     qrCodes: {
         copyUrlToClipboard: 'Copiar URL al portapapeles',
diff --git a/src/libs/actions/IOU.js b/src/libs/actions/IOU.js
index e480120a7323..45105daa7119 100644
--- a/src/libs/actions/IOU.js
+++ b/src/libs/actions/IOU.js
@@ -100,7 +100,13 @@ function buildOnyxDataForMoneyRequest(
                 lastReadTime: DateUtils.getDBTime(),
                 hasOutstandingIOU: iouReport.total !== 0,
                 iouReportID: iouReport.reportID,
-                ...(isNewChatReport ? {pendingFields: {createChat: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD}} : {}),
+                ...(isNewChatReport
+                    ? {
+                        pendingFields: {
+                            createChat: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD,
+                        },
+                    }
+                    : {}),
             },
         },
         {
@@ -110,7 +116,13 @@ function buildOnyxDataForMoneyRequest(
                 ...iouReport,
                 lastMessageText: iouAction.message[0].text,
                 lastMessageHtml: iouAction.message[0].html,
-                ...(isNewIOUReport ? {pendingFields: {createChat: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD}} : {}),
+                ...(isNewIOUReport
+                    ? {
+                        pendingFields: {
+                            createChat: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD,
+                        },
+                    }
+                    : {}),
             },
         },
         {
@@ -122,7 +134,7 @@ function buildOnyxDataForMoneyRequest(
             onyxMethod: isNewChatReport ? Onyx.METHOD.SET : Onyx.METHOD.MERGE,
             key: `${ONYXKEYS.COLLECTION.REPORT_ACTIONS}${chatReport.reportID}`,
             value: {
-                ...(isNewChatReport ? {[chatCreatedAction.reportActionID]: chatCreatedAction} : {}),
+                ...(isNewChatReport ? { [chatCreatedAction.reportActionID]: chatCreatedAction } : {}),
                 [reportPreviewAction.reportActionID]: reportPreviewAction,
             },
         },
@@ -130,7 +142,7 @@ function buildOnyxDataForMoneyRequest(
             onyxMethod: isNewIOUReport ? Onyx.METHOD.SET : Onyx.METHOD.MERGE,
             key: `${ONYXKEYS.COLLECTION.REPORT_ACTIONS}${iouReport.reportID}`,
             value: {
-                ...(isNewIOUReport ? {[iouCreatedAction.reportActionID]: iouCreatedAction} : {}),
+                ...(isNewIOUReport ? { [iouCreatedAction.reportActionID]: iouCreatedAction } : {}),
                 [iouAction.reportActionID]: iouAction,
             },
         },
@@ -147,32 +159,32 @@ function buildOnyxDataForMoneyRequest(
     const successData = [
         ...(isNewChatReport
             ? [
-                  {
-                      onyxMethod: Onyx.METHOD.MERGE,
-                      key: `${ONYXKEYS.COLLECTION.REPORT}${chatReport.reportID}`,
-                      value: {
-                          pendingFields: null,
-                          errorFields: null,
-                      },
-                  },
-              ]
+                {
+                    onyxMethod: Onyx.METHOD.MERGE,
+                    key: `${ONYXKEYS.COLLECTION.REPORT}${chatReport.reportID}`,
+                    value: {
+                        pendingFields: null,
+                        errorFields: null,
+                    },
+                },
+            ]
             : []),
         ...(isNewIOUReport
             ? [
-                  {
-                      onyxMethod: Onyx.METHOD.MERGE,
-                      key: `${ONYXKEYS.COLLECTION.REPORT}${iouReport.reportID}`,
-                      value: {
-                          pendingFields: null,
-                          errorFields: null,
-                      },
-                  },
-              ]
+                {
+                    onyxMethod: Onyx.METHOD.MERGE,
+                    key: `${ONYXKEYS.COLLECTION.REPORT}${iouReport.reportID}`,
+                    value: {
+                        pendingFields: null,
+                        errorFields: null,
+                    },
+                },
+            ]
             : []),
         {
             onyxMethod: Onyx.METHOD.MERGE,
             key: `${ONYXKEYS.COLLECTION.TRANSACTION}${transaction.transactionID}`,
-            value: {pendingAction: null},
+            value: { pendingAction: null },
         },
         {
             onyxMethod: Onyx.METHOD.MERGE,
@@ -180,11 +192,11 @@ function buildOnyxDataForMoneyRequest(
             value: {
                 ...(isNewChatReport
                     ? {
-                          [chatCreatedAction.reportActionID]: {
-                              pendingAction: null,
-                              errors: null,
-                          },
-                      }
+                        [chatCreatedAction.reportActionID]: {
+                            pendingAction: null,
+                            errors: null,
+                        },
+                    }
                     : {}),
                 [reportPreviewAction.reportActionID]: {
                     pendingAction: null,
@@ -197,11 +209,11 @@ function buildOnyxDataForMoneyRequest(
             value: {
                 ...(isNewIOUReport
                     ? {
-                          [iouCreatedAction.reportActionID]: {
-                              pendingAction: null,
-                              errors: null,
-                          },
-                      }
+                        [iouCreatedAction.reportActionID]: {
+                            pendingAction: null,
+                            errors: null,
+                        },
+                    }
                     : {}),
                 [iouAction.reportActionID]: {
                     pendingAction: null,
@@ -221,25 +233,25 @@ function buildOnyxDataForMoneyRequest(
                 lastReadTime: chatReport.lastReadTime,
                 ...(isNewChatReport
                     ? {
-                          errorFields: {
-                              createChat: ErrorUtils.getMicroSecondOnyxError('report.genericCreateReportFailureMessage'),
-                          },
-                      }
+                        errorFields: {
+                            createChat: ErrorUtils.getMicroSecondOnyxError('report.genericCreateReportFailureMessage'),
+                        },
+                    }
                     : {}),
             },
         },
         ...(isNewIOUReport
             ? [
-                  {
-                      onyxMethod: Onyx.METHOD.MERGE,
-                      key: `${ONYXKEYS.COLLECTION.REPORT}${iouReport.reportID}`,
-                      value: {
-                          errorFields: {
-                              createChat: ErrorUtils.getMicroSecondOnyxError('report.genericCreateReportFailureMessage'),
-                          },
-                      },
-                  },
-              ]
+                {
+                    onyxMethod: Onyx.METHOD.MERGE,
+                    key: `${ONYXKEYS.COLLECTION.REPORT}${iouReport.reportID}`,
+                    value: {
+                        errorFields: {
+                            createChat: ErrorUtils.getMicroSecondOnyxError('report.genericCreateReportFailureMessage'),
+                        },
+                    },
+                },
+            ]
             : []),
         {
             onyxMethod: Onyx.METHOD.MERGE,
@@ -254,18 +266,18 @@ function buildOnyxDataForMoneyRequest(
             value: {
                 ...(isNewChatReport
                     ? {
-                          [chatCreatedAction.reportActionID]: {
-                              errors: ErrorUtils.getMicroSecondOnyxError('iou.error.genericCreateFailureMessage'),
-                          },
-                          [reportPreviewAction.reportActionID]: {
-                              errors: ErrorUtils.getMicroSecondOnyxError(null),
-                          },
-                      }
+                        [chatCreatedAction.reportActionID]: {
+                            errors: ErrorUtils.getMicroSecondOnyxError('iou.error.genericCreateFailureMessage'),
+                        },
+                        [reportPreviewAction.reportActionID]: {
+                            errors: ErrorUtils.getMicroSecondOnyxError(null),
+                        },
+                    }
                     : {
-                          [reportPreviewAction.reportActionID]: {
-                              created: reportPreviewAction.created,
-                          },
-                      }),
+                        [reportPreviewAction.reportActionID]: {
+                            created: reportPreviewAction.created,
+                        },
+                    }),
             },
         },
         {
@@ -274,18 +286,18 @@ function buildOnyxDataForMoneyRequest(
             value: {
                 ...(isNewIOUReport
                     ? {
-                          [iouCreatedAction.reportActionID]: {
-                              errors: ErrorUtils.getMicroSecondOnyxError('iou.error.genericCreateFailureMessage'),
-                          },
-                          [iouAction.reportActionID]: {
-                              errors: ErrorUtils.getMicroSecondOnyxError(null),
-                          },
-                      }
+                        [iouCreatedAction.reportActionID]: {
+                            errors: ErrorUtils.getMicroSecondOnyxError('iou.error.genericCreateFailureMessage'),
+                        },
+                        [iouAction.reportActionID]: {
+                            errors: ErrorUtils.getMicroSecondOnyxError(null),
+                        },
+                    }
                     : {
-                          [iouAction.reportActionID]: {
-                              errors: ErrorUtils.getMicroSecondOnyxError('iou.error.genericCreateFailureMessage'),
-                          },
-                      }),
+                        [iouAction.reportActionID]: {
+                            errors: ErrorUtils.getMicroSecondOnyxError('iou.error.genericCreateFailureMessage'),
+                        },
+                    }),
             },
         },
     ];
@@ -303,8 +315,9 @@ function buildOnyxDataForMoneyRequest(
  * @param {Number} payeeAccountID
  * @param {Object} participant
  * @param {String} comment
+ * @param {String} merchant
  */
-function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, participant, comment) {
+function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, participant, comment, merchant) {
     const payerEmail = OptionsListUtils.addSMSDomainIfPhoneNumber(participant.login);
     const payerAccountID = Number(participant.accountID);
     const isPolicyExpenseChat = participant.isPolicyExpenseChat;
@@ -335,7 +348,9 @@ function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, part
 
     if (!isNewIOUReport) {
         if (isPolicyExpenseChat) {
-            iouReport = {...iouReports[`${ONYXKEYS.COLLECTION.REPORT}${chatReport.iouReportID}`]};
+            iouReport = {
+                ...iouReports[`${ONYXKEYS.COLLECTION.REPORT}${chatReport.iouReportID}`],
+            };
 
             // Because of the Expense reports are stored as negative values, we substract the total from the amount
             iouReport.total -= amount;
@@ -349,7 +364,7 @@ function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, part
     }
 
     // STEP 3: Build optimistic transaction
-    const optimisticTransaction = TransactionUtils.buildOptimisticTransaction(amount, currency, iouReport.reportID, comment);
+    const optimisticTransaction = TransactionUtils.buildOptimisticTransaction(amount, currency, iouReport.reportID, comment, null, null, merchant);
 
     // STEP 4: Build optimistic reportActions. We need:
     // 1. CREATED action for the chatReport
@@ -373,13 +388,13 @@ function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, part
     // Add optimistic personal details for participant
     const optimisticPersonalDetailListAction = isNewChatReport
         ? {
-              [payerAccountID]: {
-                  accountID: payerAccountID,
-                  avatar: UserUtils.getDefaultAvatarURL(payerAccountID),
-                  displayName: participant.displayName || payerEmail,
-                  login: participant.login,
-              },
-          }
+            [payerAccountID]: {
+                accountID: payerAccountID,
+                avatar: UserUtils.getDefaultAvatarURL(payerAccountID),
+                displayName: participant.displayName || payerEmail,
+                login: participant.login,
+            },
+        }
         : undefined;
 
     let reportPreviewAction = isNewIOUReport ? null : ReportActionsUtils.getReportPreviewAction(chatReport.reportID, iouReport.reportID);
@@ -422,7 +437,7 @@ function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, part
             createdIOUReportActionID: isNewIOUReport ? optimisticCreatedActionForIOU.reportActionID : 0,
             reportPreviewReportActionID: reportPreviewAction.reportActionID,
         },
-        {optimisticData, successData, failureData},
+        { optimisticData, successData, failureData },
     );
     resetMoneyRequestInfo();
     Navigation.dismissModal(chatReport.reportID);
@@ -497,7 +512,11 @@ function createSplitsAndOnyxData(participants, currentUserLogin, currentUserAcco
             onyxMethod: existingGroupChatReport ? Onyx.METHOD.MERGE : Onyx.METHOD.SET,
             key: `${ONYXKEYS.COLLECTION.REPORT_ACTIONS}${groupChatReport.reportID}`,
             value: {
-                ...(existingGroupChatReport ? {} : {[groupCreatedReportAction.reportActionID]: groupCreatedReportAction}),
+                ...(existingGroupChatReport
+                    ? {}
+                    : {
+                        [groupCreatedReportAction.reportActionID]: groupCreatedReportAction,
+                    }),
                 [groupIOUReportAction.reportActionID]: groupIOUReportAction,
             },
         },
@@ -513,14 +532,18 @@ function createSplitsAndOnyxData(participants, currentUserLogin, currentUserAcco
             onyxMethod: Onyx.METHOD.MERGE,
             key: `${ONYXKEYS.COLLECTION.REPORT_ACTIONS}${groupChatReport.reportID}`,
             value: {
-                ...(existingGroupChatReport ? {} : {[groupCreatedReportAction.reportActionID]: {pendingAction: null}}),
-                [groupIOUReportAction.reportActionID]: {pendingAction: null},
+                ...(existingGroupChatReport
+                    ? {}
+                    : {
+                        [groupCreatedReportAction.reportActionID]: { pendingAction: null },
+                    }),
+                [groupIOUReportAction.reportActionID]: { pendingAction: null },
             },
         },
         {
             onyxMethod: Onyx.METHOD.MERGE,
             key: `${ONYXKEYS.COLLECTION.TRANSACTION}${groupTransaction.transactionID}`,
-            value: {pendingAction: null},
+            value: { pendingAction: null },
         },
     ];
 
@@ -528,7 +551,7 @@ function createSplitsAndOnyxData(participants, currentUserLogin, currentUserAcco
         successData.push({
             onyxMethod: Onyx.METHOD.MERGE,
             key: `${ONYXKEYS.COLLECTION.REPORT}${groupChatReport.reportID}`,
-            value: {pendingFields: {createChat: null}},
+            value: { pendingFields: { createChat: null } },
         });
     }
 
@@ -577,7 +600,13 @@ function createSplitsAndOnyxData(participants, currentUserLogin, currentUserAcco
 
     // Loop through participants creating individual chats, iouReports and reportActionIDs as needed
     const splitAmount = IOUUtils.calculateAmount(participants.length, amount, false);
-    const splits = [{email: currentUserEmail, accountID: currentUserAccountID, amount: IOUUtils.calculateAmount(participants.length, amount, true)}];
+    const splits = [
+        {
+            email: currentUserEmail,
+            accountID: currentUserAccountID,
+            amount: IOUUtils.calculateAmount(participants.length, amount, true),
+        },
+    ];
 
     const hasMultipleParticipants = participants.length > 1;
     _.each(participants, (participant) => {
@@ -646,13 +675,13 @@ function createSplitsAndOnyxData(participants, currentUserLogin, currentUserAcco
         // Add optimistic personal details for new participants
         const oneOnOnePersonalDetailListAction = shouldCreateOptimisticPersonalDetails
             ? {
-                  [accountID]: {
-                      accountID,
-                      avatar: UserUtils.getDefaultAvatarURL(accountID),
-                      displayName: participant.displayName || email,
-                      login: participant.login,
-                  },
-              }
+                [accountID]: {
+                    accountID,
+                    avatar: UserUtils.getDefaultAvatarURL(accountID),
+                    displayName: participant.displayName || email,
+                    login: participant.login,
+                },
+            }
             : undefined;
 
         let oneOnOneReportPreviewAction = ReportActionsUtils.getReportPreviewAction(oneOnOneChatReport.reportID, oneOnOneIOUReport.reportID);
@@ -711,7 +740,7 @@ function createSplitsAndOnyxData(participants, currentUserLogin, currentUserAcco
     return {
         groupData,
         splits,
-        onyxData: {optimisticData, successData, failureData},
+        onyxData: { optimisticData, successData, failureData },
     };
 }
 
@@ -725,7 +754,7 @@ function createSplitsAndOnyxData(participants, currentUserLogin, currentUserAcco
  * @param {String} existingGroupChatReportID
  */
 function splitBill(participants, currentUserLogin, currentUserAccountID, amount, comment, currency, existingGroupChatReportID = '') {
-    const {groupData, splits, onyxData} = createSplitsAndOnyxData(participants, currentUserLogin, currentUserAccountID, amount, comment, currency, existingGroupChatReportID);
+    const { groupData, splits, onyxData } = createSplitsAndOnyxData(participants, currentUserLogin, currentUserAccountID, amount, comment, currency, existingGroupChatReportID);
 
     API.write(
         'SplitBill',
@@ -756,7 +785,7 @@ function splitBill(participants, currentUserLogin, currentUserAccountID, amount,
  * @param {String} currency
  */
 function splitBillAndOpenReport(participants, currentUserLogin, currentUserAccountID, amount, comment, currency) {
-    const {groupData, splits, onyxData} = createSplitsAndOnyxData(participants, currentUserLogin, currentUserAccountID, amount, comment, currency);
+    const { groupData, splits, onyxData } = createSplitsAndOnyxData(participants, currentUserLogin, currentUserAccountID, amount, comment, currency);
 
     API.write(
         'SplitBillAndOpenReport',
@@ -804,7 +833,7 @@ function deleteMoneyRequest(chatReportID, iouReportID, moneyRequestAction, shoul
     const currentUserAccountID = optimisticIOUAction.actorAccountID;
     let updatedIOUReport = {};
     if (ReportUtils.isExpenseReport(iouReportID)) {
-        updatedIOUReport = {...iouReport};
+        updatedIOUReport = { ...iouReport };
 
         // Because of the Expense reports are stored as negative values, we add the total from the amount
         updatedIOUReport.total += amount;
@@ -878,7 +907,7 @@ function deleteMoneyRequest(chatReportID, iouReportID, moneyRequestAction, shoul
             reportActionID: optimisticIOUAction.reportActionID,
             iouReportID: updatedIOUReport.reportID,
         },
-        {optimisticData, successData, failureData},
+        { optimisticData, successData, failureData },
     );
 
     if (shouldCloseOnDelete) {
@@ -1004,7 +1033,7 @@ function getSendMoneyParams(report, amount, currency, comment, paymentMethodType
         {
             onyxMethod: Onyx.METHOD.MERGE,
             key: `${ONYXKEYS.COLLECTION.TRANSACTION}${optimisticTransaction.transactionID}`,
-            value: {pendingAction: null},
+            value: { pendingAction: null },
         },
         {
             onyxMethod: Onyx.METHOD.MERGE,
@@ -1037,11 +1066,13 @@ function getSendMoneyParams(report, amount, currency, comment, paymentMethodType
         optimisticIOUReportData.onyxMethod = Onyx.METHOD.SET;
 
         // Set and clear pending fields on the chat report
-        optimisticChatReportData.value.pendingFields = {createChat: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD};
+        optimisticChatReportData.value.pendingFields = {
+            createChat: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD,
+        };
         successData.push({
             onyxMethod: Onyx.METHOD.MERGE,
             key: optimisticChatReportData.key,
-            value: {pendingFields: null},
+            value: { pendingFields: null },
         });
         failureData.push(
             {
@@ -1197,7 +1228,7 @@ function getPayMoneyRequestParams(chatReport, iouReport, recipient, paymentMetho
         {
             onyxMethod: Onyx.METHOD.MERGE,
             key: ONYXKEYS.NVP_LAST_PAYMENT_METHOD,
-            value: {[iouReport.policyID]: paymentMethodType},
+            value: { [iouReport.policyID]: paymentMethodType },
         },
         {
             onyxMethod: Onyx.METHOD.MERGE,
@@ -1275,9 +1306,13 @@ function getPayMoneyRequestParams(chatReport, iouReport, recipient, paymentMetho
  * @param {Object} recipient - The user receiving the money
  */
 function sendMoneyElsewhere(report, amount, currency, comment, managerID, recipient) {
-    const {params, optimisticData, successData, failureData} = getSendMoneyParams(report, amount, currency, comment, CONST.IOU.PAYMENT_TYPE.ELSEWHERE, managerID, recipient);
+    const { params, optimisticData, successData, failureData } = getSendMoneyParams(report, amount, currency, comment, CONST.IOU.PAYMENT_TYPE.ELSEWHERE, managerID, recipient);
 
-    API.write('SendMoneyElsewhere', params, {optimisticData, successData, failureData});
+    API.write('SendMoneyElsewhere', params, {
+        optimisticData,
+        successData,
+        failureData,
+    });
 
     resetMoneyRequestInfo();
     Navigation.dismissModal(params.chatReportID);
@@ -1293,9 +1328,13 @@ function sendMoneyElsewhere(report, amount, currency, comment, managerID, recipi
  * @param {Object} recipient - The user receiving the money
  */
 function sendMoneyWithWallet(report, amount, currency, comment, managerID, recipient) {
-    const {params, optimisticData, successData, failureData} = getSendMoneyParams(report, amount, currency, comment, CONST.IOU.PAYMENT_TYPE.EXPENSIFY, managerID, recipient);
+    const { params, optimisticData, successData, failureData } = getSendMoneyParams(report, amount, currency, comment, CONST.IOU.PAYMENT_TYPE.EXPENSIFY, managerID, recipient);
 
-    API.write('SendMoneyWithWallet', params, {optimisticData, successData, failureData});
+    API.write('SendMoneyWithWallet', params, {
+        optimisticData,
+        successData,
+        failureData,
+    });
 
     resetMoneyRequestInfo();
     Navigation.dismissModal(params.chatReportID);
@@ -1311,9 +1350,13 @@ function sendMoneyWithWallet(report, amount, currency, comment, managerID, recip
  * @param {Object} recipient - The user receiving the money
  */
 function sendMoneyViaPaypal(report, amount, currency, comment, managerID, recipient) {
-    const {params, optimisticData, successData, failureData} = getSendMoneyParams(report, amount, currency, comment, CONST.IOU.PAYMENT_TYPE.PAYPAL_ME, managerID, recipient);
+    const { params, optimisticData, successData, failureData } = getSendMoneyParams(report, amount, currency, comment, CONST.IOU.PAYMENT_TYPE.PAYPAL_ME, managerID, recipient);
 
-    API.write('SendMoneyViaPaypal', params, {optimisticData, successData, failureData});
+    API.write('SendMoneyViaPaypal', params, {
+        optimisticData,
+        successData,
+        failureData,
+    });
 
     resetMoneyRequestInfo();
     Navigation.dismissModal(params.chatReportID);
@@ -1334,13 +1377,13 @@ function payMoneyRequest(paymentType, chatReport, iouReport) {
         accountID: iouReport.ownerAccountID,
         payPalMeAddress: iouReport.submitterPayPalMeAddress,
     };
-    const {params, optimisticData, successData, failureData} = getPayMoneyRequestParams(chatReport, iouReport, recipient, paymentType);
+    const { params, optimisticData, successData, failureData } = getPayMoneyRequestParams(chatReport, iouReport, recipient, paymentType);
 
     // For now we need to call the PayMoneyRequestWithWallet API since PayMoneyRequest was not updated to work with
     // Expensify Wallets.
     const apiCommand = paymentType === CONST.IOU.PAYMENT_TYPE.EXPENSIFY ? 'PayMoneyRequestWithWallet' : 'PayMoneyRequest';
 
-    API.write(apiCommand, params, {optimisticData, successData, failureData});
+    API.write(apiCommand, params, { optimisticData, successData, failureData });
     Navigation.dismissModal(chatReport.reportID);
     if (paymentType === CONST.IOU.PAYMENT_TYPE.PAYPAL_ME) {
         asyncOpenURL(Promise.resolve(), buildPayPalPaymentUrl(iouReport.total, recipient.payPalMeAddress, iouReport.currency));
@@ -1361,51 +1404,51 @@ function startMoneyRequest(iouType, reportID = '') {
  * @param {String} id
  */
 function setMoneyRequestId(id) {
-    Onyx.merge(ONYXKEYS.IOU, {id});
+    Onyx.merge(ONYXKEYS.IOU, { id });
 }
 
 /**
  * @param {Number} amount
  */
 function setMoneyRequestAmount(amount) {
-    Onyx.merge(ONYXKEYS.IOU, {amount});
+    Onyx.merge(ONYXKEYS.IOU, { amount });
 }
 
 /**
  * @param {String} currency
  */
 function setMoneyRequestCurrency(currency) {
-    Onyx.merge(ONYXKEYS.IOU, {currency});
+    Onyx.merge(ONYXKEYS.IOU, { currency });
 }
 
 /**
  * @param {String} comment
  */
 function setMoneyRequestDescription(comment) {
-    Onyx.merge(ONYXKEYS.IOU, {comment: comment.trim()});
+    Onyx.merge(ONYXKEYS.IOU, { comment: comment.trim() });
 }
 
 /**
  * @param {Object[]} participants
  */
 function setMoneyRequestParticipants(participants) {
-    Onyx.merge(ONYXKEYS.IOU, {participants});
+    Onyx.merge(ONYXKEYS.IOU, { participants });
 }
 
 export {
     deleteMoneyRequest,
-    splitBill,
-    splitBillAndOpenReport,
+    payMoneyRequest,
     requestMoney,
+    resetMoneyRequestInfo,
     sendMoneyElsewhere,
     sendMoneyViaPaypal,
-    payMoneyRequest,
     sendMoneyWithWallet,
-    startMoneyRequest,
-    resetMoneyRequestInfo,
-    setMoneyRequestId,
     setMoneyRequestAmount,
     setMoneyRequestCurrency,
     setMoneyRequestDescription,
+    setMoneyRequestId,
     setMoneyRequestParticipants,
+    splitBill,
+    splitBillAndOpenReport,
+    startMoneyRequest,
 };
diff --git a/src/pages/iou/steps/MoneyRequestConfirmPage.js b/src/pages/iou/steps/MoneyRequestConfirmPage.js
index 4816a395780a..bd6b6b46f111 100644
--- a/src/pages/iou/steps/MoneyRequestConfirmPage.js
+++ b/src/pages/iou/steps/MoneyRequestConfirmPage.js
@@ -1,7 +1,7 @@
-import React, {useCallback, useEffect, useRef, useMemo} from 'react';
-import {View} from 'react-native';
+import React, { useCallback, useEffect, useMemo, useRef } from 'react';
+import { View } from 'react-native';
 import PropTypes from 'prop-types';
-import {withOnyx} from 'react-native-onyx';
+import { withOnyx } from 'react-native-onyx';
 import _ from 'underscore';
 import lodashGet from 'lodash/get';
 import MoneyRequestConfirmationList from '../../../components/MoneyRequestConfirmationList';
@@ -17,7 +17,7 @@ import * as OptionsListUtils from '../../../libs/OptionsListUtils';
 import withLocalize from '../../../components/withLocalize';
 import HeaderWithBackButton from '../../../components/HeaderWithBackButton';
 import ONYXKEYS from '../../../ONYXKEYS';
-import withCurrentUserPersonalDetails, {withCurrentUserPersonalDetailsDefaultProps, withCurrentUserPersonalDetailsPropTypes} from '../../../components/withCurrentUserPersonalDetails';
+import withCurrentUserPersonalDetails, { withCurrentUserPersonalDetailsDefaultProps, withCurrentUserPersonalDetailsPropTypes } from '../../../components/withCurrentUserPersonalDetails';
 import reportPropTypes from '../../reportPropTypes';
 import personalDetailsPropType from '../../personalDetailsPropType';
 
@@ -148,9 +148,10 @@ function MoneyRequestConfirmPage(props) {
                 props.currentUserPersonalDetails.accountID,
                 selectedParticipants[0],
                 trimmedComment,
+                props.iou.merchant,
             );
         },
-        [props.iou.amount, props.iou.comment, props.currentUserPersonalDetails.login, props.currentUserPersonalDetails.accountID, props.iou.currency, props.report],
+        [props.iou.amount, props.iou.comment, props.currentUserPersonalDetails.login, props.currentUserPersonalDetails.accountID, props.iou.currency, props.report, props.iou.merchant],
     );
 
     /**
@@ -180,10 +181,10 @@ function MoneyRequestConfirmPage(props) {
         },
         [props.iou.amount, props.iou.comment, participants, props.iou.currency, props.currentUserPersonalDetails.accountID, props.report],
     );
-
+    console.log('stuff', props.report, props.iou);
     return (
         <ScreenWrapper includeSafeAreaPaddingBottom={false}>
-            {({safeAreaPaddingBottomStyle}) => (
+            {({ safeAreaPaddingBottomStyle }) => (
                 <View style={[styles.flex1, safeAreaPaddingBottomStyle]}>
                     <HeaderWithBackButton
                         title={props.translate('iou.cash')}
@@ -200,7 +201,7 @@ function MoneyRequestConfirmPage(props) {
                         onSelectParticipant={(option) => {
                             const newParticipants = _.map(props.iou.participants, (participant) => {
                                 if (participant.accountID === option.accountID) {
-                                    return {...participant, selected: !participant.selected};
+                                    return { ...participant, selected: !participant.selected };
                                 }
                                 return participant;
                             });
@@ -216,6 +217,8 @@ function MoneyRequestConfirmPage(props) {
                         canModifyParticipants={!_.isEmpty(reportID.current)}
                         policyID={props.report.policyID}
                         bankAccountRoute={ReportUtils.getBankAccountRoute(props.report)}
+                        iouMerchant={props.iou.merchant}
+                        iouModifiedMerchant={props.iou.modifiedMerchant}
                     />
                 </View>
             )}
@@ -232,7 +235,7 @@ export default compose(
     withLocalize,
     withOnyx({
         report: {
-            key: ({route}) => `${ONYXKEYS.COLLECTION.REPORT}${lodashGet(route, 'params.reportID', '')}`,
+            key: ({ route }) => `${ONYXKEYS.COLLECTION.REPORT}${lodashGet(route, 'params.reportID', '')}`,
         },
         iou: {
             key: ONYXKEYS.IOU,

From dfeadb93f7ebb557248d430faffabaeeb15731a0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lucas=20M=C3=B3rawski?= <lukasz.morawski@callstack.com>
Date: Mon, 24 Jul 2023 16:02:13 +0300
Subject: [PATCH 011/137] added date and fixed layout

---
 src/components/MoneyRequestConfirmationList.js | 15 ++++++++++-----
 src/libs/actions/IOU.js                        | 10 ++++++++++
 src/pages/iou/steps/MoneyRequestConfirmPage.js |  3 ++-
 src/styles/utilities/spacing.js                |  4 ++++
 4 files changed, 26 insertions(+), 6 deletions(-)

diff --git a/src/components/MoneyRequestConfirmationList.js b/src/components/MoneyRequestConfirmationList.js
index 37e83692f658..4f55dd1a428b 100755
--- a/src/components/MoneyRequestConfirmationList.js
+++ b/src/components/MoneyRequestConfirmationList.js
@@ -49,6 +49,12 @@ const propTypes = {
     /** IOU type */
     iouType: PropTypes.string,
 
+    /** IOU date */
+    iouDate: PropTypes.string,
+
+    /** IOU merchant */
+    iouMerchant: PropTypes.string,
+
     /** Selected participants from MoneyRequestModal with login / accountID */
     selectedParticipants: PropTypes.arrayOf(optionPropTypes).isRequired,
 
@@ -278,7 +284,6 @@ function MoneyRequestConfirmationList(props) {
             />
         );
     }, [confirm, props.selectedParticipants, props.bankAccountRoute, props.iouCurrencyCode, props.iouType, props.isReadOnly, props.policyID, selectedParticipants, splitOrRequestOptions]);
-    console.log('list', props);
 
     return (
         <OptionsSelector
@@ -315,21 +320,21 @@ function MoneyRequestConfirmationList(props) {
                 disabled={didConfirm || props.isReadOnly}
             />
             <View style={[styles.flexRow, styles.justifyContentBetween, styles.mh3, styles.alignItemsCenter]}>
-                <View style={[styles.shortTermsHorizontalRule, styles.flex1]} />
+                <View style={[styles.shortTermsHorizontalRule, styles.flex1, styles.mr0]} />
                 <Button
                     small
                     onPress={toggleShowAllFields}
                     text={showAllFields ? translate('common.showLess') : translate('common.showMore')}
                     shouldShowRightIcon
                     iconRight={showAllFields ? Expensicons.UpArrow : Expensicons.DownArrow}
-                    style={styles.mh3}
+                    style={styles.mh0}
                 />
-                <View style={[styles.shortTermsHorizontalRule, styles.flex1]} />
+                <View style={[styles.shortTermsHorizontalRule, styles.flex1, styles.ml0]} />
             </View>
             {showAllFields && (
                 <>
                     <MenuItemWithTopDescription
-                        title={'2022'}
+                        title={props.iouDate}
                         description="Date"
                         style={[styles.moneyRequestMenuItem, styles.mb2]}
                         disabled={didConfirm || props.isReadOnly}
diff --git a/src/libs/actions/IOU.js b/src/libs/actions/IOU.js
index 45105daa7119..f53d1cca4885 100644
--- a/src/libs/actions/IOU.js
+++ b/src/libs/actions/IOU.js
@@ -64,6 +64,14 @@ Onyx.connect({
     },
 });
 
+let currentDate = '';
+Onyx.connect({
+    key: ONYXKEYS.CURRENT_DATE,
+    callback: (val) => {
+        currentDate = val;
+    },
+});
+
 /**
  * Reset money request info from the store with its initial value
  * @param {String} id
@@ -75,6 +83,8 @@ function resetMoneyRequestInfo(id = '') {
         currency: lodashGet(currentUserPersonalDetails, 'localCurrencyCode', CONST.CURRENCY.USD),
         comment: '',
         participants: [],
+        merchant: '',
+        date: currentDate,
     });
 }
 
diff --git a/src/pages/iou/steps/MoneyRequestConfirmPage.js b/src/pages/iou/steps/MoneyRequestConfirmPage.js
index bd6b6b46f111..87933973bafa 100644
--- a/src/pages/iou/steps/MoneyRequestConfirmPage.js
+++ b/src/pages/iou/steps/MoneyRequestConfirmPage.js
@@ -181,7 +181,7 @@ function MoneyRequestConfirmPage(props) {
         },
         [props.iou.amount, props.iou.comment, participants, props.iou.currency, props.currentUserPersonalDetails.accountID, props.report],
     );
-    console.log('stuff', props.report, props.iou);
+
     return (
         <ScreenWrapper includeSafeAreaPaddingBottom={false}>
             {({ safeAreaPaddingBottomStyle }) => (
@@ -219,6 +219,7 @@ function MoneyRequestConfirmPage(props) {
                         bankAccountRoute={ReportUtils.getBankAccountRoute(props.report)}
                         iouMerchant={props.iou.merchant}
                         iouModifiedMerchant={props.iou.modifiedMerchant}
+                        iouDate={props.iou.date}
                     />
                 </View>
             )}
diff --git a/src/styles/utilities/spacing.js b/src/styles/utilities/spacing.js
index f70c8fbf419f..8391aca7d878 100644
--- a/src/styles/utilities/spacing.js
+++ b/src/styles/utilities/spacing.js
@@ -113,6 +113,10 @@ export default {
         marginLeft: 'auto',
     },
 
+    ml0: {
+        marginLeft: 0,
+    },
+
     ml1: {
         marginLeft: 4,
     },

From 79612cf6220c2a73aaee4389ff28aa4f3cdeb349 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lucas=20M=C3=B3rawski?= <lukasz.morawski@callstack.com>
Date: Mon, 24 Jul 2023 16:09:14 +0300
Subject: [PATCH 012/137] linting

---
 jsconfig.json                                 |  19 ++
 .../MoneyRequestConfirmationList.js           |  20 +-
 src/components/MoneyRequestDetails.js         |  28 +--
 src/languages/en.js                           | 118 ++++-----
 src/languages/es.js                           | 116 ++++-----
 src/libs/actions/IOU.js                       | 230 +++++++++---------
 .../iou/steps/MoneyRequestConfirmPage.js      |  14 +-
 7 files changed, 282 insertions(+), 263 deletions(-)
 create mode 100644 jsconfig.json

diff --git a/jsconfig.json b/jsconfig.json
new file mode 100644
index 000000000000..1a69cceaae35
--- /dev/null
+++ b/jsconfig.json
@@ -0,0 +1,19 @@
+{
+    "compilerOptions": {
+        "target": "es2018",
+        "module": "es6",
+        "jsx": "react-native",
+        "allowSyntheticDefaultImports": true,
+        "moduleResolution": "node",
+        "allowJs": true,
+        "checkJs": false,
+        "lib": ["es2018", "dom"],
+        "baseUrl": "./",
+        "paths": {
+            "*": ["src/*"]
+        },
+        "esModuleInterop": true
+    },
+    "exclude": ["node_modules"],
+    "include": ["src/**/*"]
+}
diff --git a/src/components/MoneyRequestConfirmationList.js b/src/components/MoneyRequestConfirmationList.js
index 4f55dd1a428b..4b1a0a33fc79 100755
--- a/src/components/MoneyRequestConfirmationList.js
+++ b/src/components/MoneyRequestConfirmationList.js
@@ -1,21 +1,21 @@
-import React, { useCallback, useMemo, useReducer, useState } from 'react';
+import React, {useCallback, useMemo, useReducer, useState} from 'react';
 import PropTypes from 'prop-types';
-import { withOnyx } from 'react-native-onyx';
+import {withOnyx} from 'react-native-onyx';
 import _ from 'underscore';
-import { View } from 'react-native';
+import {View} from 'react-native';
 import styles from '../styles/styles';
 import * as OptionsListUtils from '../libs/OptionsListUtils';
 import OptionsSelector from './OptionsSelector';
 import ONYXKEYS from '../ONYXKEYS';
-import withLocalize, { withLocalizePropTypes } from './withLocalize';
-import withWindowDimensions, { windowDimensionsPropTypes } from './withWindowDimensions';
+import withLocalize, {withLocalizePropTypes} from './withLocalize';
+import withWindowDimensions, {windowDimensionsPropTypes} from './withWindowDimensions';
 import compose from '../libs/compose';
 import CONST from '../CONST';
 import ButtonWithDropdownMenu from './ButtonWithDropdownMenu';
 import Log from '../libs/Log';
 import SettlementButton from './SettlementButton';
 import ROUTES from '../ROUTES';
-import withCurrentUserPersonalDetails, { withCurrentUserPersonalDetailsDefaultProps, withCurrentUserPersonalDetailsPropTypes } from './withCurrentUserPersonalDetails';
+import withCurrentUserPersonalDetails, {withCurrentUserPersonalDetailsDefaultProps, withCurrentUserPersonalDetailsPropTypes} from './withCurrentUserPersonalDetails';
 import * as IOUUtils from '../libs/IOUUtils';
 import MenuItemWithTopDescription from './MenuItemWithTopDescription';
 import Navigation from '../libs/Navigation/Navigation';
@@ -91,9 +91,9 @@ const propTypes = {
 };
 
 const defaultProps = {
-    onConfirm: () => { },
-    onSendMoney: () => { },
-    onSelectParticipant: () => { },
+    onConfirm: () => {},
+    onSendMoney: () => {},
+    onSelectParticipant: () => {},
     iouType: CONST.IOU.MONEY_REQUEST_TYPE.REQUEST,
     payeePersonalDetails: null,
     canModifyParticipants: false,
@@ -110,7 +110,7 @@ const defaultProps = {
 function MoneyRequestConfirmationList(props) {
     // Destructure functions from props to pass it as a dependecy to useCallback/useMemo hooks.
     // Prop functions pass props itself as a "this" value to the function which means they change every time props change.
-    const { translate, onSendMoney, onConfirm, onSelectParticipant } = props;
+    const {translate, onSendMoney, onConfirm, onSelectParticipant} = props;
 
     // A flag and a toggler for showing the rest of the form fields
     const [showAllFields, toggleShowAllFields] = useReducer((state) => !state, false);
diff --git a/src/components/MoneyRequestDetails.js b/src/components/MoneyRequestDetails.js
index cf9d7ddf70aa..f8c371aa5a58 100644
--- a/src/components/MoneyRequestDetails.js
+++ b/src/components/MoneyRequestDetails.js
@@ -1,10 +1,10 @@
 import React from 'react';
-import { withOnyx } from 'react-native-onyx';
-import { View } from 'react-native';
+import {withOnyx} from 'react-native-onyx';
+import {View} from 'react-native';
 import PropTypes from 'prop-types';
 import lodashGet from 'lodash/get';
 import iouReportPropTypes from '../pages/iouReportPropTypes';
-import withLocalize, { withLocalizePropTypes } from './withLocalize';
+import withLocalize, {withLocalizePropTypes} from './withLocalize';
 import * as ReportUtils from '../libs/ReportUtils';
 import * as Expensicons from './Icon/Expensicons';
 import Text from './Text';
@@ -74,7 +74,7 @@ const defaultProps = {
 
 function MoneyRequestDetails(props) {
     // These are only used for the single transaction view and not for expense and iou reports
-    const { amount: transactionAmount, currency: transactionCurrency, comment: transactionDescription } = ReportUtils.getMoneyRequestAction(props.parentReportAction);
+    const {amount: transactionAmount, currency: transactionCurrency, comment: transactionDescription} = ReportUtils.getMoneyRequestAction(props.parentReportAction);
     const formattedTransactionAmount = transactionAmount && transactionCurrency && CurrencyUtils.convertToDisplayString(transactionAmount, transactionCurrency);
     const transactionDate = lodashGet(props.parentReportAction, ['created']);
     const formattedTransactionDate = DateUtils.getDateStringFromISOTimestamp(transactionDate);
@@ -92,14 +92,14 @@ function MoneyRequestDetails(props) {
     const shouldShowSettlementButton = !isSettled && !props.isSingleTransactionView && isPayer;
     const bankAccountRoute = ReportUtils.getBankAccountRoute(props.chatReport);
     const shouldShowPaypal = Boolean(lodashGet(props.personalDetails, [moneyRequestReport.ownerAccountID, 'payPalMeAddress']));
-    const { addWorkspaceRoomOrChatPendingAction, addWorkspaceRoomOrChatErrors } = ReportUtils.getReportOfflinePendingActionAndErrors(props.report);
+    const {addWorkspaceRoomOrChatPendingAction, addWorkspaceRoomOrChatErrors} = ReportUtils.getReportOfflinePendingActionAndErrors(props.report);
     return (
         <OfflineWithFeedback
             pendingAction={addWorkspaceRoomOrChatPendingAction}
             errors={addWorkspaceRoomOrChatErrors}
             shouldShowErrorMessages={false}
         >
-            <View style={[{ backgroundColor: themeColors.highlightBG }, styles.pl0]}>
+            <View style={[{backgroundColor: themeColors.highlightBG}, styles.pl0]}>
                 <View style={[styles.ph5, styles.pb2]}>
                     <Text style={[styles.textLabelSupporting, styles.lh16]}>{props.translate('common.to')}</Text>
                     <View style={[styles.flexRow, styles.alignItemsCenter, styles.justifyContentBetween, styles.pv3]}>
@@ -177,22 +177,22 @@ function MoneyRequestDetails(props) {
                             description={`${props.translate('iou.amount')} • ${props.translate('iou.cash')}${isSettled ? ` • ${props.translate('iou.settledExpensify')}` : ''}`}
                             titleStyle={styles.newKansasLarge}
                             disabled={isSettled}
-                        // Note: These options are temporarily disabled while we figure out the required API changes
-                        // shouldShowRightIcon={!isSettled}
-                        // onPress={() => Navigation.navigate(ROUTES.getEditRequestRoute(props.report.reportID, CONST.EDIT_REQUEST_FIELD.AMOUNT))}
+                            // Note: These options are temporarily disabled while we figure out the required API changes
+                            // shouldShowRightIcon={!isSettled}
+                            // onPress={() => Navigation.navigate(ROUTES.getEditRequestRoute(props.report.reportID, CONST.EDIT_REQUEST_FIELD.AMOUNT))}
                         />
                         <MenuItemWithTopDescription
                             description={props.translate('common.description')}
                             title={transactionDescription}
                             disabled={isSettled}
-                        // shouldShowRightIcon={!isSettled}
-                        // onPress={() => Navigation.navigate(ROUTES.getEditRequestRoute(props.report.reportID, CONST.EDIT_REQUEST_FIELD.DESCRIPTION))}
+                            // shouldShowRightIcon={!isSettled}
+                            // onPress={() => Navigation.navigate(ROUTES.getEditRequestRoute(props.report.reportID, CONST.EDIT_REQUEST_FIELD.DESCRIPTION))}
                         />
                         <MenuItemWithTopDescription
                             description={props.translate('common.date')}
                             title={formattedTransactionDate}
-                        // shouldShowRightIcon={!isSettled}
-                        // onPress={() => Navigation.navigate(ROUTES.getEditRequestRoute(props.report.reportID, CONST.EDIT_REQUEST_FIELD.DATE))}
+                            // shouldShowRightIcon={!isSettled}
+                            // onPress={() => Navigation.navigate(ROUTES.getEditRequestRoute(props.report.reportID, CONST.EDIT_REQUEST_FIELD.DATE))}
                         />
                     </>
                 )}
@@ -210,7 +210,7 @@ export default compose(
     withLocalize,
     withOnyx({
         chatReport: {
-            key: ({ report }) => `${ONYXKEYS.COLLECTION.REPORT}${report.chatReportID}`,
+            key: ({report}) => `${ONYXKEYS.COLLECTION.REPORT}${report.chatReportID}`,
         },
         session: {
             key: ONYXKEYS.SESSION,
diff --git a/src/languages/en.js b/src/languages/en.js
index 85c82538cb45..e2bd3da4cd4c 100755
--- a/src/languages/en.js
+++ b/src/languages/en.js
@@ -1,4 +1,4 @@
-import { CONST as COMMON_CONST } from 'expensify-common/lib/CONST';
+import {CONST as COMMON_CONST} from 'expensify-common/lib/CONST';
 import CONST from '../CONST';
 import * as ReportActionsUtils from '../libs/ReportActionsUtils';
 
@@ -72,7 +72,7 @@ export default {
         currentMonth: 'Current month',
         ssnLast4: 'Last 4 digits of SSN',
         ssnFull9: 'Full 9 digits of SSN',
-        addressLine: ({ lineNumber }) => `Address line ${lineNumber}`,
+        addressLine: ({lineNumber}) => `Address line ${lineNumber}`,
         personalAddress: 'Personal address',
         companyAddress: 'Company address',
         noPO: 'PO boxes and mail drop addresses are not allowed',
@@ -103,7 +103,7 @@ export default {
             acceptTerms: 'You must accept the Terms of Service to continue',
             phoneNumber: `Please enter a valid phone number, with the country code (e.g. ${CONST.EXAMPLE_PHONE_NUMBER})`,
             fieldRequired: 'This field is required.',
-            characterLimit: ({ limit }) => `Exceeds the maximum length of ${limit} characters`,
+            characterLimit: ({limit}) => `Exceeds the maximum length of ${limit} characters`,
             dateInvalid: 'Please select a valid date',
             invalidCharacter: 'Invalid character',
         },
@@ -133,14 +133,14 @@ export default {
         youAfterPreposition: 'you',
         your: 'your',
         conciergeHelp: 'Please reach out to Concierge for help.',
-        maxParticipantsReached: ({ count }) => `You've selected the maximum number (${count}) of participants.`,
+        maxParticipantsReached: ({count}) => `You've selected the maximum number (${count}) of participants.`,
         youAppearToBeOffline: 'You appear to be offline.',
         thisFeatureRequiresInternet: 'This feature requires an active internet connection to be used.',
         areYouSure: 'Are you sure?',
         verify: 'Verify',
         yesContinue: 'Yes, continue',
         websiteExample: 'e.g. https://www.expensify.com',
-        zipCodeExampleFormat: ({ zipSampleFormat }) => (zipSampleFormat ? `e.g. ${zipSampleFormat}` : ''),
+        zipCodeExampleFormat: ({zipSampleFormat}) => (zipSampleFormat ? `e.g. ${zipSampleFormat}` : ''),
         description: 'Description',
         with: 'with',
         shareCode: 'Share code',
@@ -234,8 +234,8 @@ export default {
         phrase2: "Money talks. And now that chat and payments are in one place, it's also easy.",
         phrase3: 'Your payments get to you as fast as you can get your point across.',
         enterPassword: 'Please enter your password',
-        newFaceEnterMagicCode: ({ login }) => `It's always great to see a new face around here! Please enter the magic code sent to ${login}. It should arrive within a minute or two.`,
-        welcomeEnterMagicCode: ({ login }) => `Please enter the magic code sent to ${login}. It should arrive within a minute or two.`,
+        newFaceEnterMagicCode: ({login}) => `It's always great to see a new face around here! Please enter the magic code sent to ${login}. It should arrive within a minute or two.`,
+        welcomeEnterMagicCode: ({login}) => `Please enter the magic code sent to ${login}. It should arrive within a minute or two.`,
     },
     login: {
         hero: {
@@ -244,8 +244,8 @@ export default {
         },
     },
     thirdPartySignIn: {
-        alreadySignedIn: ({ email }) => `You are already signed in as ${email}.`,
-        goBackMessage: ({ provider }) => `Don't want to sign in with ${provider}?`,
+        alreadySignedIn: ({email}) => `You are already signed in as ${email}.`,
+        goBackMessage: ({provider}) => `Don't want to sign in with ${provider}?`,
         continueWithMyCurrentSession: 'Continue with my current session',
         redirectToDesktopMessage: "We'll redirect you to the desktop app once you finish signing in.",
         signInAgreementMessage: 'By logging in, you agree to the',
@@ -270,7 +270,7 @@ export default {
         ],
         blockedFromConcierge: 'Communication is barred',
         fileUploadFailed: 'Upload failed. File is not supported.',
-        localTime: ({ user, time }) => `It's ${time} for ${user}`,
+        localTime: ({user, time}) => `It's ${time} for ${user}`,
         edited: '(edited)',
         emoji: 'Emoji',
         collapse: 'Collapse',
@@ -285,8 +285,8 @@ export default {
         markAsUnread: 'Mark as unread',
         markAsRead: 'Mark as read',
         editComment: 'Edit comment',
-        deleteAction: ({ action }) => `Delete ${ReportActionsUtils.isMoneyRequestAction(action) ? 'request' : 'comment'}`,
-        deleteConfirmation: ({ action }) => `Are you sure you want to delete this ${ReportActionsUtils.isMoneyRequestAction(action) ? 'request' : 'comment'}?`,
+        deleteAction: ({action}) => `Delete ${ReportActionsUtils.isMoneyRequestAction(action) ? 'request' : 'comment'}`,
+        deleteConfirmation: ({action}) => `Are you sure you want to delete this ${ReportActionsUtils.isMoneyRequestAction(action) ? 'request' : 'comment'}?`,
         onlyVisible: 'Only visible to',
         replyInThread: 'Reply in thread',
         flagAsOffensive: 'Flag as offensive',
@@ -298,12 +298,12 @@ export default {
     reportActionsView: {
         beginningOfArchivedRoomPartOne: 'You missed the party in ',
         beginningOfArchivedRoomPartTwo: ", there's nothing to see here.",
-        beginningOfChatHistoryDomainRoomPartOne: ({ domainRoom }) => `Collaboration with everyone at ${domainRoom} starts here! 🎉\nUse `,
+        beginningOfChatHistoryDomainRoomPartOne: ({domainRoom}) => `Collaboration with everyone at ${domainRoom} starts here! 🎉\nUse `,
         beginningOfChatHistoryDomainRoomPartTwo: ' to chat with colleagues, share tips, and ask questions.',
-        beginningOfChatHistoryAdminRoomPartOne: ({ workspaceName }) => `Collaboration among ${workspaceName} admins starts here! 🎉\nUse `,
+        beginningOfChatHistoryAdminRoomPartOne: ({workspaceName}) => `Collaboration among ${workspaceName} admins starts here! 🎉\nUse `,
         beginningOfChatHistoryAdminRoomPartTwo: ' to chat about topics such as workspace configurations and more.',
-        beginningOfChatHistoryAnnounceRoomPartOne: ({ workspaceName }) => `Collaboration between all ${workspaceName} members starts here! 🎉\nUse `,
-        beginningOfChatHistoryAnnounceRoomPartTwo: ({ workspaceName }) => ` to chat about anything ${workspaceName} related.`,
+        beginningOfChatHistoryAnnounceRoomPartOne: ({workspaceName}) => `Collaboration between all ${workspaceName} members starts here! 🎉\nUse `,
+        beginningOfChatHistoryAnnounceRoomPartTwo: ({workspaceName}) => ` to chat about anything ${workspaceName} related.`,
         beginningOfChatHistoryUserRoomPartOne: 'Collaboration starts here! 🎉\nUse this space to chat about anything ',
         beginningOfChatHistoryUserRoomPartTwo: ' related.',
         beginningOfChatHistory: 'This is the beginning of your chat with ',
@@ -328,12 +328,12 @@ export default {
     },
     reportArchiveReasons: {
         [CONST.REPORT.ARCHIVE_REASON.DEFAULT]: 'This chat room has been archived.',
-        [CONST.REPORT.ARCHIVE_REASON.ACCOUNT_CLOSED]: ({ displayName }) => `This workspace chat is no longer active because ${displayName} closed their account.`,
-        [CONST.REPORT.ARCHIVE_REASON.ACCOUNT_MERGED]: ({ displayName, oldDisplayName }) =>
+        [CONST.REPORT.ARCHIVE_REASON.ACCOUNT_CLOSED]: ({displayName}) => `This workspace chat is no longer active because ${displayName} closed their account.`,
+        [CONST.REPORT.ARCHIVE_REASON.ACCOUNT_MERGED]: ({displayName, oldDisplayName}) =>
             `This workspace chat is no longer active because ${oldDisplayName} has merged their account with ${displayName}.`,
-        [CONST.REPORT.ARCHIVE_REASON.REMOVED_FROM_POLICY]: ({ displayName, policyName }) =>
+        [CONST.REPORT.ARCHIVE_REASON.REMOVED_FROM_POLICY]: ({displayName, policyName}) =>
             `This workspace chat is no longer active because ${displayName} is no longer a member of the ${policyName} workspace.`,
-        [CONST.REPORT.ARCHIVE_REASON.POLICY_DELETED]: ({ policyName }) => `This workspace chat is no longer active because ${policyName} is no longer an active workspace.`,
+        [CONST.REPORT.ARCHIVE_REASON.POLICY_DELETED]: ({policyName}) => `This workspace chat is no longer active because ${policyName} is no longer an active workspace.`,
     },
     writeCapabilityPage: {
         label: 'Who can post',
@@ -368,24 +368,24 @@ export default {
         settledExpensify: 'Paid',
         settledElsewhere: 'Paid elsewhere',
         settledPaypalMe: 'Paid using Paypal.me',
-        settleExpensify: ({ formattedAmount }) => `Pay ${formattedAmount} with Expensify`,
+        settleExpensify: ({formattedAmount}) => `Pay ${formattedAmount} with Expensify`,
         payElsewhere: 'Pay elsewhere',
-        settlePaypalMe: ({ formattedAmount }) => `Pay ${formattedAmount} with PayPal.me`,
-        requestAmount: ({ amount }) => `request ${amount}`,
-        splitAmount: ({ amount }) => `split ${amount}`,
-        amountEach: ({ amount }) => `${amount} each`,
-        payerOwesAmount: ({ payer, amount }) => `${payer} owes ${amount}`,
-        payerOwes: ({ payer }) => `${payer} owes: `,
-        payerPaidAmount: ({ payer, amount }) => `${payer} paid ${amount}`,
-        payerPaid: ({ payer }) => `${payer} paid: `,
-        payerSettled: ({ amount }) => `paid ${amount}`,
-        paidElsewhereWithAmount: ({ amount }) => `paid ${amount} elsewhere`,
-        paidUsingPaypalWithAmount: ({ amount }) => `paid ${amount} using Paypal.me`,
-        paidUsingExpensifyWithAmount: ({ amount }) => `paid ${amount} using Expensify`,
+        settlePaypalMe: ({formattedAmount}) => `Pay ${formattedAmount} with PayPal.me`,
+        requestAmount: ({amount}) => `request ${amount}`,
+        splitAmount: ({amount}) => `split ${amount}`,
+        amountEach: ({amount}) => `${amount} each`,
+        payerOwesAmount: ({payer, amount}) => `${payer} owes ${amount}`,
+        payerOwes: ({payer}) => `${payer} owes: `,
+        payerPaidAmount: ({payer, amount}) => `${payer} paid ${amount}`,
+        payerPaid: ({payer}) => `${payer} paid: `,
+        payerSettled: ({amount}) => `paid ${amount}`,
+        paidElsewhereWithAmount: ({amount}) => `paid ${amount} elsewhere`,
+        paidUsingPaypalWithAmount: ({amount}) => `paid ${amount} using Paypal.me`,
+        paidUsingExpensifyWithAmount: ({amount}) => `paid ${amount} using Expensify`,
         noReimbursableExpenses: 'This report has an invalid amount',
         pendingConversionMessage: "Total will update when you're back online",
-        threadRequestReportName: ({ formattedAmount, comment }) => `${formattedAmount} request${comment ? ` for ${comment}` : ''}`,
-        threadSentMoneyReportName: ({ formattedAmount, comment }) => `${formattedAmount} sent${comment ? ` for ${comment}` : ''}`,
+        threadRequestReportName: ({formattedAmount, comment}) => `${formattedAmount} request${comment ? ` for ${comment}` : ''}`,
+        threadSentMoneyReportName: ({formattedAmount, comment}) => `${formattedAmount} sent${comment ? ` for ${comment}` : ''}`,
         error: {
             invalidSplit: 'Split amounts do not equal total amount',
             other: 'Unexpected error, please try again later',
@@ -412,10 +412,10 @@ export default {
         editImage: 'Edit photo',
         imageUploadFailed: 'Image upload failed',
         deleteWorkspaceError: 'Sorry, there was an unexpected problem deleting your workspace avatar.',
-        sizeExceeded: ({ maxUploadSizeInMB }) => `The selected image exceeds the maximum upload size of ${maxUploadSizeInMB}MB.`,
-        resolutionConstraints: ({ minHeightInPx, minWidthInPx, maxHeightInPx, maxWidthInPx }) =>
+        sizeExceeded: ({maxUploadSizeInMB}) => `The selected image exceeds the maximum upload size of ${maxUploadSizeInMB}MB.`,
+        resolutionConstraints: ({minHeightInPx, minWidthInPx, maxHeightInPx, maxWidthInPx}) =>
             `Please upload an image larger than ${minHeightInPx}x${minWidthInPx} pixels and smaller than ${maxHeightInPx}x${maxWidthInPx} pixels.`,
-        notAllowedExtension: ({ allowedExtensions }) => `Profile picture must be one of the following types: ${allowedExtensions.join(', ')}.`,
+        notAllowedExtension: ({allowedExtensions}) => `Profile picture must be one of the following types: ${allowedExtensions.join(', ')}.`,
     },
     profilePage: {
         profile: 'Profile',
@@ -451,7 +451,7 @@ export default {
         helpTextAfterEmail: ' from multiple email addresses.',
         pleaseVerify: 'Please verify this contact method',
         getInTouch: "Whenever we need to get in touch with you, we'll use this contact method.",
-        enterMagicCode: ({ contactMethod }) => `Please enter the magic code sent to ${contactMethod}`,
+        enterMagicCode: ({contactMethod}) => `Please enter the magic code sent to ${contactMethod}`,
         setAsDefault: 'Set as default',
         yourDefaultContactMethod:
             'This is your current default contact method. You will not be able to delete this contact method until you set an alternative default by selecting another contact method and pressing “Set as default”.',
@@ -642,9 +642,9 @@ export default {
         addBankAccountFailure: 'An unexpected error occurred while trying to add your bank account. Please try again.',
     },
     transferAmountPage: {
-        transfer: ({ amount }) => `Transfer${amount ? ` ${amount}` : ''}`,
+        transfer: ({amount}) => `Transfer${amount ? ` ${amount}` : ''}`,
         instant: 'Instant (Debit card)',
-        instantSummary: ({ rate, minAmount }) => `${rate}% fee (${minAmount} minimum)`,
+        instantSummary: ({rate, minAmount}) => `${rate}% fee (${minAmount} minimum)`,
         ach: '1-3 Business days (Bank account)',
         achSummary: 'No fee',
         whichAccount: 'Which account?',
@@ -775,7 +775,7 @@ export default {
         },
         cannotGetAccountDetails: "Couldn't retrieve account details, please try to sign in again.",
         loginForm: 'Login form',
-        notYou: ({ user }) => `Not ${user}?`,
+        notYou: ({user}) => `Not ${user}?`,
     },
     personalDetails: {
         error: {
@@ -791,27 +791,27 @@ export default {
         legalLastName: 'Legal last name',
         homeAddress: 'Home address',
         error: {
-            dateShouldBeBefore: ({ dateString }) => `Date should be before ${dateString}.`,
-            dateShouldBeAfter: ({ dateString }) => `Date should be after ${dateString}.`,
+            dateShouldBeBefore: ({dateString}) => `Date should be before ${dateString}.`,
+            dateShouldBeAfter: ({dateString}) => `Date should be after ${dateString}.`,
             hasInvalidCharacter: 'Name can only include latin letters and numbers.',
-            incorrectZipFormat: ({ zipFormat }) => `Incorrect zip code format.${zipFormat ? ` Acceptable format: ${zipFormat}` : ''}`,
+            incorrectZipFormat: ({zipFormat}) => `Incorrect zip code format.${zipFormat ? ` Acceptable format: ${zipFormat}` : ''}`,
         },
     },
     resendValidationForm: {
         linkHasBeenResent: 'Link has been re-sent',
-        weSentYouMagicSignInLink: ({ login, loginType }) => `I've sent a magic sign-in link to ${login}. Please check your ${loginType} to sign in.`,
+        weSentYouMagicSignInLink: ({login, loginType}) => `I've sent a magic sign-in link to ${login}. Please check your ${loginType} to sign in.`,
         resendLink: 'Resend link',
     },
     unlinkLoginForm: {
-        toValidateLogin: ({ primaryLogin, secondaryLogin }) => `To validate ${secondaryLogin}, please resend the magic code from the Account Settings of ${primaryLogin}.`,
-        noLongerHaveAccess: ({ primaryLogin }) => `If you no longer have access to ${primaryLogin}, please unlink your accounts.`,
+        toValidateLogin: ({primaryLogin, secondaryLogin}) => `To validate ${secondaryLogin}, please resend the magic code from the Account Settings of ${primaryLogin}.`,
+        noLongerHaveAccess: ({primaryLogin}) => `If you no longer have access to ${primaryLogin}, please unlink your accounts.`,
         unlink: 'Unlink',
         linkSent: 'Link sent!',
         succesfullyUnlinkedLogin: 'Secondary login successfully unlinked!',
     },
     emailDeliveryFailurePage: {
-        ourEmailProvider: ({ login }) => `Our email provider has temporarily suspended emails to ${login} due to delivery issues. To unblock your login, please follow these steps:`,
-        confirmThat: ({ login }) => `Confirm that ${login} is spelled correctly and is a real, deliverable email address. `,
+        ourEmailProvider: ({login}) => `Our email provider has temporarily suspended emails to ${login} due to delivery issues. To unblock your login, please follow these steps:`,
+        confirmThat: ({login}) => `Confirm that ${login} is spelled correctly and is a real, deliverable email address. `,
         emailAliases: 'Email aliases such as "expenses@domain.com" must have access to their own email inbox for it to be a valid Expensify login.',
         ensureYourEmailClient: 'Ensure your email client allows expensify.com emails. ',
         youCanFindDirections: 'You can find directions on how to complete this step ',
@@ -847,7 +847,7 @@ export default {
         setPasswordLinkInvalid: 'This set password link is invalid or has expired. A new one is waiting for you in your email inbox!',
         validateAccount: 'Verify account',
     },
-    stepCounter: ({ step, total, text }) => {
+    stepCounter: ({step, total, text}) => {
         let result = `Step ${step}`;
 
         if (total) {
@@ -1134,7 +1134,7 @@ export default {
             unavailable: 'Unavailable workspace',
             memberNotFound: 'Member not found. To invite a new member to the workspace, please use the Invite button above.',
             notAuthorized: `You do not have access to this page. Are you trying to join the workspace? Please reach out to the owner of this workspace so they can add you as a member! Something else? Reach out to ${CONST.EMAIL.CONCIERGE}`,
-            goToRoom: ({ roomName }) => `Go to ${roomName} room`,
+            goToRoom: ({roomName}) => `Go to ${roomName} room`,
         },
         emptyWorkspace: {
             title: 'Create a new workspace',
@@ -1226,7 +1226,7 @@ export default {
             personalMessagePrompt: 'Message',
             genericFailureMessage: 'An error occurred inviting the user to the workspace, please try again.',
             inviteNoMembersError: 'Please select at least one member to invite',
-            welcomeNote: ({ workspaceName }) =>
+            welcomeNote: ({workspaceName}) =>
                 `You have been invited to ${workspaceName || 'a workspace'}! Download the Expensify mobile app at use.expensify.com/download to start tracking your expenses.`,
         },
         editor: {
@@ -1302,12 +1302,12 @@ export default {
         public_announceDescription: 'Anyone can find this room',
         createRoom: 'Create room',
         roomAlreadyExistsError: 'A room with this name already exists',
-        roomNameReservedError: ({ reservedName }) => `${reservedName} is a default room on all workspaces. Please choose another name.`,
+        roomNameReservedError: ({reservedName}) => `${reservedName} is a default room on all workspaces. Please choose another name.`,
         roomNameInvalidError: 'Room names can only include lowercase letters, numbers and hyphens',
         pleaseEnterRoomName: 'Please enter a room name',
         pleaseSelectWorkspace: 'Please select a workspace',
-        renamedRoomAction: ({ oldName, newName }) => ` renamed this room from ${oldName} to ${newName}`,
-        roomRenamedTo: ({ newName }) => `Room renamed to ${newName}`,
+        renamedRoomAction: ({oldName, newName}) => ` renamed this room from ${oldName} to ${newName}`,
+        roomRenamedTo: ({newName}) => `Room renamed to ${newName}`,
         social: 'social',
         selectAWorkspace: 'Select a workspace',
         growlMessageOnRenameError: 'Unable to rename policy room, please check your connection and try again.',
@@ -1457,8 +1457,8 @@ export default {
         noActivityYet: 'No activity yet',
     },
     chronos: {
-        oooEventSummaryFullDay: ({ summary, dayCount, date }) => `${summary} for ${dayCount} ${dayCount === 1 ? 'day' : 'days'} until ${date}`,
-        oooEventSummaryPartialDay: ({ summary, timePeriod, date }) => `${summary} from ${timePeriod} on ${date}`,
+        oooEventSummaryFullDay: ({summary, dayCount, date}) => `${summary} for ${dayCount} ${dayCount === 1 ? 'day' : 'days'} until ${date}`,
+        oooEventSummaryPartialDay: ({summary, timePeriod, date}) => `${summary} from ${timePeriod} on ${date}`,
     },
     footer: {
         features: 'Features',
@@ -1511,7 +1511,7 @@ export default {
     threads: {
         replies: 'Replies',
         reply: 'Reply',
-        parentNavigationSummary: ({ rootReportName, workspaceName }) => `From ${rootReportName}${workspaceName ? ` in ${workspaceName}` : ''}`,
+        parentNavigationSummary: ({rootReportName, workspaceName}) => `From ${rootReportName}${workspaceName ? ` in ${workspaceName}` : ''}`,
     },
     qrCodes: {
         copyUrlToClipboard: 'Copy URL to clipboard',
diff --git a/src/languages/es.js b/src/languages/es.js
index ee2984e8f8d5..e06724afecfb 100644
--- a/src/languages/es.js
+++ b/src/languages/es.js
@@ -71,7 +71,7 @@ export default {
         currentMonth: 'Mes actual',
         ssnLast4: 'Últimos 4 dígitos de su SSN',
         ssnFull9: 'Los 9 dígitos del SSN',
-        addressLine: ({ lineNumber }) => `Dirección línea ${lineNumber}`,
+        addressLine: ({lineNumber}) => `Dirección línea ${lineNumber}`,
         personalAddress: 'Dirección física personal',
         companyAddress: 'Dirección física de la empresa',
         noPO: 'No se aceptan apartados ni direcciones postales',
@@ -102,7 +102,7 @@ export default {
             acceptTerms: 'Debes aceptar los Términos de Servicio para continuar',
             phoneNumber: `Introduce un teléfono válido, incluyendo el código del país (p. ej. ${CONST.EXAMPLE_PHONE_NUMBER})`,
             fieldRequired: 'Este campo es obligatorio.',
-            characterLimit: ({ limit }) => `Supera el límite de ${limit} caracteres`,
+            characterLimit: ({limit}) => `Supera el límite de ${limit} caracteres`,
             dateInvalid: 'Por favor, selecciona una fecha válida',
             invalidCharacter: 'Carácter invalido',
         },
@@ -132,14 +132,14 @@ export default {
         youAfterPreposition: 'ti',
         your: 'tu',
         conciergeHelp: 'Por favor, contacta con Concierge para obtener ayuda.',
-        maxParticipantsReached: ({ count }) => `Has seleccionado el número máximo (${count}) de participantes.`,
+        maxParticipantsReached: ({count}) => `Has seleccionado el número máximo (${count}) de participantes.`,
         youAppearToBeOffline: 'Parece que estás desconectado.',
         thisFeatureRequiresInternet: 'Esta función requiere una conexión a Internet activa para ser utilizada.',
         areYouSure: '¿Estás seguro?',
         verify: 'Verifique',
         yesContinue: 'Sí, Continuar',
         websiteExample: 'p. ej. https://www.expensify.com',
-        zipCodeExampleFormat: ({ zipSampleFormat }) => (zipSampleFormat ? `p. ej. ${zipSampleFormat}` : ''),
+        zipCodeExampleFormat: ({zipSampleFormat}) => (zipSampleFormat ? `p. ej. ${zipSampleFormat}` : ''),
         description: 'Descripción',
         with: 'con',
         shareCode: 'Compartir código',
@@ -233,8 +233,8 @@ export default {
         phrase2: 'El dinero habla. Y ahora que chat y pagos están en un mismo lugar, es también fácil.',
         phrase3: 'Tus pagos llegan tan rápido como tus mensajes.',
         enterPassword: 'Por favor, introduce tu contraseña',
-        newFaceEnterMagicCode: ({ login }) => `¡Siempre es genial ver una cara nueva por aquí! Por favor ingresa el código mágico enviado a ${login}. Debería llegar en un par de minutos.`,
-        welcomeEnterMagicCode: ({ login }) => `Por favor, introduce el código mágico enviado a ${login}. Debería llegar en un par de minutos.`,
+        newFaceEnterMagicCode: ({login}) => `¡Siempre es genial ver una cara nueva por aquí! Por favor ingresa el código mágico enviado a ${login}. Debería llegar en un par de minutos.`,
+        welcomeEnterMagicCode: ({login}) => `Por favor, introduce el código mágico enviado a ${login}. Debería llegar en un par de minutos.`,
     },
     login: {
         hero: {
@@ -243,8 +243,8 @@ export default {
         },
     },
     thirdPartySignIn: {
-        alreadySignedIn: ({ email }) => `Ya has iniciado sesión con ${email}.`,
-        goBackMessage: ({ provider }) => `No quieres iniciar sesión con ${provider}?`,
+        alreadySignedIn: ({email}) => `Ya has iniciado sesión con ${email}.`,
+        goBackMessage: ({provider}) => `No quieres iniciar sesión con ${provider}?`,
         continueWithMyCurrentSession: 'Continuar con mi sesión actual',
         redirectToDesktopMessage: 'Lo redirigiremos a la aplicación de escritorio una vez que termine de iniciar sesión.',
         signInAgreementMessage: 'Al iniciar sesión, aceptas las',
@@ -269,7 +269,7 @@ export default {
         ],
         blockedFromConcierge: 'Comunicación no permitida',
         fileUploadFailed: 'Subida fallida. El archivo no es compatible.',
-        localTime: ({ user, time }) => `Son las ${time} para ${user}`,
+        localTime: ({user, time}) => `Son las ${time} para ${user}`,
         edited: '(editado)',
         emoji: 'Emoji',
         collapse: 'Colapsar',
@@ -284,8 +284,8 @@ export default {
         markAsUnread: 'Marcar como no leído',
         markAsRead: 'Marcar como leído',
         editComment: 'Editar comentario',
-        deleteAction: ({ action }) => `Eliminar ${ReportActionsUtils.isMoneyRequestAction(action) ? 'pedido' : 'comentario'}`,
-        deleteConfirmation: ({ action }) => `¿Estás seguro de que quieres eliminar este ${ReportActionsUtils.isMoneyRequestAction(action) ? 'pedido' : 'comentario'}`,
+        deleteAction: ({action}) => `Eliminar ${ReportActionsUtils.isMoneyRequestAction(action) ? 'pedido' : 'comentario'}`,
+        deleteConfirmation: ({action}) => `¿Estás seguro de que quieres eliminar este ${ReportActionsUtils.isMoneyRequestAction(action) ? 'pedido' : 'comentario'}`,
         onlyVisible: 'Visible sólo para',
         replyInThread: 'Responder en el hilo',
         flagAsOffensive: 'Marcar como ofensivo',
@@ -297,12 +297,12 @@ export default {
     reportActionsView: {
         beginningOfArchivedRoomPartOne: 'Te perdiste la fiesta en ',
         beginningOfArchivedRoomPartTwo: ', no hay nada que ver aquí.',
-        beginningOfChatHistoryDomainRoomPartOne: ({ domainRoom }) => `Colabora aquí con todos los participantes de ${domainRoom}! 🎉\nUtiliza `,
+        beginningOfChatHistoryDomainRoomPartOne: ({domainRoom}) => `Colabora aquí con todos los participantes de ${domainRoom}! 🎉\nUtiliza `,
         beginningOfChatHistoryDomainRoomPartTwo: ' para chatear con compañeros, compartir consejos o hacer una pregunta.',
-        beginningOfChatHistoryAdminRoomPartOne: ({ workspaceName }) => `Este es el lugar para que los administradores de ${workspaceName} colaboren! 🎉\nUsa `,
+        beginningOfChatHistoryAdminRoomPartOne: ({workspaceName}) => `Este es el lugar para que los administradores de ${workspaceName} colaboren! 🎉\nUsa `,
         beginningOfChatHistoryAdminRoomPartTwo: ' para chatear sobre temas como la configuración del espacio de trabajo y mas.',
-        beginningOfChatHistoryAnnounceRoomPartOne: ({ workspaceName }) => `Este es el lugar para que todos los miembros de ${workspaceName} colaboren! 🎉\nUsa `,
-        beginningOfChatHistoryAnnounceRoomPartTwo: ({ workspaceName }) => ` para chatear sobre cualquier cosa relacionada con ${workspaceName}.`,
+        beginningOfChatHistoryAnnounceRoomPartOne: ({workspaceName}) => `Este es el lugar para que todos los miembros de ${workspaceName} colaboren! 🎉\nUsa `,
+        beginningOfChatHistoryAnnounceRoomPartTwo: ({workspaceName}) => ` para chatear sobre cualquier cosa relacionada con ${workspaceName}.`,
         beginningOfChatHistoryUserRoomPartOne: 'Este es el lugar para colaborar! 🎉\nUsa este espacio para chatear sobre cualquier cosa relacionada con ',
         beginningOfChatHistoryUserRoomPartTwo: '.',
         beginningOfChatHistory: 'Aquí comienzan tus conversaciones con ',
@@ -327,12 +327,12 @@ export default {
     },
     reportArchiveReasons: {
         [CONST.REPORT.ARCHIVE_REASON.DEFAULT]: 'Esta sala de chat ha sido eliminada.',
-        [CONST.REPORT.ARCHIVE_REASON.ACCOUNT_CLOSED]: ({ displayName }) => `Este chat de espacio de trabajo esta desactivado porque ${displayName} ha cerrado su cuenta.`,
-        [CONST.REPORT.ARCHIVE_REASON.ACCOUNT_MERGED]: ({ displayName, oldDisplayName }) =>
+        [CONST.REPORT.ARCHIVE_REASON.ACCOUNT_CLOSED]: ({displayName}) => `Este chat de espacio de trabajo esta desactivado porque ${displayName} ha cerrado su cuenta.`,
+        [CONST.REPORT.ARCHIVE_REASON.ACCOUNT_MERGED]: ({displayName, oldDisplayName}) =>
             `Este chat de espacio de trabajo esta desactivado porque ${oldDisplayName} ha combinado su cuenta con ${displayName}.`,
-        [CONST.REPORT.ARCHIVE_REASON.REMOVED_FROM_POLICY]: ({ displayName, policyName }) =>
+        [CONST.REPORT.ARCHIVE_REASON.REMOVED_FROM_POLICY]: ({displayName, policyName}) =>
             `Este chat de espacio de trabajo esta desactivado porque ${displayName} ha dejado de ser miembro del espacio de trabajo ${policyName}.`,
-        [CONST.REPORT.ARCHIVE_REASON.POLICY_DELETED]: ({ policyName }) => `Este chat de espacio de trabajo esta desactivado porque el espacio de trabajo ${policyName} se ha eliminado.`,
+        [CONST.REPORT.ARCHIVE_REASON.POLICY_DELETED]: ({policyName}) => `Este chat de espacio de trabajo esta desactivado porque el espacio de trabajo ${policyName} se ha eliminado.`,
     },
     writeCapabilityPage: {
         label: 'Quién puede postear',
@@ -367,24 +367,24 @@ export default {
         settledExpensify: 'Pagado',
         settledElsewhere: 'Pagado de otra forma',
         settledPaypalMe: 'Pagado con PayPal.me',
-        settleExpensify: ({ formattedAmount }) => `Pagar ${formattedAmount} con Expensify`,
+        settleExpensify: ({formattedAmount}) => `Pagar ${formattedAmount} con Expensify`,
         payElsewhere: 'Pagar de otra forma',
-        settlePaypalMe: ({ formattedAmount }) => `Pagar ${formattedAmount} con PayPal.me`,
-        requestAmount: ({ amount }) => `solicitar ${amount}`,
-        splitAmount: ({ amount }) => `dividir ${amount}`,
-        amountEach: ({ amount }) => `${amount} cada uno`,
-        payerOwesAmount: ({ payer, amount }) => `${payer} debe ${amount}`,
-        payerOwes: ({ payer }) => `${payer} debe: `,
-        payerPaidAmount: ({ payer, amount }) => `${payer} pagó ${amount}`,
-        payerPaid: ({ payer }) => `${payer} pagó: `,
-        payerSettled: ({ amount }) => `pagó ${amount}`,
-        paidElsewhereWithAmount: ({ amount }) => `pagó ${amount} de otra forma`,
-        paidUsingPaypalWithAmount: ({ amount }) => `pagó ${amount} con PayPal.me`,
-        paidUsingExpensifyWithAmount: ({ amount }) => `pagó ${amount} con Expensify`,
+        settlePaypalMe: ({formattedAmount}) => `Pagar ${formattedAmount} con PayPal.me`,
+        requestAmount: ({amount}) => `solicitar ${amount}`,
+        splitAmount: ({amount}) => `dividir ${amount}`,
+        amountEach: ({amount}) => `${amount} cada uno`,
+        payerOwesAmount: ({payer, amount}) => `${payer} debe ${amount}`,
+        payerOwes: ({payer}) => `${payer} debe: `,
+        payerPaidAmount: ({payer, amount}) => `${payer} pagó ${amount}`,
+        payerPaid: ({payer}) => `${payer} pagó: `,
+        payerSettled: ({amount}) => `pagó ${amount}`,
+        paidElsewhereWithAmount: ({amount}) => `pagó ${amount} de otra forma`,
+        paidUsingPaypalWithAmount: ({amount}) => `pagó ${amount} con PayPal.me`,
+        paidUsingExpensifyWithAmount: ({amount}) => `pagó ${amount} con Expensify`,
         noReimbursableExpenses: 'El monto de este informe es inválido',
         pendingConversionMessage: 'El total se actualizará cuando estés online',
-        threadRequestReportName: ({ formattedAmount, comment }) => `Solicitud de ${formattedAmount}${comment ? ` para ${comment}` : ''}`,
-        threadSentMoneyReportName: ({ formattedAmount, comment }) => `${formattedAmount} enviado${comment ? ` para ${comment}` : ''}`,
+        threadRequestReportName: ({formattedAmount, comment}) => `Solicitud de ${formattedAmount}${comment ? ` para ${comment}` : ''}`,
+        threadSentMoneyReportName: ({formattedAmount, comment}) => `${formattedAmount} enviado${comment ? ` para ${comment}` : ''}`,
         error: {
             invalidSplit: 'La suma de las partes no equivale al monto total',
             other: 'Error inesperado, por favor inténtalo más tarde',
@@ -411,10 +411,10 @@ export default {
         editImage: 'Editar foto',
         imageUploadFailed: 'Error al cargar la imagen',
         deleteWorkspaceError: 'Lo sentimos, hubo un problema eliminando el avatar de su espacio de trabajo.',
-        sizeExceeded: ({ maxUploadSizeInMB }) => `La imagen supera el tamaño máximo de ${maxUploadSizeInMB}MB.`,
-        resolutionConstraints: ({ minHeightInPx, minWidthInPx, maxHeightInPx, maxWidthInPx }) =>
+        sizeExceeded: ({maxUploadSizeInMB}) => `La imagen supera el tamaño máximo de ${maxUploadSizeInMB}MB.`,
+        resolutionConstraints: ({minHeightInPx, minWidthInPx, maxHeightInPx, maxWidthInPx}) =>
             `Por favor, elige una imagen más grande que ${minHeightInPx}x${minWidthInPx} píxeles y más pequeña que ${maxHeightInPx}x${maxWidthInPx} píxeles.`,
-        notAllowedExtension: ({ allowedExtensions }) => `La foto de perfil debe ser de uno de los siguientes tipos: ${allowedExtensions.join(', ')}.`,
+        notAllowedExtension: ({allowedExtensions}) => `La foto de perfil debe ser de uno de los siguientes tipos: ${allowedExtensions.join(', ')}.`,
     },
     profilePage: {
         profile: 'Perfil',
@@ -451,7 +451,7 @@ export default {
         helpTextAfterEmail: ' desde varias direcciones de correo electrónico.',
         pleaseVerify: 'Por favor, verifica este método de contacto',
         getInTouch: 'Utilizaremos este método de contacto cuando necesitemos contactarte.',
-        enterMagicCode: ({ contactMethod }) => `Por favor, introduce el código mágico enviado a ${contactMethod}`,
+        enterMagicCode: ({contactMethod}) => `Por favor, introduce el código mágico enviado a ${contactMethod}`,
         setAsDefault: 'Establecer como predeterminado',
         yourDefaultContactMethod:
             'Este es tu método de contacto predeterminado. No podrás eliminarlo hasta que añadas otro método de contacto y lo marques como predeterminado pulsando "Establecer como predeterminado".',
@@ -643,9 +643,9 @@ export default {
         addBankAccountFailure: 'Ocurrió un error inesperado al intentar agregar su cuenta bancaria. Inténtalo de nuevo.',
     },
     transferAmountPage: {
-        transfer: ({ amount }) => `Transferir${amount ? ` ${amount}` : ''}`,
+        transfer: ({amount}) => `Transferir${amount ? ` ${amount}` : ''}`,
         instant: 'Instante',
-        instantSummary: ({ rate, minAmount }) => `Tarifa del ${rate}% (${minAmount} mínimo)`,
+        instantSummary: ({rate, minAmount}) => `Tarifa del ${rate}% (${minAmount} mínimo)`,
         ach: '1-3 días laborales',
         achSummary: 'Sin cargo',
         whichAccount: '¿Qué cuenta?',
@@ -777,7 +777,7 @@ export default {
         },
         cannotGetAccountDetails: 'No se pudieron cargar los detalles de tu cuenta. Por favor, intenta iniciar sesión de nuevo.',
         loginForm: 'Formulario de inicio de sesión',
-        notYou: ({ user }) => `¿No eres ${user}?`,
+        notYou: ({user}) => `¿No eres ${user}?`,
     },
     personalDetails: {
         error: {
@@ -793,28 +793,28 @@ export default {
         legalLastName: 'Apellidos legales',
         homeAddress: 'Domicilio',
         error: {
-            dateShouldBeBefore: ({ dateString }) => `La fecha debe ser anterior a ${dateString}.`,
-            dateShouldBeAfter: ({ dateString }) => `La fecha debe ser posterior a ${dateString}.`,
-            incorrectZipFormat: ({ zipFormat }) => `Formato de código postal incorrecto.${zipFormat ? ` Formato aceptable: ${zipFormat}` : ''}`,
+            dateShouldBeBefore: ({dateString}) => `La fecha debe ser anterior a ${dateString}.`,
+            dateShouldBeAfter: ({dateString}) => `La fecha debe ser posterior a ${dateString}.`,
+            incorrectZipFormat: ({zipFormat}) => `Formato de código postal incorrecto.${zipFormat ? ` Formato aceptable: ${zipFormat}` : ''}`,
             hasInvalidCharacter: 'El nombre solo puede contener números y caracteres latinos.',
         },
     },
     resendValidationForm: {
         linkHasBeenResent: 'El enlace se ha reenviado',
-        weSentYouMagicSignInLink: ({ login, loginType }) => `Te he enviado un hiperenlace mágico para iniciar sesión a ${login}. Por favor, revisa tu ${loginType}`,
+        weSentYouMagicSignInLink: ({login, loginType}) => `Te he enviado un hiperenlace mágico para iniciar sesión a ${login}. Por favor, revisa tu ${loginType}`,
         resendLink: 'Reenviar enlace',
     },
     unlinkLoginForm: {
-        toValidateLogin: ({ primaryLogin, secondaryLogin }) => `Para validar ${secondaryLogin}, reenvía el código mágico desde la Configuración de la cuenta de ${primaryLogin}.`,
-        noLongerHaveAccess: ({ primaryLogin }) => `Si ya no tienes acceso a ${primaryLogin} por favor, desvincula las cuentas.`,
+        toValidateLogin: ({primaryLogin, secondaryLogin}) => `Para validar ${secondaryLogin}, reenvía el código mágico desde la Configuración de la cuenta de ${primaryLogin}.`,
+        noLongerHaveAccess: ({primaryLogin}) => `Si ya no tienes acceso a ${primaryLogin} por favor, desvincula las cuentas.`,
         unlink: 'Desvincular',
         linkSent: '¡Enlace enviado!',
         succesfullyUnlinkedLogin: '¡Nombre de usuario secundario desvinculado correctamente!',
     },
     emailDeliveryFailurePage: {
-        ourEmailProvider: ({ login }) =>
+        ourEmailProvider: ({login}) =>
             `Nuestro proveedor de correo electrónico ha suspendido temporalmente los correos electrónicos a ${login} debido a problemas de entrega. Para desbloquear el inicio de sesión, sigue estos pasos:`,
-        confirmThat: ({ login }) => `Confirma que ${login} está escrito correctamente y que es una dirección de correo electrónico real que puede recibir correos. `,
+        confirmThat: ({login}) => `Confirma que ${login} está escrito correctamente y que es una dirección de correo electrónico real que puede recibir correos. `,
         emailAliases:
             'Los alias de correo electrónico como "expenses@domain.com" deben tener acceso a su propia bandeja de entrada de correo electrónico para que sea un inicio de sesión válido de Expensify.',
         ensureYourEmailClient: 'Asegúrese de que su cliente de correo electrónico permita correos electrónicos de expensify.com. ',
@@ -851,7 +851,7 @@ export default {
         setPasswordLinkInvalid: 'El enlace para configurar tu contraseña ha expirado. Te hemos enviado un nuevo enlace a tu correo.',
         validateAccount: 'Verificar cuenta',
     },
-    stepCounter: ({ step, total, text }) => {
+    stepCounter: ({step, total, text}) => {
         let result = `Paso ${step}`;
 
         if (total) {
@@ -1143,7 +1143,7 @@ export default {
             unavailable: 'Espacio de trabajo no disponible',
             memberNotFound: 'Miembro no encontrado. Para invitar a un nuevo miembro al espacio de trabajo, por favor, utiliza el botón Invitar que está arriba.',
             notAuthorized: `No tienes acceso a esta página. ¿Estás tratando de unirte al espacio de trabajo? Comunícate con el propietario de este espacio de trabajo para que pueda agregarte como miembro. ¿Necesitas algo más? Comunícate con ${CONST.EMAIL.CONCIERGE}`,
-            goToRoom: ({ roomName }) => `Ir a la sala ${roomName}`,
+            goToRoom: ({roomName}) => `Ir a la sala ${roomName}`,
         },
         emptyWorkspace: {
             title: 'Crear un nuevo espacio de trabajo',
@@ -1236,7 +1236,7 @@ export default {
             personalMessagePrompt: 'Mensaje',
             inviteNoMembersError: 'Por favor, selecciona al menos un miembro a invitar',
             genericFailureMessage: 'Se produjo un error al invitar al usuario al espacio de trabajo. Vuelva a intentarlo..',
-            welcomeNote: ({ workspaceName }) =>
+            welcomeNote: ({workspaceName}) =>
                 `¡Has sido invitado a ${workspaceName}! Descargue la aplicación móvil Expensify en use.expensify.com/download para comenzar a rastrear sus gastos.`,
         },
         editor: {
@@ -1313,12 +1313,12 @@ export default {
         public_announceDescription: 'Cualquier persona puede unirse a esta sala',
         createRoom: 'Crea una sala de chat',
         roomAlreadyExistsError: 'Ya existe una sala con este nombre',
-        roomNameReservedError: ({ reservedName }) => `${reservedName} es el nombre una sala por defecto de todos los espacios de trabajo. Por favor, elige otro nombre.`,
+        roomNameReservedError: ({reservedName}) => `${reservedName} es el nombre una sala por defecto de todos los espacios de trabajo. Por favor, elige otro nombre.`,
         roomNameInvalidError: 'Los nombres de las salas solo pueden contener minúsculas, números y guiones',
         pleaseEnterRoomName: 'Por favor, escribe el nombre de una sala',
         pleaseSelectWorkspace: 'Por favor, selecciona un espacio de trabajo',
-        renamedRoomAction: ({ oldName, newName }) => ` cambió el nombre de la sala de ${oldName} a ${newName}`,
-        roomRenamedTo: ({ newName }) => `Sala renombrada a ${newName}`,
+        renamedRoomAction: ({oldName, newName}) => ` cambió el nombre de la sala de ${oldName} a ${newName}`,
+        roomRenamedTo: ({newName}) => `Sala renombrada a ${newName}`,
         social: 'social',
         selectAWorkspace: 'Seleccionar un espacio de trabajo',
         growlMessageOnRenameError: 'No se ha podido cambiar el nombre del espacio de trabajo, por favor, comprueba tu conexión e inténtalo de nuevo.',
@@ -1468,8 +1468,8 @@ export default {
         noActivityYet: 'Sin actividad todavía',
     },
     chronos: {
-        oooEventSummaryFullDay: ({ summary, dayCount, date }) => `${summary} por ${dayCount} ${dayCount === 1 ? 'día' : 'días'} hasta el ${date}`,
-        oooEventSummaryPartialDay: ({ summary, timePeriod, date }) => `${summary} de ${timePeriod} del ${date}`,
+        oooEventSummaryFullDay: ({summary, dayCount, date}) => `${summary} por ${dayCount} ${dayCount === 1 ? 'día' : 'días'} hasta el ${date}`,
+        oooEventSummaryPartialDay: ({summary, timePeriod, date}) => `${summary} de ${timePeriod} del ${date}`,
     },
     footer: {
         features: 'Características',
@@ -1982,7 +1982,7 @@ export default {
     threads: {
         replies: 'Respuestas',
         reply: 'Respuesta',
-        parentNavigationSummary: ({ rootReportName, workspaceName }) => `De ${rootReportName}${workspaceName ? ` en ${workspaceName}` : ''}`,
+        parentNavigationSummary: ({rootReportName, workspaceName}) => `De ${rootReportName}${workspaceName ? ` en ${workspaceName}` : ''}`,
     },
     qrCodes: {
         copyUrlToClipboard: 'Copiar URL al portapapeles',
diff --git a/src/libs/actions/IOU.js b/src/libs/actions/IOU.js
index f53d1cca4885..9801127d3283 100644
--- a/src/libs/actions/IOU.js
+++ b/src/libs/actions/IOU.js
@@ -112,10 +112,10 @@ function buildOnyxDataForMoneyRequest(
                 iouReportID: iouReport.reportID,
                 ...(isNewChatReport
                     ? {
-                        pendingFields: {
-                            createChat: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD,
-                        },
-                    }
+                          pendingFields: {
+                              createChat: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD,
+                          },
+                      }
                     : {}),
             },
         },
@@ -128,10 +128,10 @@ function buildOnyxDataForMoneyRequest(
                 lastMessageHtml: iouAction.message[0].html,
                 ...(isNewIOUReport
                     ? {
-                        pendingFields: {
-                            createChat: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD,
-                        },
-                    }
+                          pendingFields: {
+                              createChat: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD,
+                          },
+                      }
                     : {}),
             },
         },
@@ -144,7 +144,7 @@ function buildOnyxDataForMoneyRequest(
             onyxMethod: isNewChatReport ? Onyx.METHOD.SET : Onyx.METHOD.MERGE,
             key: `${ONYXKEYS.COLLECTION.REPORT_ACTIONS}${chatReport.reportID}`,
             value: {
-                ...(isNewChatReport ? { [chatCreatedAction.reportActionID]: chatCreatedAction } : {}),
+                ...(isNewChatReport ? {[chatCreatedAction.reportActionID]: chatCreatedAction} : {}),
                 [reportPreviewAction.reportActionID]: reportPreviewAction,
             },
         },
@@ -152,7 +152,7 @@ function buildOnyxDataForMoneyRequest(
             onyxMethod: isNewIOUReport ? Onyx.METHOD.SET : Onyx.METHOD.MERGE,
             key: `${ONYXKEYS.COLLECTION.REPORT_ACTIONS}${iouReport.reportID}`,
             value: {
-                ...(isNewIOUReport ? { [iouCreatedAction.reportActionID]: iouCreatedAction } : {}),
+                ...(isNewIOUReport ? {[iouCreatedAction.reportActionID]: iouCreatedAction} : {}),
                 [iouAction.reportActionID]: iouAction,
             },
         },
@@ -169,32 +169,32 @@ function buildOnyxDataForMoneyRequest(
     const successData = [
         ...(isNewChatReport
             ? [
-                {
-                    onyxMethod: Onyx.METHOD.MERGE,
-                    key: `${ONYXKEYS.COLLECTION.REPORT}${chatReport.reportID}`,
-                    value: {
-                        pendingFields: null,
-                        errorFields: null,
-                    },
-                },
-            ]
+                  {
+                      onyxMethod: Onyx.METHOD.MERGE,
+                      key: `${ONYXKEYS.COLLECTION.REPORT}${chatReport.reportID}`,
+                      value: {
+                          pendingFields: null,
+                          errorFields: null,
+                      },
+                  },
+              ]
             : []),
         ...(isNewIOUReport
             ? [
-                {
-                    onyxMethod: Onyx.METHOD.MERGE,
-                    key: `${ONYXKEYS.COLLECTION.REPORT}${iouReport.reportID}`,
-                    value: {
-                        pendingFields: null,
-                        errorFields: null,
-                    },
-                },
-            ]
+                  {
+                      onyxMethod: Onyx.METHOD.MERGE,
+                      key: `${ONYXKEYS.COLLECTION.REPORT}${iouReport.reportID}`,
+                      value: {
+                          pendingFields: null,
+                          errorFields: null,
+                      },
+                  },
+              ]
             : []),
         {
             onyxMethod: Onyx.METHOD.MERGE,
             key: `${ONYXKEYS.COLLECTION.TRANSACTION}${transaction.transactionID}`,
-            value: { pendingAction: null },
+            value: {pendingAction: null},
         },
         {
             onyxMethod: Onyx.METHOD.MERGE,
@@ -202,11 +202,11 @@ function buildOnyxDataForMoneyRequest(
             value: {
                 ...(isNewChatReport
                     ? {
-                        [chatCreatedAction.reportActionID]: {
-                            pendingAction: null,
-                            errors: null,
-                        },
-                    }
+                          [chatCreatedAction.reportActionID]: {
+                              pendingAction: null,
+                              errors: null,
+                          },
+                      }
                     : {}),
                 [reportPreviewAction.reportActionID]: {
                     pendingAction: null,
@@ -219,11 +219,11 @@ function buildOnyxDataForMoneyRequest(
             value: {
                 ...(isNewIOUReport
                     ? {
-                        [iouCreatedAction.reportActionID]: {
-                            pendingAction: null,
-                            errors: null,
-                        },
-                    }
+                          [iouCreatedAction.reportActionID]: {
+                              pendingAction: null,
+                              errors: null,
+                          },
+                      }
                     : {}),
                 [iouAction.reportActionID]: {
                     pendingAction: null,
@@ -243,25 +243,25 @@ function buildOnyxDataForMoneyRequest(
                 lastReadTime: chatReport.lastReadTime,
                 ...(isNewChatReport
                     ? {
-                        errorFields: {
-                            createChat: ErrorUtils.getMicroSecondOnyxError('report.genericCreateReportFailureMessage'),
-                        },
-                    }
+                          errorFields: {
+                              createChat: ErrorUtils.getMicroSecondOnyxError('report.genericCreateReportFailureMessage'),
+                          },
+                      }
                     : {}),
             },
         },
         ...(isNewIOUReport
             ? [
-                {
-                    onyxMethod: Onyx.METHOD.MERGE,
-                    key: `${ONYXKEYS.COLLECTION.REPORT}${iouReport.reportID}`,
-                    value: {
-                        errorFields: {
-                            createChat: ErrorUtils.getMicroSecondOnyxError('report.genericCreateReportFailureMessage'),
-                        },
-                    },
-                },
-            ]
+                  {
+                      onyxMethod: Onyx.METHOD.MERGE,
+                      key: `${ONYXKEYS.COLLECTION.REPORT}${iouReport.reportID}`,
+                      value: {
+                          errorFields: {
+                              createChat: ErrorUtils.getMicroSecondOnyxError('report.genericCreateReportFailureMessage'),
+                          },
+                      },
+                  },
+              ]
             : []),
         {
             onyxMethod: Onyx.METHOD.MERGE,
@@ -276,18 +276,18 @@ function buildOnyxDataForMoneyRequest(
             value: {
                 ...(isNewChatReport
                     ? {
-                        [chatCreatedAction.reportActionID]: {
-                            errors: ErrorUtils.getMicroSecondOnyxError('iou.error.genericCreateFailureMessage'),
-                        },
-                        [reportPreviewAction.reportActionID]: {
-                            errors: ErrorUtils.getMicroSecondOnyxError(null),
-                        },
-                    }
+                          [chatCreatedAction.reportActionID]: {
+                              errors: ErrorUtils.getMicroSecondOnyxError('iou.error.genericCreateFailureMessage'),
+                          },
+                          [reportPreviewAction.reportActionID]: {
+                              errors: ErrorUtils.getMicroSecondOnyxError(null),
+                          },
+                      }
                     : {
-                        [reportPreviewAction.reportActionID]: {
-                            created: reportPreviewAction.created,
-                        },
-                    }),
+                          [reportPreviewAction.reportActionID]: {
+                              created: reportPreviewAction.created,
+                          },
+                      }),
             },
         },
         {
@@ -296,18 +296,18 @@ function buildOnyxDataForMoneyRequest(
             value: {
                 ...(isNewIOUReport
                     ? {
-                        [iouCreatedAction.reportActionID]: {
-                            errors: ErrorUtils.getMicroSecondOnyxError('iou.error.genericCreateFailureMessage'),
-                        },
-                        [iouAction.reportActionID]: {
-                            errors: ErrorUtils.getMicroSecondOnyxError(null),
-                        },
-                    }
+                          [iouCreatedAction.reportActionID]: {
+                              errors: ErrorUtils.getMicroSecondOnyxError('iou.error.genericCreateFailureMessage'),
+                          },
+                          [iouAction.reportActionID]: {
+                              errors: ErrorUtils.getMicroSecondOnyxError(null),
+                          },
+                      }
                     : {
-                        [iouAction.reportActionID]: {
-                            errors: ErrorUtils.getMicroSecondOnyxError('iou.error.genericCreateFailureMessage'),
-                        },
-                    }),
+                          [iouAction.reportActionID]: {
+                              errors: ErrorUtils.getMicroSecondOnyxError('iou.error.genericCreateFailureMessage'),
+                          },
+                      }),
             },
         },
     ];
@@ -398,13 +398,13 @@ function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, part
     // Add optimistic personal details for participant
     const optimisticPersonalDetailListAction = isNewChatReport
         ? {
-            [payerAccountID]: {
-                accountID: payerAccountID,
-                avatar: UserUtils.getDefaultAvatarURL(payerAccountID),
-                displayName: participant.displayName || payerEmail,
-                login: participant.login,
-            },
-        }
+              [payerAccountID]: {
+                  accountID: payerAccountID,
+                  avatar: UserUtils.getDefaultAvatarURL(payerAccountID),
+                  displayName: participant.displayName || payerEmail,
+                  login: participant.login,
+              },
+          }
         : undefined;
 
     let reportPreviewAction = isNewIOUReport ? null : ReportActionsUtils.getReportPreviewAction(chatReport.reportID, iouReport.reportID);
@@ -447,7 +447,7 @@ function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, part
             createdIOUReportActionID: isNewIOUReport ? optimisticCreatedActionForIOU.reportActionID : 0,
             reportPreviewReportActionID: reportPreviewAction.reportActionID,
         },
-        { optimisticData, successData, failureData },
+        {optimisticData, successData, failureData},
     );
     resetMoneyRequestInfo();
     Navigation.dismissModal(chatReport.reportID);
@@ -525,8 +525,8 @@ function createSplitsAndOnyxData(participants, currentUserLogin, currentUserAcco
                 ...(existingGroupChatReport
                     ? {}
                     : {
-                        [groupCreatedReportAction.reportActionID]: groupCreatedReportAction,
-                    }),
+                          [groupCreatedReportAction.reportActionID]: groupCreatedReportAction,
+                      }),
                 [groupIOUReportAction.reportActionID]: groupIOUReportAction,
             },
         },
@@ -545,15 +545,15 @@ function createSplitsAndOnyxData(participants, currentUserLogin, currentUserAcco
                 ...(existingGroupChatReport
                     ? {}
                     : {
-                        [groupCreatedReportAction.reportActionID]: { pendingAction: null },
-                    }),
-                [groupIOUReportAction.reportActionID]: { pendingAction: null },
+                          [groupCreatedReportAction.reportActionID]: {pendingAction: null},
+                      }),
+                [groupIOUReportAction.reportActionID]: {pendingAction: null},
             },
         },
         {
             onyxMethod: Onyx.METHOD.MERGE,
             key: `${ONYXKEYS.COLLECTION.TRANSACTION}${groupTransaction.transactionID}`,
-            value: { pendingAction: null },
+            value: {pendingAction: null},
         },
     ];
 
@@ -561,7 +561,7 @@ function createSplitsAndOnyxData(participants, currentUserLogin, currentUserAcco
         successData.push({
             onyxMethod: Onyx.METHOD.MERGE,
             key: `${ONYXKEYS.COLLECTION.REPORT}${groupChatReport.reportID}`,
-            value: { pendingFields: { createChat: null } },
+            value: {pendingFields: {createChat: null}},
         });
     }
 
@@ -685,13 +685,13 @@ function createSplitsAndOnyxData(participants, currentUserLogin, currentUserAcco
         // Add optimistic personal details for new participants
         const oneOnOnePersonalDetailListAction = shouldCreateOptimisticPersonalDetails
             ? {
-                [accountID]: {
-                    accountID,
-                    avatar: UserUtils.getDefaultAvatarURL(accountID),
-                    displayName: participant.displayName || email,
-                    login: participant.login,
-                },
-            }
+                  [accountID]: {
+                      accountID,
+                      avatar: UserUtils.getDefaultAvatarURL(accountID),
+                      displayName: participant.displayName || email,
+                      login: participant.login,
+                  },
+              }
             : undefined;
 
         let oneOnOneReportPreviewAction = ReportActionsUtils.getReportPreviewAction(oneOnOneChatReport.reportID, oneOnOneIOUReport.reportID);
@@ -750,7 +750,7 @@ function createSplitsAndOnyxData(participants, currentUserLogin, currentUserAcco
     return {
         groupData,
         splits,
-        onyxData: { optimisticData, successData, failureData },
+        onyxData: {optimisticData, successData, failureData},
     };
 }
 
@@ -764,7 +764,7 @@ function createSplitsAndOnyxData(participants, currentUserLogin, currentUserAcco
  * @param {String} existingGroupChatReportID
  */
 function splitBill(participants, currentUserLogin, currentUserAccountID, amount, comment, currency, existingGroupChatReportID = '') {
-    const { groupData, splits, onyxData } = createSplitsAndOnyxData(participants, currentUserLogin, currentUserAccountID, amount, comment, currency, existingGroupChatReportID);
+    const {groupData, splits, onyxData} = createSplitsAndOnyxData(participants, currentUserLogin, currentUserAccountID, amount, comment, currency, existingGroupChatReportID);
 
     API.write(
         'SplitBill',
@@ -795,7 +795,7 @@ function splitBill(participants, currentUserLogin, currentUserAccountID, amount,
  * @param {String} currency
  */
 function splitBillAndOpenReport(participants, currentUserLogin, currentUserAccountID, amount, comment, currency) {
-    const { groupData, splits, onyxData } = createSplitsAndOnyxData(participants, currentUserLogin, currentUserAccountID, amount, comment, currency);
+    const {groupData, splits, onyxData} = createSplitsAndOnyxData(participants, currentUserLogin, currentUserAccountID, amount, comment, currency);
 
     API.write(
         'SplitBillAndOpenReport',
@@ -843,7 +843,7 @@ function deleteMoneyRequest(chatReportID, iouReportID, moneyRequestAction, shoul
     const currentUserAccountID = optimisticIOUAction.actorAccountID;
     let updatedIOUReport = {};
     if (ReportUtils.isExpenseReport(iouReportID)) {
-        updatedIOUReport = { ...iouReport };
+        updatedIOUReport = {...iouReport};
 
         // Because of the Expense reports are stored as negative values, we add the total from the amount
         updatedIOUReport.total += amount;
@@ -917,7 +917,7 @@ function deleteMoneyRequest(chatReportID, iouReportID, moneyRequestAction, shoul
             reportActionID: optimisticIOUAction.reportActionID,
             iouReportID: updatedIOUReport.reportID,
         },
-        { optimisticData, successData, failureData },
+        {optimisticData, successData, failureData},
     );
 
     if (shouldCloseOnDelete) {
@@ -1043,7 +1043,7 @@ function getSendMoneyParams(report, amount, currency, comment, paymentMethodType
         {
             onyxMethod: Onyx.METHOD.MERGE,
             key: `${ONYXKEYS.COLLECTION.TRANSACTION}${optimisticTransaction.transactionID}`,
-            value: { pendingAction: null },
+            value: {pendingAction: null},
         },
         {
             onyxMethod: Onyx.METHOD.MERGE,
@@ -1082,7 +1082,7 @@ function getSendMoneyParams(report, amount, currency, comment, paymentMethodType
         successData.push({
             onyxMethod: Onyx.METHOD.MERGE,
             key: optimisticChatReportData.key,
-            value: { pendingFields: null },
+            value: {pendingFields: null},
         });
         failureData.push(
             {
@@ -1238,7 +1238,7 @@ function getPayMoneyRequestParams(chatReport, iouReport, recipient, paymentMetho
         {
             onyxMethod: Onyx.METHOD.MERGE,
             key: ONYXKEYS.NVP_LAST_PAYMENT_METHOD,
-            value: { [iouReport.policyID]: paymentMethodType },
+            value: {[iouReport.policyID]: paymentMethodType},
         },
         {
             onyxMethod: Onyx.METHOD.MERGE,
@@ -1316,7 +1316,7 @@ function getPayMoneyRequestParams(chatReport, iouReport, recipient, paymentMetho
  * @param {Object} recipient - The user receiving the money
  */
 function sendMoneyElsewhere(report, amount, currency, comment, managerID, recipient) {
-    const { params, optimisticData, successData, failureData } = getSendMoneyParams(report, amount, currency, comment, CONST.IOU.PAYMENT_TYPE.ELSEWHERE, managerID, recipient);
+    const {params, optimisticData, successData, failureData} = getSendMoneyParams(report, amount, currency, comment, CONST.IOU.PAYMENT_TYPE.ELSEWHERE, managerID, recipient);
 
     API.write('SendMoneyElsewhere', params, {
         optimisticData,
@@ -1338,7 +1338,7 @@ function sendMoneyElsewhere(report, amount, currency, comment, managerID, recipi
  * @param {Object} recipient - The user receiving the money
  */
 function sendMoneyWithWallet(report, amount, currency, comment, managerID, recipient) {
-    const { params, optimisticData, successData, failureData } = getSendMoneyParams(report, amount, currency, comment, CONST.IOU.PAYMENT_TYPE.EXPENSIFY, managerID, recipient);
+    const {params, optimisticData, successData, failureData} = getSendMoneyParams(report, amount, currency, comment, CONST.IOU.PAYMENT_TYPE.EXPENSIFY, managerID, recipient);
 
     API.write('SendMoneyWithWallet', params, {
         optimisticData,
@@ -1360,7 +1360,7 @@ function sendMoneyWithWallet(report, amount, currency, comment, managerID, recip
  * @param {Object} recipient - The user receiving the money
  */
 function sendMoneyViaPaypal(report, amount, currency, comment, managerID, recipient) {
-    const { params, optimisticData, successData, failureData } = getSendMoneyParams(report, amount, currency, comment, CONST.IOU.PAYMENT_TYPE.PAYPAL_ME, managerID, recipient);
+    const {params, optimisticData, successData, failureData} = getSendMoneyParams(report, amount, currency, comment, CONST.IOU.PAYMENT_TYPE.PAYPAL_ME, managerID, recipient);
 
     API.write('SendMoneyViaPaypal', params, {
         optimisticData,
@@ -1387,13 +1387,13 @@ function payMoneyRequest(paymentType, chatReport, iouReport) {
         accountID: iouReport.ownerAccountID,
         payPalMeAddress: iouReport.submitterPayPalMeAddress,
     };
-    const { params, optimisticData, successData, failureData } = getPayMoneyRequestParams(chatReport, iouReport, recipient, paymentType);
+    const {params, optimisticData, successData, failureData} = getPayMoneyRequestParams(chatReport, iouReport, recipient, paymentType);
 
     // For now we need to call the PayMoneyRequestWithWallet API since PayMoneyRequest was not updated to work with
     // Expensify Wallets.
     const apiCommand = paymentType === CONST.IOU.PAYMENT_TYPE.EXPENSIFY ? 'PayMoneyRequestWithWallet' : 'PayMoneyRequest';
 
-    API.write(apiCommand, params, { optimisticData, successData, failureData });
+    API.write(apiCommand, params, {optimisticData, successData, failureData});
     Navigation.dismissModal(chatReport.reportID);
     if (paymentType === CONST.IOU.PAYMENT_TYPE.PAYPAL_ME) {
         asyncOpenURL(Promise.resolve(), buildPayPalPaymentUrl(iouReport.total, recipient.payPalMeAddress, iouReport.currency));
@@ -1414,35 +1414,35 @@ function startMoneyRequest(iouType, reportID = '') {
  * @param {String} id
  */
 function setMoneyRequestId(id) {
-    Onyx.merge(ONYXKEYS.IOU, { id });
+    Onyx.merge(ONYXKEYS.IOU, {id});
 }
 
 /**
  * @param {Number} amount
  */
 function setMoneyRequestAmount(amount) {
-    Onyx.merge(ONYXKEYS.IOU, { amount });
+    Onyx.merge(ONYXKEYS.IOU, {amount});
 }
 
 /**
  * @param {String} currency
  */
 function setMoneyRequestCurrency(currency) {
-    Onyx.merge(ONYXKEYS.IOU, { currency });
+    Onyx.merge(ONYXKEYS.IOU, {currency});
 }
 
 /**
  * @param {String} comment
  */
 function setMoneyRequestDescription(comment) {
-    Onyx.merge(ONYXKEYS.IOU, { comment: comment.trim() });
+    Onyx.merge(ONYXKEYS.IOU, {comment: comment.trim()});
 }
 
 /**
  * @param {Object[]} participants
  */
 function setMoneyRequestParticipants(participants) {
-    Onyx.merge(ONYXKEYS.IOU, { participants });
+    Onyx.merge(ONYXKEYS.IOU, {participants});
 }
 
 export {
diff --git a/src/pages/iou/steps/MoneyRequestConfirmPage.js b/src/pages/iou/steps/MoneyRequestConfirmPage.js
index 87933973bafa..0ffafd783528 100644
--- a/src/pages/iou/steps/MoneyRequestConfirmPage.js
+++ b/src/pages/iou/steps/MoneyRequestConfirmPage.js
@@ -1,7 +1,7 @@
-import React, { useCallback, useEffect, useMemo, useRef } from 'react';
-import { View } from 'react-native';
+import React, {useCallback, useEffect, useMemo, useRef} from 'react';
+import {View} from 'react-native';
 import PropTypes from 'prop-types';
-import { withOnyx } from 'react-native-onyx';
+import {withOnyx} from 'react-native-onyx';
 import _ from 'underscore';
 import lodashGet from 'lodash/get';
 import MoneyRequestConfirmationList from '../../../components/MoneyRequestConfirmationList';
@@ -17,7 +17,7 @@ import * as OptionsListUtils from '../../../libs/OptionsListUtils';
 import withLocalize from '../../../components/withLocalize';
 import HeaderWithBackButton from '../../../components/HeaderWithBackButton';
 import ONYXKEYS from '../../../ONYXKEYS';
-import withCurrentUserPersonalDetails, { withCurrentUserPersonalDetailsDefaultProps, withCurrentUserPersonalDetailsPropTypes } from '../../../components/withCurrentUserPersonalDetails';
+import withCurrentUserPersonalDetails, {withCurrentUserPersonalDetailsDefaultProps, withCurrentUserPersonalDetailsPropTypes} from '../../../components/withCurrentUserPersonalDetails';
 import reportPropTypes from '../../reportPropTypes';
 import personalDetailsPropType from '../../personalDetailsPropType';
 
@@ -184,7 +184,7 @@ function MoneyRequestConfirmPage(props) {
 
     return (
         <ScreenWrapper includeSafeAreaPaddingBottom={false}>
-            {({ safeAreaPaddingBottomStyle }) => (
+            {({safeAreaPaddingBottomStyle}) => (
                 <View style={[styles.flex1, safeAreaPaddingBottomStyle]}>
                     <HeaderWithBackButton
                         title={props.translate('iou.cash')}
@@ -201,7 +201,7 @@ function MoneyRequestConfirmPage(props) {
                         onSelectParticipant={(option) => {
                             const newParticipants = _.map(props.iou.participants, (participant) => {
                                 if (participant.accountID === option.accountID) {
-                                    return { ...participant, selected: !participant.selected };
+                                    return {...participant, selected: !participant.selected};
                                 }
                                 return participant;
                             });
@@ -236,7 +236,7 @@ export default compose(
     withLocalize,
     withOnyx({
         report: {
-            key: ({ route }) => `${ONYXKEYS.COLLECTION.REPORT}${lodashGet(route, 'params.reportID', '')}`,
+            key: ({route}) => `${ONYXKEYS.COLLECTION.REPORT}${lodashGet(route, 'params.reportID', '')}`,
         },
         iou: {
             key: ONYXKEYS.IOU,

From 79b2b56df7c69f9545ce1df57fbd7cf8c1332ab7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lucas=20M=C3=B3rawski?= <lukasz.morawski@callstack.com>
Date: Mon, 24 Jul 2023 17:55:54 +0300
Subject: [PATCH 013/137] remove jsconfig

---
 jsconfig.json | 19 -------------------
 1 file changed, 19 deletions(-)
 delete mode 100644 jsconfig.json

diff --git a/jsconfig.json b/jsconfig.json
deleted file mode 100644
index 1a69cceaae35..000000000000
--- a/jsconfig.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-    "compilerOptions": {
-        "target": "es2018",
-        "module": "es6",
-        "jsx": "react-native",
-        "allowSyntheticDefaultImports": true,
-        "moduleResolution": "node",
-        "allowJs": true,
-        "checkJs": false,
-        "lib": ["es2018", "dom"],
-        "baseUrl": "./",
-        "paths": {
-            "*": ["src/*"]
-        },
-        "esModuleInterop": true
-    },
-    "exclude": ["node_modules"],
-    "include": ["src/**/*"]
-}

From b7cda7b1303ea30676314504d8a3bb0e57e93d9e Mon Sep 17 00:00:00 2001
From: charan h s <charanengg08@gmail.com>
Date: Fri, 21 Jul 2023 06:50:54 +0530
Subject: [PATCH 014/137] Webkitdirectory added

---
 src/components/DragAndDrop/index.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/DragAndDrop/index.js b/src/components/DragAndDrop/index.js
index 5c5d17a4a272..536509c98926 100644
--- a/src/components/DragAndDrop/index.js
+++ b/src/components/DragAndDrop/index.js
@@ -84,6 +84,7 @@ class DragAndDrop extends React.Component {
 
     addEventListeners() {
         this.dropZone = document.getElementById(this.props.dropZoneId);
+        document.documentElement.setAttribute('webkitdirectory',"")
         this.dropZoneRect = this.calculateDropZoneClientReact();
         document.addEventListener('dragover', this.dropZoneDragListener);
         document.addEventListener('dragenter', this.dropZoneDragListener);
@@ -93,6 +94,7 @@ class DragAndDrop extends React.Component {
     }
 
     removeEventListeners() {
+        document.documentElement.removeAttribute('webkitdirectory')
         document.removeEventListener('dragover', this.dropZoneDragListener);
         document.removeEventListener('dragenter', this.dropZoneDragListener);
         document.removeEventListener('dragleave', this.dropZoneDragListener);

From d841c888e7f69eae6aab82e139fa3d1958ff790c Mon Sep 17 00:00:00 2001
From: charan h s <charanengg08@gmail.com>
Date: Fri, 21 Jul 2023 06:56:14 +0530
Subject: [PATCH 015/137] checking file is a folder

---
 src/components/AttachmentModal.js            | 18 +++++++++++++-----
 src/pages/home/report/ReportActionCompose.js |  6 +++---
 2 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/components/AttachmentModal.js b/src/components/AttachmentModal.js
index bb648c155840..393c361f229e 100755
--- a/src/components/AttachmentModal.js
+++ b/src/components/AttachmentModal.js
@@ -177,12 +177,19 @@ function AttachmentModal(props) {
         setIsAttachmentInvalid(false);
     }, []);
     /**
-     * @param {Object} _file
+     * @param {Object} _data
      * @returns {Boolean}
      */
     const isValidFile = useCallback(
-        (_file) => {
+        (_data) => {
+            const _file = _data.getAsFile();
             const {fileExtension} = FileUtils.splitExtensionFromFileName(lodashGet(_file, 'name', ''));
+            if (typeof _data.webkitGetAsEntry === 'function' && _data.webkitGetAsEntry().isDirectory) {
+                setIsAttachmentInvalid(true);
+                setAttachmentInvalidReasonTitle(props.translate('attachmentPicker.attachmentError'));
+                setAttachmentInvalidReason(props.translate('attachmentPicker.folderNotAllowedMessage'));
+                return false;
+            }
             if (_.contains(CONST.API_ATTACHMENT_VALIDATIONS.UNALLOWED_EXTENSIONS, fileExtension.toLowerCase())) {
                 const invalidReason = props.translate('attachmentPicker.notAllowedExtension');
 
@@ -212,15 +219,16 @@ function AttachmentModal(props) {
         [props.translate],
     );
     /**
-     * @param {Object} _file
+     * @param {Object} _data
      */
     const validateAndDisplayFileToUpload = useCallback(
-        (_file) => {
+        (_data) => {
+            const _file = _data.getAsFile();
             if (!_file) {
                 return;
             }
 
-            if (!isValidFile(_file)) {
+            if (!isValidFile(_data)) {
                 return;
             }
 
diff --git a/src/pages/home/report/ReportActionCompose.js b/src/pages/home/report/ReportActionCompose.js
index 8155f09b2aac..ba432c7bf186 100644
--- a/src/pages/home/report/ReportActionCompose.js
+++ b/src/pages/home/report/ReportActionCompose.js
@@ -1127,9 +1127,9 @@ class ReportActionCompose extends React.Component {
                                                     return;
                                                 }
 
-                                                const file = lodashGet(e, ['dataTransfer', 'files', 0]);
-
-                                                displayFileInModal(file);
+                                                const data = lodashGet(e, ['dataTransfer', 'items', 0]);                                                
+                                                
+                                                displayFileInModal(data);
 
                                                 this.setState({isDraggingOver: false});
                                             }}

From 319006fc9a4e864929b5a106e20c0b90c26be730 Mon Sep 17 00:00:00 2001
From: charan h s <charanengg08@gmail.com>
Date: Fri, 21 Jul 2023 06:57:13 +0530
Subject: [PATCH 016/137] update error message

---
 src/languages/en.js | 1 +
 src/languages/es.js | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/src/languages/en.js b/src/languages/en.js
index 47cc8d209735..293707097426 100755
--- a/src/languages/en.js
+++ b/src/languages/en.js
@@ -168,6 +168,7 @@ export default {
         sizeNotMet: 'Attachment size must be greater than 240 bytes.',
         wrongFileType: 'Attachment is the wrong type',
         notAllowedExtension: 'This filetype is not allowed',
+        folderNotAllowedMessage: 'Uploading folder is not allowed.'
     },
     avatarCropModal: {
         title: 'Edit photo',
diff --git a/src/languages/es.js b/src/languages/es.js
index 5eea74099e4c..7f90e7acdc87 100644
--- a/src/languages/es.js
+++ b/src/languages/es.js
@@ -167,6 +167,8 @@ export default {
         sizeNotMet: 'El archivo adjunto debe ser mas grande que 240 bytes.',
         wrongFileType: 'El tipo del archivo adjunto es incorrecto',
         notAllowedExtension: 'Este tipo de archivo no está permitido',
+        folderNotAllowedMessage: 'No se permite subir carpetas.'
+
     },
     avatarCropModal: {
         title: 'Editar foto',

From f02b0ca8d69c32352f4040338b3f38d9c5dc134e Mon Sep 17 00:00:00 2001
From: charan h s <charanengg08@gmail.com>
Date: Fri, 21 Jul 2023 15:38:25 +0530
Subject: [PATCH 017/137] checking file is data object

---
 src/components/AttachmentModal.js | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/AttachmentModal.js b/src/components/AttachmentModal.js
index 393c361f229e..d71ca17a39d2 100755
--- a/src/components/AttachmentModal.js
+++ b/src/components/AttachmentModal.js
@@ -177,12 +177,12 @@ function AttachmentModal(props) {
         setIsAttachmentInvalid(false);
     }, []);
     /**
+     * @param {Object} _file
      * @param {Object} _data
      * @returns {Boolean}
      */
     const isValidFile = useCallback(
-        (_data) => {
-            const _file = _data.getAsFile();
+        (_file,_data) => {
             const {fileExtension} = FileUtils.splitExtensionFromFileName(lodashGet(_file, 'name', ''));
             if (typeof _data.webkitGetAsEntry === 'function' && _data.webkitGetAsEntry().isDirectory) {
                 setIsAttachmentInvalid(true);
@@ -223,12 +223,15 @@ function AttachmentModal(props) {
      */
     const validateAndDisplayFileToUpload = useCallback(
         (_data) => {
-            const _file = _data.getAsFile();
+            let _file = _data
+            if (typeof _data.getAsFile === 'function' ){
+                _file = _data.getAsFile();
+            }
             if (!_file) {
                 return;
             }
 
-            if (!isValidFile(_data)) {
+            if (!isValidFile(_file,_data)) {
                 return;
             }
 

From c2c30d28e2c482691d1293294b334adb3d8e39fc Mon Sep 17 00:00:00 2001
From: charan h s <charanengg08@gmail.com>
Date: Tue, 25 Jul 2023 00:41:46 +0530
Subject: [PATCH 018/137] isDirectoryCheck added

---
 src/components/AttachmentModal.js | 29 +++++++++++++++++++----------
 1 file changed, 19 insertions(+), 10 deletions(-)

diff --git a/src/components/AttachmentModal.js b/src/components/AttachmentModal.js
index d71ca17a39d2..c935f22ac628 100755
--- a/src/components/AttachmentModal.js
+++ b/src/components/AttachmentModal.js
@@ -178,21 +178,13 @@ function AttachmentModal(props) {
     }, []);
     /**
      * @param {Object} _file
-     * @param {Object} _data
      * @returns {Boolean}
      */
     const isValidFile = useCallback(
-        (_file,_data) => {
+        (_file) => {
             const {fileExtension} = FileUtils.splitExtensionFromFileName(lodashGet(_file, 'name', ''));
-            if (typeof _data.webkitGetAsEntry === 'function' && _data.webkitGetAsEntry().isDirectory) {
-                setIsAttachmentInvalid(true);
-                setAttachmentInvalidReasonTitle(props.translate('attachmentPicker.attachmentError'));
-                setAttachmentInvalidReason(props.translate('attachmentPicker.folderNotAllowedMessage'));
-                return false;
-            }
             if (_.contains(CONST.API_ATTACHMENT_VALIDATIONS.UNALLOWED_EXTENSIONS, fileExtension.toLowerCase())) {
                 const invalidReason = props.translate('attachmentPicker.notAllowedExtension');
-
                 setIsAttachmentInvalid(true);
                 setAttachmentInvalidReasonTitle(props.translate('attachmentPicker.wrongFileType'));
                 setAttachmentInvalidReason(invalidReason);
@@ -218,11 +210,28 @@ function AttachmentModal(props) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
         [props.translate],
     );
+    /**
+     * @param {Object} _data
+     * @returns {Boolean}
+     */
+    const isDirectoryCheck = useCallback((_data) => {
+        if (typeof _data.webkitGetAsEntry === 'function' && _data.webkitGetAsEntry().isDirectory) {
+            setIsAttachmentInvalid(true);
+            setAttachmentInvalidReasonTitle(props.translate('attachmentPicker.attachmentError'));
+            setAttachmentInvalidReason(props.translate('attachmentPicker.folderNotAllowedMessage'));
+            return false;
+        }
+        return true
+
+    },[props.translate])
     /**
      * @param {Object} _data
      */
     const validateAndDisplayFileToUpload = useCallback(
         (_data) => {
+            if(!isDirectoryCheck(_data)) {
+                return;
+            }
             let _file = _data
             if (typeof _data.getAsFile === 'function' ){
                 _file = _data.getAsFile();
@@ -231,7 +240,7 @@ function AttachmentModal(props) {
                 return;
             }
 
-            if (!isValidFile(_file,_data)) {
+            if (!isValidFile(_file)) {
                 return;
             }
 

From 4e8b68d8cbfc36c5823be64028a04d179f45ebfc Mon Sep 17 00:00:00 2001
From: charan h s <charanengg08@gmail.com>
Date: Tue, 25 Jul 2023 23:19:48 +0530
Subject: [PATCH 019/137] prettier changes

---
 src/components/AttachmentModal.js            | 28 +++++++++++---------
 src/components/DragAndDrop/index.js          |  4 +--
 src/languages/en.js                          |  2 +-
 src/languages/es.js                          |  3 +--
 src/pages/home/report/ReportActionCompose.js |  4 +--
 5 files changed, 21 insertions(+), 20 deletions(-)

diff --git a/src/components/AttachmentModal.js b/src/components/AttachmentModal.js
index c935f22ac628..21fd2f583c9f 100755
--- a/src/components/AttachmentModal.js
+++ b/src/components/AttachmentModal.js
@@ -214,26 +214,28 @@ function AttachmentModal(props) {
      * @param {Object} _data
      * @returns {Boolean}
      */
-    const isDirectoryCheck = useCallback((_data) => {
-        if (typeof _data.webkitGetAsEntry === 'function' && _data.webkitGetAsEntry().isDirectory) {
-            setIsAttachmentInvalid(true);
-            setAttachmentInvalidReasonTitle(props.translate('attachmentPicker.attachmentError'));
-            setAttachmentInvalidReason(props.translate('attachmentPicker.folderNotAllowedMessage'));
-            return false;
-        }
-        return true
-
-    },[props.translate])
+    const isDirectoryCheck = useCallback(
+        (_data) => {
+            if (typeof _data.webkitGetAsEntry === 'function' && _data.webkitGetAsEntry().isDirectory) {
+                setIsAttachmentInvalid(true);
+                setAttachmentInvalidReasonTitle(props.translate('attachmentPicker.attachmentError'));
+                setAttachmentInvalidReason(props.translate('attachmentPicker.folderNotAllowedMessage'));
+                return false;
+            }
+            return true;
+        },
+        [props.translate],
+    );
     /**
      * @param {Object} _data
      */
     const validateAndDisplayFileToUpload = useCallback(
         (_data) => {
-            if(!isDirectoryCheck(_data)) {
+            if (!isDirectoryCheck(_data)) {
                 return;
             }
-            let _file = _data
-            if (typeof _data.getAsFile === 'function' ){
+            let _file = _data;
+            if (typeof _data.getAsFile === 'function') {
                 _file = _data.getAsFile();
             }
             if (!_file) {
diff --git a/src/components/DragAndDrop/index.js b/src/components/DragAndDrop/index.js
index 536509c98926..974aad4ba7e5 100644
--- a/src/components/DragAndDrop/index.js
+++ b/src/components/DragAndDrop/index.js
@@ -84,7 +84,7 @@ class DragAndDrop extends React.Component {
 
     addEventListeners() {
         this.dropZone = document.getElementById(this.props.dropZoneId);
-        document.documentElement.setAttribute('webkitdirectory',"")
+        document.documentElement.setAttribute('webkitdirectory', '');
         this.dropZoneRect = this.calculateDropZoneClientReact();
         document.addEventListener('dragover', this.dropZoneDragListener);
         document.addEventListener('dragenter', this.dropZoneDragListener);
@@ -94,7 +94,7 @@ class DragAndDrop extends React.Component {
     }
 
     removeEventListeners() {
-        document.documentElement.removeAttribute('webkitdirectory')
+        document.documentElement.removeAttribute('webkitdirectory');
         document.removeEventListener('dragover', this.dropZoneDragListener);
         document.removeEventListener('dragenter', this.dropZoneDragListener);
         document.removeEventListener('dragleave', this.dropZoneDragListener);
diff --git a/src/languages/en.js b/src/languages/en.js
index 293707097426..e07f02dbcadf 100755
--- a/src/languages/en.js
+++ b/src/languages/en.js
@@ -168,7 +168,7 @@ export default {
         sizeNotMet: 'Attachment size must be greater than 240 bytes.',
         wrongFileType: 'Attachment is the wrong type',
         notAllowedExtension: 'This filetype is not allowed',
-        folderNotAllowedMessage: 'Uploading folder is not allowed.'
+        folderNotAllowedMessage: 'Uploading folder is not allowed.',
     },
     avatarCropModal: {
         title: 'Edit photo',
diff --git a/src/languages/es.js b/src/languages/es.js
index 7f90e7acdc87..8d917865f2c4 100644
--- a/src/languages/es.js
+++ b/src/languages/es.js
@@ -167,8 +167,7 @@ export default {
         sizeNotMet: 'El archivo adjunto debe ser mas grande que 240 bytes.',
         wrongFileType: 'El tipo del archivo adjunto es incorrecto',
         notAllowedExtension: 'Este tipo de archivo no está permitido',
-        folderNotAllowedMessage: 'No se permite subir carpetas.'
-
+        folderNotAllowedMessage: 'No se permite subir carpetas.',
     },
     avatarCropModal: {
         title: 'Editar foto',
diff --git a/src/pages/home/report/ReportActionCompose.js b/src/pages/home/report/ReportActionCompose.js
index ba432c7bf186..9e7efbdb49b9 100644
--- a/src/pages/home/report/ReportActionCompose.js
+++ b/src/pages/home/report/ReportActionCompose.js
@@ -1127,8 +1127,8 @@ class ReportActionCompose extends React.Component {
                                                     return;
                                                 }
 
-                                                const data = lodashGet(e, ['dataTransfer', 'items', 0]);                                                
-                                                
+                                                const data = lodashGet(e, ['dataTransfer', 'items', 0]);
+
                                                 displayFileInModal(data);
 
                                                 this.setState({isDraggingOver: false});

From ff278da0576a22deb44758e9b07ca19421de33f8 Mon Sep 17 00:00:00 2001
From: charan h s <charanengg08@gmail.com>
Date: Tue, 25 Jul 2023 23:57:02 +0530
Subject: [PATCH 020/137] lint issue resloved

---
 src/components/AttachmentModal.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/AttachmentModal.js b/src/components/AttachmentModal.js
index 21fd2f583c9f..fbb41599df62 100755
--- a/src/components/AttachmentModal.js
+++ b/src/components/AttachmentModal.js
@@ -224,6 +224,7 @@ function AttachmentModal(props) {
             }
             return true;
         },
+        // eslint-disable-next-line react-hooks/exhaustive-deps
         [props.translate],
     );
     /**
@@ -234,6 +235,7 @@ function AttachmentModal(props) {
             if (!isDirectoryCheck(_data)) {
                 return;
             }
+            /* eslint no-underscore-dangle: 0 */
             let _file = _data;
             if (typeof _data.getAsFile === 'function') {
                 _file = _data.getAsFile();
@@ -270,7 +272,7 @@ function AttachmentModal(props) {
                 setModalType(inputModalType);
             }
         },
-        [isValidFile, getModalType],
+        [isValidFile, getModalType,isDirectoryCheck],
     );
 
     /**

From 6d55c8a554fb8896e2eca07cd147bfac84994e1d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lucas=20M=C3=B3rawski?= <lukasz.morawski@callstack.com>
Date: Wed, 26 Jul 2023 13:50:40 +0300
Subject: [PATCH 021/137] fixed missing iou date on native

---
 src/libs/actions/IOU.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/libs/actions/IOU.js b/src/libs/actions/IOU.js
index 9801127d3283..dd54cda6d238 100644
--- a/src/libs/actions/IOU.js
+++ b/src/libs/actions/IOU.js
@@ -2,6 +2,7 @@ import Onyx from 'react-native-onyx';
 import _ from 'underscore';
 import lodashGet from 'lodash/get';
 import Str from 'expensify-common/lib/str';
+import moment from 'moment';
 import CONST from '../../CONST';
 import ROUTES from '../../ROUTES';
 import ONYXKEYS from '../../ONYXKEYS';
@@ -77,6 +78,7 @@ Onyx.connect({
  * @param {String} id
  */
 function resetMoneyRequestInfo(id = '') {
+    const date = currentDate || moment().format('YYYY-MM-DD');
     Onyx.merge(ONYXKEYS.IOU, {
         id,
         amount: 0,
@@ -84,7 +86,7 @@ function resetMoneyRequestInfo(id = '') {
         comment: '',
         participants: [],
         merchant: '',
-        date: currentDate,
+        date,
     });
 }
 
@@ -1442,7 +1444,9 @@ function setMoneyRequestDescription(comment) {
  * @param {Object[]} participants
  */
 function setMoneyRequestParticipants(participants) {
-    Onyx.merge(ONYXKEYS.IOU, {participants});
+    Onyx.merge(ONYXKEYS.IOU, {
+        participants,
+    });
 }
 
 export {

From 12cb63684679a5249cf851d5e8a920c082c2abad Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lucas=20M=C3=B3rawski?= <lukasz.morawski@callstack.com>
Date: Wed, 26 Jul 2023 13:51:05 +0300
Subject: [PATCH 022/137] show more button hidden when details showed

---
 .../MoneyRequestConfirmationList.js           | 26 ++++++++++---------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/components/MoneyRequestConfirmationList.js b/src/components/MoneyRequestConfirmationList.js
index 4b1a0a33fc79..27603eb85435 100755
--- a/src/components/MoneyRequestConfirmationList.js
+++ b/src/components/MoneyRequestConfirmationList.js
@@ -319,18 +319,20 @@ function MoneyRequestConfirmationList(props) {
                 style={[styles.moneyRequestMenuItem, styles.mb2]}
                 disabled={didConfirm || props.isReadOnly}
             />
-            <View style={[styles.flexRow, styles.justifyContentBetween, styles.mh3, styles.alignItemsCenter]}>
-                <View style={[styles.shortTermsHorizontalRule, styles.flex1, styles.mr0]} />
-                <Button
-                    small
-                    onPress={toggleShowAllFields}
-                    text={showAllFields ? translate('common.showLess') : translate('common.showMore')}
-                    shouldShowRightIcon
-                    iconRight={showAllFields ? Expensicons.UpArrow : Expensicons.DownArrow}
-                    style={styles.mh0}
-                />
-                <View style={[styles.shortTermsHorizontalRule, styles.flex1, styles.ml0]} />
-            </View>
+            {!showAllFields && (
+                <View style={[styles.flexRow, styles.justifyContentBetween, styles.mh3, styles.alignItemsCenter]}>
+                    <View style={[styles.shortTermsHorizontalRule, styles.flex1, styles.mr0]} />
+                    <Button
+                        small
+                        onPress={toggleShowAllFields}
+                        text={showAllFields ? translate('common.showLess') : translate('common.showMore')}
+                        shouldShowRightIcon
+                        iconRight={showAllFields ? Expensicons.UpArrow : Expensicons.DownArrow}
+                        style={styles.mh0}
+                    />
+                    <View style={[styles.shortTermsHorizontalRule, styles.flex1, styles.ml0]} />
+                </View>
+            )}
             {showAllFields && (
                 <>
                     <MenuItemWithTopDescription

From 1721b21ea92b3be306bc43bed2c87495e4da0256 Mon Sep 17 00:00:00 2001
From: Chirag Arora <carora755@gmail.com>
Date: Wed, 26 Jul 2023 19:23:11 +0530
Subject: [PATCH 023/137] updated regex for legalname and cardholder

---
 src/CONST.js                | 2 +-
 src/libs/ValidationUtils.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/CONST.js b/src/CONST.js
index 39d190788b41..89de80e3d825 100755
--- a/src/CONST.js
+++ b/src/CONST.js
@@ -1134,7 +1134,7 @@ const CONST = {
     REGEX: {
         SPECIAL_CHARS_WITHOUT_NEWLINE: /((?!\n)[()-\s\t])/g,
         DIGITS_AND_PLUS: /^\+?[0-9]*$/,
-        ALPHABETIC_CHARS_WITH_NUMBER: /^[a-zA-ZÀ-ÿ0-9 ]*$/,
+        ALPHANUMERIC_WITH_ATLEAST_ONE_CHAR: /^(?=.*[a-zA-ZÀ-ÿ].*)([a-zA-ZÀ-ÿ0-9 ]+)$/,
         POSITIVE_INTEGER: /^\d+$/,
         PO_BOX: /\b[P|p]?(OST|ost)?\.?\s*[O|o|0]?(ffice|FFICE)?\.?\s*[B|b][O|o|0]?[X|x]?\.?\s+[#]?(\d+)\b/,
         ANY_VALUE: /^.+$/,
diff --git a/src/libs/ValidationUtils.js b/src/libs/ValidationUtils.js
index 0cf1a2f51811..c9c181d4101b 100644
--- a/src/libs/ValidationUtils.js
+++ b/src/libs/ValidationUtils.js
@@ -353,7 +353,7 @@ function isValidDisplayName(name) {
  * @returns {Boolean}
  */
 function isValidLegalName(name) {
-    return CONST.REGEX.ALPHABETIC_CHARS_WITH_NUMBER.test(name);
+    return CONST.REGEX.ALPHANUMERIC_WITH_ATLEAST_ONE_CHAR.test(name);
 }
 
 /**

From e35f9c8801f886592e403e91f8f0f0973daf5552 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lucas=20M=C3=B3rawski?= <lukasz.morawski@callstack.com>
Date: Wed, 26 Jul 2023 18:10:25 +0300
Subject: [PATCH 024/137] removed button show less state

---
 src/components/MoneyRequestConfirmationList.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/MoneyRequestConfirmationList.js b/src/components/MoneyRequestConfirmationList.js
index 27603eb85435..ed7dbbeafdaa 100755
--- a/src/components/MoneyRequestConfirmationList.js
+++ b/src/components/MoneyRequestConfirmationList.js
@@ -325,9 +325,9 @@ function MoneyRequestConfirmationList(props) {
                     <Button
                         small
                         onPress={toggleShowAllFields}
-                        text={showAllFields ? translate('common.showLess') : translate('common.showMore')}
+                        text={translate('common.showMore')}
                         shouldShowRightIcon
-                        iconRight={showAllFields ? Expensicons.UpArrow : Expensicons.DownArrow}
+                        iconRight={Expensicons.DownArrow}
                         style={styles.mh0}
                     />
                     <View style={[styles.shortTermsHorizontalRule, styles.flex1, styles.ml0]} />

From 696e8812205d93aee114f9c99f95dbc75826a281 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lucas=20M=C3=B3rawski?= <lukasz.morawski@callstack.com>
Date: Wed, 26 Jul 2023 18:21:47 +0300
Subject: [PATCH 025/137] show more button icon fill change

---
 src/components/MoneyRequestConfirmationList.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/MoneyRequestConfirmationList.js b/src/components/MoneyRequestConfirmationList.js
index ed7dbbeafdaa..0797c997bf56 100755
--- a/src/components/MoneyRequestConfirmationList.js
+++ b/src/components/MoneyRequestConfirmationList.js
@@ -23,6 +23,7 @@ import optionPropTypes from './optionPropTypes';
 import * as CurrencyUtils from '../libs/CurrencyUtils';
 import Button from './Button';
 import * as Expensicons from './Icon/Expensicons';
+import themeColors from '../styles/themes/default';
 
 const propTypes = {
     /** Callback to inform parent modal of success */
@@ -328,6 +329,7 @@ function MoneyRequestConfirmationList(props) {
                         text={translate('common.showMore')}
                         shouldShowRightIcon
                         iconRight={Expensicons.DownArrow}
+                        iconFill={themeColors.icon}
                         style={styles.mh0}
                     />
                     <View style={[styles.shortTermsHorizontalRule, styles.flex1, styles.ml0]} />

From 200b387b2bb67912404dba20218d04fbf3601685 Mon Sep 17 00:00:00 2001
From: charan h s <charanengg08@gmail.com>
Date: Thu, 27 Jul 2023 02:08:14 +0530
Subject: [PATCH 026/137] File name change

---
 src/components/AttachmentModal.js | 21 ++++++++++-----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/src/components/AttachmentModal.js b/src/components/AttachmentModal.js
index fbb41599df62..0b4ef368cdee 100755
--- a/src/components/AttachmentModal.js
+++ b/src/components/AttachmentModal.js
@@ -235,25 +235,24 @@ function AttachmentModal(props) {
             if (!isDirectoryCheck(_data)) {
                 return;
             }
-            /* eslint no-underscore-dangle: 0 */
-            let _file = _data;
+            let fileObject = _data;
             if (typeof _data.getAsFile === 'function') {
-                _file = _data.getAsFile();
+                fileObject = _data.getAsFile();
             }
-            if (!_file) {
+            if (!fileObject) {
                 return;
             }
 
-            if (!isValidFile(_file)) {
+            if (!isValidFile(fileObject)) {
                 return;
             }
 
-            if (_file instanceof File) {
+            if (fileObject instanceof File) {
                 /**
                  * Cleaning file name, done here so that it covers all cases:
                  * upload, drag and drop, copy-paste
                  */
-                let updatedFile = _file;
+                let updatedFile = fileObject;
                 const cleanName = FileUtils.cleanFileName(updatedFile.name);
                 if (updatedFile.name !== cleanName) {
                     updatedFile = new File([updatedFile], cleanName, {type: updatedFile.type});
@@ -265,14 +264,14 @@ function AttachmentModal(props) {
                 setFile(updatedFile);
                 setModalType(inputModalType);
             } else {
-                const inputModalType = getModalType(_file.uri, _file);
+                const inputModalType = getModalType(fileObject.uri, fileObject);
                 setIsModalOpen(true);
-                setSource(_file.uri);
-                setFile(_file);
+                setSource(fileObject.uri);
+                setFile(fileObject);
                 setModalType(inputModalType);
             }
         },
-        [isValidFile, getModalType,isDirectoryCheck],
+        [isValidFile, getModalType, isDirectoryCheck],
     );
 
     /**

From 034680f4d415f82ca3037eebb243bf61f6b42154 Mon Sep 17 00:00:00 2001
From: Sibtain Ali <allroundexperts@gmail.com>
Date: Thu, 27 Jul 2023 06:39:57 +0500
Subject: [PATCH 027/137] feat: task view with offline with feedback

---
 src/components/ReportActionItem/TaskView.js | 58 +++++++++++++--------
 src/libs/actions/Task.js                    | 19 ++++++-
 src/pages/home/report/ReportActionItem.js   |  1 +
 3 files changed, 54 insertions(+), 24 deletions(-)

diff --git a/src/components/ReportActionItem/TaskView.js b/src/components/ReportActionItem/TaskView.js
index 969f4c5e9591..fa7ee4e4f1bb 100644
--- a/src/components/ReportActionItem/TaskView.js
+++ b/src/components/ReportActionItem/TaskView.js
@@ -1,6 +1,7 @@
 import React, {useEffect} from 'react';
 import {View} from 'react-native';
 import PropTypes from 'prop-types';
+import lodashGet from 'lodash/get';
 import reportPropTypes from '../../pages/reportPropTypes';
 import withLocalize, {withLocalizePropTypes} from '../withLocalize';
 import withWindowDimensions from '../withWindowDimensions';
@@ -10,6 +11,7 @@ import Navigation from '../../libs/Navigation/Navigation';
 import ROUTES from '../../ROUTES';
 import MenuItemWithTopDescription from '../MenuItemWithTopDescription';
 import MenuItem from '../MenuItem';
+import OfflineWithFeedback from '../OfflineWithFeedback';
 import styles from '../../styles/styles';
 import * as ReportUtils from '../../libs/ReportUtils';
 import * as OptionsListUtils from '../../libs/OptionsListUtils';
@@ -66,7 +68,9 @@ function TaskView(props) {
                 accessibilityLabel={taskTitle || props.translate('task.task')}
             >
                 {({hovered, pressed}) => (
-                    <>
+                    <OfflineWithFeedback
+                        pendingAction={lodashGet(props, 'report.pendingFields.reportName', null)}
+                    >
                         <Text style={styles.taskTitleDescription}>{props.translate('task.title')}</Text>
                         <View style={[styles.flexRow, styles.alignItemsTop, styles.flex1]}>
                             <Checkbox
@@ -97,34 +101,42 @@ function TaskView(props) {
                                 </View>
                             )}
                         </View>
-                    </>
+                    </OfflineWithFeedback>
                 )}
             </PressableWithSecondaryInteraction>
-            <MenuItemWithTopDescription
-                description={props.translate('task.description')}
-                title={props.report.description || ''}
-                onPress={() => Navigation.navigate(ROUTES.getTaskReportDescriptionRoute(props.report.reportID))}
-                shouldShowRightIcon={isOpen}
-                disabled={disableState}
-                wrapperStyle={[styles.pv2, styles.taskDescriptionMenuItem]}
-                shouldGreyOutWhenDisabled={false}
-                numberOfLinesTitle={0}
-            />
-            {props.report.managerID ? (
-                <MenuItem
-                    label={props.translate('task.assignee')}
-                    title={ReportUtils.getDisplayNameForParticipant(props.report.managerID)}
-                    icon={OptionsListUtils.getAvatarsForAccountIDs([props.report.managerID], props.personalDetails)}
-                    iconType={CONST.ICON_TYPE_AVATAR}
-                    avatarSize={CONST.AVATAR_SIZE.SMALLER}
-                    titleStyle={styles.assigneeTextStyle}
-                    onPress={() => Navigation.navigate(ROUTES.getTaskReportAssigneeRoute(props.report.reportID))}
+            <OfflineWithFeedback
+                pendingAction={lodashGet(props, 'report.pendingFields.description', null)}
+            >
+                <MenuItemWithTopDescription
+                    description={props.translate('task.description')}
+                    title={props.report.description || ''}
+                    onPress={() => Navigation.navigate(ROUTES.getTaskReportDescriptionRoute(props.report.reportID))}
                     shouldShowRightIcon={isOpen}
                     disabled={disableState}
-                    wrapperStyle={[styles.pv2]}
-                    isSmallAvatarSubscriptMenu
+                    wrapperStyle={[styles.pv2, styles.taskDescriptionMenuItem]}
                     shouldGreyOutWhenDisabled={false}
+                    numberOfLinesTitle={0}
                 />
+            </OfflineWithFeedback>
+            {props.report.managerID ? (
+                <OfflineWithFeedback
+                    pendingAction={lodashGet(props, 'report.pendingFields.managerID', null)}
+                >
+                    <MenuItem
+                        label={props.translate('task.assignee')}
+                        title={ReportUtils.getDisplayNameForParticipant(props.report.managerID)}
+                        icon={OptionsListUtils.getAvatarsForAccountIDs([props.report.managerID], props.personalDetails)}
+                        iconType={CONST.ICON_TYPE_AVATAR}
+                        avatarSize={CONST.AVATAR_SIZE.SMALLER}
+                        titleStyle={styles.assigneeTextStyle}
+                        onPress={() => Navigation.navigate(ROUTES.getTaskReportAssigneeRoute(props.report.reportID))}
+                        shouldShowRightIcon={isOpen}
+                        disabled={disableState}
+                        wrapperStyle={[styles.pv2]}
+                        isSmallAvatarSubscriptMenu
+                        shouldGreyOutWhenDisabled={false}
+                    />
+                </OfflineWithFeedback>
             ) : (
                 <MenuItemWithTopDescription
                     description={props.translate('task.assignee')}
diff --git a/src/libs/actions/Task.js b/src/libs/actions/Task.js
index aa383e94ecdd..20f002fb645c 100644
--- a/src/libs/actions/Task.js
+++ b/src/libs/actions/Task.js
@@ -401,10 +401,27 @@ function editTaskAndNavigate(report, ownerAccountID, {title, description, assign
                 description: reportDescription,
                 managerID: assigneeAccountID || report.managerID,
                 managerEmail: assignee || report.managerEmail,
+                pendingFields: {
+                    ...title && {reportName: CONST.RED_BRICK_ROAD_PENDING_ACTION.UPDATE},
+                    ...description && {description: CONST.RED_BRICK_ROAD_PENDING_ACTION.UPDATE},
+                    ...assigneeAccountID && {managerID: CONST.RED_BRICK_ROAD_PENDING_ACTION.UPDATE},
+                },
+            },
+        },
+    ];
+    const successData = [
+        {
+            onyxMethod: Onyx.METHOD.MERGE,
+            key: `${ONYXKEYS.COLLECTION.REPORT}${report.reportID}`,
+            value: {
+                pendingFields: {
+                    ...title && {reportName: null},
+                    ...description && {description: null},
+                    ...assigneeAccountID && {managerID: null},
+                },
             },
         },
     ];
-    const successData = [];
     const failureData = [
         {
             onyxMethod: Onyx.METHOD.MERGE,
diff --git a/src/pages/home/report/ReportActionItem.js b/src/pages/home/report/ReportActionItem.js
index 0b67a728ba0e..beffefc61cfe 100644
--- a/src/pages/home/report/ReportActionItem.js
+++ b/src/pages/home/report/ReportActionItem.js
@@ -583,6 +583,7 @@ export default compose(
             prevProps.shouldDisplayNewMarker === nextProps.shouldDisplayNewMarker &&
             _.isEqual(prevProps.emojiReactions, nextProps.emojiReactions) &&
             _.isEqual(prevProps.action, nextProps.action) &&
+            _.isEqual(prevProps.report.pendingFields, nextProps.report.pendingFields) &&
             lodashGet(prevProps.report, 'statusNum') === lodashGet(nextProps.report, 'statusNum') &&
             lodashGet(prevProps.report, 'stateNum') === lodashGet(nextProps.report, 'stateNum') &&
             prevProps.translate === nextProps.translate &&

From 074915d412370b48d9888967701f3939199146b8 Mon Sep 17 00:00:00 2001
From: Jayesh Mangwani <jayeshmangwani@gmail.com>
Date: Thu, 27 Jul 2023 15:48:48 +0530
Subject: [PATCH 028/137] fix: PressableWithDelayToggle innerRef optional

---
 src/components/Pressable/PressableWithDelayToggle.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Pressable/PressableWithDelayToggle.js b/src/components/Pressable/PressableWithDelayToggle.js
index 561275c0edbc..8775957987e7 100644
--- a/src/components/Pressable/PressableWithDelayToggle.js
+++ b/src/components/Pressable/PressableWithDelayToggle.js
@@ -13,7 +13,7 @@ import useThrottledButtonState from '../../hooks/useThrottledButtonState';
 
 const propTypes = {
     /** Ref passed to the component by React.forwardRef (do not pass from parent) */
-    innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({current: PropTypes.instanceOf(React.Component)})]).isRequired,
+    innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({current: PropTypes.instanceOf(React.Component)})]),
 
     /** The text to display */
     text: PropTypes.string,
@@ -67,6 +67,7 @@ const defaultProps = {
     icon: null,
     inline: true,
     iconChecked: Expensicons.Checkmark,
+    innerRef: () => {},
 };
 
 function PressableWithDelayToggle(props) {

From 9a88b34dd6f44ced20a17c018332362cdb9e576e Mon Sep 17 00:00:00 2001
From: Sibtain Ali <allroundexperts@gmail.com>
Date: Thu, 27 Jul 2023 16:44:44 +0500
Subject: [PATCH 029/137] feat: reset pending fields for failure data

---
 src/libs/actions/Task.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/libs/actions/Task.js b/src/libs/actions/Task.js
index 021afe28e4b1..fd9dca3c455e 100644
--- a/src/libs/actions/Task.js
+++ b/src/libs/actions/Task.js
@@ -431,7 +431,15 @@ function editTaskAndNavigate(report, ownerAccountID, {title, description, assign
         {
             onyxMethod: Onyx.METHOD.MERGE,
             key: `${ONYXKEYS.COLLECTION.REPORT}${report.reportID}`,
-            value: {reportName: report.reportName, description: report.description, assignee: report.managerEmail, assigneeAccountID: report.managerID},
+            value: {
+                reportName: report.reportName,
+                description: report.description,
+                assignee: report.managerEmail,
+                assigneeAccountID: report.managerID,
+                ...(title && {reportName: null}),
+                ...(description && {description: null}),
+                ...(assigneeAccountID && {managerID: null}),
+            },
         },
     ];
 

From 294a46c48b1b9ae1336d51b1ceec00116b8bb887 Mon Sep 17 00:00:00 2001
From: Sibtain Ali <allroundexperts@gmail.com>
Date: Thu, 27 Jul 2023 16:47:21 +0500
Subject: [PATCH 030/137] feat: add pending fields wrapper

---
 src/libs/actions/Task.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/libs/actions/Task.js b/src/libs/actions/Task.js
index fd9dca3c455e..491da4dfe405 100644
--- a/src/libs/actions/Task.js
+++ b/src/libs/actions/Task.js
@@ -436,9 +436,11 @@ function editTaskAndNavigate(report, ownerAccountID, {title, description, assign
                 description: report.description,
                 assignee: report.managerEmail,
                 assigneeAccountID: report.managerID,
-                ...(title && {reportName: null}),
-                ...(description && {description: null}),
-                ...(assigneeAccountID && {managerID: null}),
+                pendingFields: {
+                    ...(title && {reportName: null}),
+                    ...(description && {description: null}),
+                    ...(assigneeAccountID && {managerID: null}),
+                },
             },
         },
     ];

From fd40d4de8009fdb221649c99cedc343a644f56ba Mon Sep 17 00:00:00 2001
From: Chirag Arora <carora755@gmail.com>
Date: Thu, 27 Jul 2023 22:25:11 +0530
Subject: [PATCH 031/137] regex and error message updated

---
 src/CONST.js                | 2 +-
 src/languages/en.js         | 4 ++--
 src/languages/es.js         | 4 ++--
 src/libs/ValidationUtils.js | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/CONST.js b/src/CONST.js
index 89de80e3d825..e11dce24fd45 100755
--- a/src/CONST.js
+++ b/src/CONST.js
@@ -1134,7 +1134,7 @@ const CONST = {
     REGEX: {
         SPECIAL_CHARS_WITHOUT_NEWLINE: /((?!\n)[()-\s\t])/g,
         DIGITS_AND_PLUS: /^\+?[0-9]*$/,
-        ALPHANUMERIC_WITH_ATLEAST_ONE_CHAR: /^(?=.*[a-zA-ZÀ-ÿ].*)([a-zA-ZÀ-ÿ0-9 ]+)$/,
+        ALPHABETIC_CHARS: /^[a-zA-ZÀ-ÿ ]*$/,
         POSITIVE_INTEGER: /^\d+$/,
         PO_BOX: /\b[P|p]?(OST|ost)?\.?\s*[O|o|0]?(ffice|FFICE)?\.?\s*[B|b][O|o|0]?[X|x]?\.?\s+[#]?(\d+)\b/,
         ANY_VALUE: /^.+$/,
diff --git a/src/languages/en.js b/src/languages/en.js
index d7d34fa94580..19dbc9186da3 100755
--- a/src/languages/en.js
+++ b/src/languages/en.js
@@ -605,7 +605,7 @@ export default {
         growlMessageOnSave: 'Your debit card was successfully added',
         expensifyPassword: 'Expensify password',
         error: {
-            invalidName: 'Name can only include latin letters and numbers.',
+            invalidName: 'Name can only include letters.',
             addressZipCode: 'Please enter a valid zip code',
             debitCardNumber: 'Please enter a valid debit card number',
             expirationDate: 'Please select a valid expiration date',
@@ -784,7 +784,7 @@ export default {
         error: {
             dateShouldBeBefore: ({dateString}) => `Date should be before ${dateString}.`,
             dateShouldBeAfter: ({dateString}) => `Date should be after ${dateString}.`,
-            hasInvalidCharacter: 'Name can only include latin letters and numbers.',
+            hasInvalidCharacter: 'Name can only include letters.',
             incorrectZipFormat: ({zipFormat}) => `Incorrect zip code format.${zipFormat ? ` Acceptable format: ${zipFormat}` : ''}`,
         },
     },
diff --git a/src/languages/es.js b/src/languages/es.js
index c6d6f2f2b67a..a631141a6caa 100644
--- a/src/languages/es.js
+++ b/src/languages/es.js
@@ -606,7 +606,7 @@ export default {
         growlMessageOnSave: 'Su tarteja de débito se agregó correctamente',
         expensifyPassword: 'Contraseña de Expensify',
         error: {
-            invalidName: 'El nombre solo puede contener números y caracteres latinos.',
+            invalidName: 'El nombre sólo puede incluir letras.',
             addressZipCode: 'Por favor, introduce un código postal válido',
             debitCardNumber: 'Por favor, introduce un número de tarjeta de débito válido',
             expirationDate: 'Por favor, selecciona una fecha de vencimiento válida',
@@ -787,7 +787,7 @@ export default {
             dateShouldBeBefore: ({dateString}) => `La fecha debe ser anterior a ${dateString}.`,
             dateShouldBeAfter: ({dateString}) => `La fecha debe ser posterior a ${dateString}.`,
             incorrectZipFormat: ({zipFormat}) => `Formato de código postal incorrecto.${zipFormat ? ` Formato aceptable: ${zipFormat}` : ''}`,
-            hasInvalidCharacter: 'El nombre solo puede contener números y caracteres latinos.',
+            hasInvalidCharacter: 'El nombre sólo puede incluir letras.',
         },
     },
     resendValidationForm: {
diff --git a/src/libs/ValidationUtils.js b/src/libs/ValidationUtils.js
index c9c181d4101b..9ab6d1e20f9f 100644
--- a/src/libs/ValidationUtils.js
+++ b/src/libs/ValidationUtils.js
@@ -353,7 +353,7 @@ function isValidDisplayName(name) {
  * @returns {Boolean}
  */
 function isValidLegalName(name) {
-    return CONST.REGEX.ALPHANUMERIC_WITH_ATLEAST_ONE_CHAR.test(name);
+    return CONST.REGEX.ALPHABETIC_CHARS.test(name);
 }
 
 /**

From 1720a253fd7d640d26c18c3d6d30c5c63f8fa0c1 Mon Sep 17 00:00:00 2001
From: Chirag Arora <carora755@gmail.com>
Date: Thu, 27 Jul 2023 22:39:45 +0530
Subject: [PATCH 032/137] variable renamed

---
 src/CONST.js                | 2 +-
 src/libs/ValidationUtils.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/CONST.js b/src/CONST.js
index e11dce24fd45..2fedd7ce0ce9 100755
--- a/src/CONST.js
+++ b/src/CONST.js
@@ -1134,7 +1134,7 @@ const CONST = {
     REGEX: {
         SPECIAL_CHARS_WITHOUT_NEWLINE: /((?!\n)[()-\s\t])/g,
         DIGITS_AND_PLUS: /^\+?[0-9]*$/,
-        ALPHABETIC_CHARS: /^[a-zA-ZÀ-ÿ ]*$/,
+        ALPHABETIC_AND_LATIN_CHARS: /^[a-zA-ZÀ-ÿ ]*$/,
         POSITIVE_INTEGER: /^\d+$/,
         PO_BOX: /\b[P|p]?(OST|ost)?\.?\s*[O|o|0]?(ffice|FFICE)?\.?\s*[B|b][O|o|0]?[X|x]?\.?\s+[#]?(\d+)\b/,
         ANY_VALUE: /^.+$/,
diff --git a/src/libs/ValidationUtils.js b/src/libs/ValidationUtils.js
index 9ab6d1e20f9f..180cadef451e 100644
--- a/src/libs/ValidationUtils.js
+++ b/src/libs/ValidationUtils.js
@@ -353,7 +353,7 @@ function isValidDisplayName(name) {
  * @returns {Boolean}
  */
 function isValidLegalName(name) {
-    return CONST.REGEX.ALPHABETIC_CHARS.test(name);
+    return CONST.REGEX.ALPHABETIC_AND_LATIN_CHARS.test(name);
 }
 
 /**

From 11b8334824e5fe86c9069d916c15be4508d4e877 Mon Sep 17 00:00:00 2001
From: charan h s <charanengg08@gmail.com>
Date: Thu, 27 Jul 2023 23:41:48 +0530
Subject: [PATCH 033/137] Error message update

---
 src/languages/en.js | 2 +-
 src/languages/es.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/languages/en.js b/src/languages/en.js
index e07f02dbcadf..6b4f9f1b2f8f 100755
--- a/src/languages/en.js
+++ b/src/languages/en.js
@@ -168,7 +168,7 @@ export default {
         sizeNotMet: 'Attachment size must be greater than 240 bytes.',
         wrongFileType: 'Attachment is the wrong type',
         notAllowedExtension: 'This filetype is not allowed',
-        folderNotAllowedMessage: 'Uploading folder is not allowed.',
+        folderNotAllowedMessage: 'Uploading a folder is not allowed. Try a different file. ',
     },
     avatarCropModal: {
         title: 'Edit photo',
diff --git a/src/languages/es.js b/src/languages/es.js
index 8d917865f2c4..305c99c811bf 100644
--- a/src/languages/es.js
+++ b/src/languages/es.js
@@ -167,7 +167,7 @@ export default {
         sizeNotMet: 'El archivo adjunto debe ser mas grande que 240 bytes.',
         wrongFileType: 'El tipo del archivo adjunto es incorrecto',
         notAllowedExtension: 'Este tipo de archivo no está permitido',
-        folderNotAllowedMessage: 'No se permite subir carpetas.',
+        folderNotAllowedMessage: 'No se permite subir carpetas. Pruebe con un archivo diferente.',
     },
     avatarCropModal: {
         title: 'Editar foto',

From 74f59f94fcb234ad59749212cd88e3c75082041d Mon Sep 17 00:00:00 2001
From: charan h s <charanengg08@gmail.com>
Date: Fri, 28 Jul 2023 00:11:53 +0530
Subject: [PATCH 034/137] Correct spanish translated message

---
 src/languages/en.js | 2 +-
 src/languages/es.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/languages/en.js b/src/languages/en.js
index 6b4f9f1b2f8f..ba48aaae81d2 100755
--- a/src/languages/en.js
+++ b/src/languages/en.js
@@ -168,7 +168,7 @@ export default {
         sizeNotMet: 'Attachment size must be greater than 240 bytes.',
         wrongFileType: 'Attachment is the wrong type',
         notAllowedExtension: 'This filetype is not allowed',
-        folderNotAllowedMessage: 'Uploading a folder is not allowed. Try a different file. ',
+        folderNotAllowedMessage: 'Uploading a folder is not allowed. Try a different file.',
     },
     avatarCropModal: {
         title: 'Edit photo',
diff --git a/src/languages/es.js b/src/languages/es.js
index 305c99c811bf..f08ba177212b 100644
--- a/src/languages/es.js
+++ b/src/languages/es.js
@@ -167,7 +167,7 @@ export default {
         sizeNotMet: 'El archivo adjunto debe ser mas grande que 240 bytes.',
         wrongFileType: 'El tipo del archivo adjunto es incorrecto',
         notAllowedExtension: 'Este tipo de archivo no está permitido',
-        folderNotAllowedMessage: 'No se permite subir carpetas. Pruebe con un archivo diferente.',
+        folderNotAllowedMessage: 'Subir una carpeta no está permitido. Prueba con otro archivo.',
     },
     avatarCropModal: {
         title: 'Editar foto',

From 89ce2368b333e88bb1aae9cc5f1264be8a0efc29 Mon Sep 17 00:00:00 2001
From: Carlos Martins <cmartins@expensify.com>
Date: Thu, 27 Jul 2023 15:54:14 -0600
Subject: [PATCH 035/137] pass receipt param

---
 src/libs/ReportUtils.js      | 3 ++-
 src/libs/TransactionUtils.js | 3 ++-
 src/libs/actions/IOU.js      | 8 ++++++--
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/libs/ReportUtils.js b/src/libs/ReportUtils.js
index 8b3a0cacffca..60a73fd7a85e 100644
--- a/src/libs/ReportUtils.js
+++ b/src/libs/ReportUtils.js
@@ -1709,9 +1709,10 @@ function getIOUReportActionMessage(type, total, comment, currency, paymentType =
  * @param {String} [iouReportID] - Only required if the IOUReportActions type is oneOf(decline, cancel, pay). Generates a randomID as default.
  * @param {Boolean} [isSettlingUp] - Whether we are settling up an IOU.
  * @param {Boolean} [isSendMoneyFlow] - Whether this is send money flow
+ * @param {Object} [receipt]
  * @returns {Object}
  */
-function buildOptimisticIOUReportAction(type, amount, currency, comment, participants, transactionID, paymentType = '', iouReportID = '', isSettlingUp = false, isSendMoneyFlow = false) {
+function buildOptimisticIOUReportAction(type, amount, currency, comment, participants, transactionID, paymentType = '', iouReportID = '', isSettlingUp = false, isSendMoneyFlow = false, receipt = undefined) {
     const IOUReportID = iouReportID || generateReportID();
 
     const originalMessage = {
diff --git a/src/libs/TransactionUtils.js b/src/libs/TransactionUtils.js
index 266720bc631f..621b90be61f0 100644
--- a/src/libs/TransactionUtils.js
+++ b/src/libs/TransactionUtils.js
@@ -12,9 +12,10 @@ import * as NumberUtils from './NumberUtils';
  * @param {String} [source]
  * @param {String} [originalTransactionID]
  * @param {String} [merchant]
+ * @param {Object} [receipt]
  * @returns {Object}
  */
-function buildOptimisticTransaction(amount, currency, reportID, comment = '', source = '', originalTransactionID = '', merchant = CONST.REPORT.TYPE.IOU) {
+function buildOptimisticTransaction(amount, currency, reportID, comment = '', source = '', originalTransactionID = '', merchant = CONST.REPORT.TYPE.IOU, receipt = undefined) {
     // transactionIDs are random, positive, 64-bit numeric strings.
     // Because JS can only handle 53-bit numbers, transactionIDs are strings in the front-end (just like reportActionID)
     const transactionID = NumberUtils.rand64();
diff --git a/src/libs/actions/IOU.js b/src/libs/actions/IOU.js
index b7713c6224d2..bf2d8f84adce 100644
--- a/src/libs/actions/IOU.js
+++ b/src/libs/actions/IOU.js
@@ -296,8 +296,10 @@ function buildOnyxDataForMoneyRequest(
  * @param {Number} payeeAccountID
  * @param {Object} participant
  * @param {String} comment
+ * @param {Object} receipt
+ *
  */
-function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, participant, comment) {
+function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, participant, comment, receipt) {
     const payerEmail = OptionsListUtils.addSMSDomainIfPhoneNumber(participant.login);
     const payerAccountID = Number(participant.accountID);
     const isPolicyExpenseChat = participant.isPolicyExpenseChat;
@@ -342,7 +344,7 @@ function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, part
     }
 
     // STEP 3: Build optimistic transaction
-    const optimisticTransaction = TransactionUtils.buildOptimisticTransaction(amount, currency, iouReport.reportID, comment);
+    const optimisticTransaction = TransactionUtils.buildOptimisticTransaction(amount, currency, iouReport.reportID, comment, receipt);
 
     // STEP 4: Build optimistic reportActions. We need:
     // 1. CREATED action for the chatReport
@@ -361,6 +363,7 @@ function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, part
         optimisticTransaction.transactionID,
         '',
         iouReport.reportID,
+        receipt,
     );
 
     // Add optimistic personal details for participant
@@ -414,6 +417,7 @@ function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, part
             createdChatReportActionID: isNewChatReport ? optimisticCreatedActionForChat.reportActionID : 0,
             createdIOUReportActionID: isNewIOUReport ? optimisticCreatedActionForIOU.reportActionID : 0,
             reportPreviewReportActionID: reportPreviewAction.reportActionID,
+            receipt,
         },
         {optimisticData, successData, failureData},
     );

From 94cccccf3fd63b24c1a6f08a3ec4546f935ec2c6 Mon Sep 17 00:00:00 2001
From: Carlos Martins <cmartins@expensify.com>
Date: Thu, 27 Jul 2023 16:09:36 -0600
Subject: [PATCH 036/137] create buildOptimisticReceipt

---
 src/CONST.js                 |  3 +++
 src/libs/ReportUtils.js      |  1 +
 src/libs/TransactionUtils.js | 20 ++++++++++++++++++++
 src/libs/actions/IOU.js      |  5 +++--
 4 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/src/CONST.js b/src/CONST.js
index 39d190788b41..71ff3cec148e 100755
--- a/src/CONST.js
+++ b/src/CONST.js
@@ -1057,6 +1057,9 @@ const CONST = {
             DELETE: 'delete',
         },
         AMOUNT_MAX_LENGTH: 10,
+        RECEIPT_STATE: {
+            SCANREADY: 'SCANREADY',
+        }
     },
 
     GROWL: {
diff --git a/src/libs/ReportUtils.js b/src/libs/ReportUtils.js
index 60a73fd7a85e..afe31042330d 100644
--- a/src/libs/ReportUtils.js
+++ b/src/libs/ReportUtils.js
@@ -1758,6 +1758,7 @@ function buildOptimisticIOUReportAction(type, amount, currency, comment, partici
         shouldShow: true,
         created: DateUtils.getDBTime(),
         pendingAction: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD,
+        receipt,
     };
 }
 
diff --git a/src/libs/TransactionUtils.js b/src/libs/TransactionUtils.js
index 621b90be61f0..6b6d025cee23 100644
--- a/src/libs/TransactionUtils.js
+++ b/src/libs/TransactionUtils.js
@@ -37,9 +37,29 @@ function buildOptimisticTransaction(amount, currency, reportID, comment = '', so
         merchant,
         created: DateUtils.getDBTime(),
         pendingAction: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD,
+        receipt,
     };
 }
 
+/**
+ * Optimistically generate a receipt.
+ *
+ * @param {Object} receipt 
+ * @returns {Object}
+ */
+function buildOptimisticReceipt(receipt) {
+    if (!receipt) {
+        return;
+    }
+
+    return ({
+        receiptID: NumberUtils.rand64(),
+        source: receipt.source,
+        state: CONST.IOU.RECEIPT_STATE.SCANREADY,
+    });
+}
+
 export default {
     buildOptimisticTransaction,
+    buildOptimisticReceipt,
 };
diff --git a/src/libs/actions/IOU.js b/src/libs/actions/IOU.js
index bf2d8f84adce..5c70c6871469 100644
--- a/src/libs/actions/IOU.js
+++ b/src/libs/actions/IOU.js
@@ -19,6 +19,7 @@ import TransactionUtils from '../TransactionUtils';
 import * as ErrorUtils from '../ErrorUtils';
 import * as UserUtils from '../UserUtils';
 import * as Report from './Report';
+import * as NumberUtils from '../NumberUtils';
 
 let allReports;
 Onyx.connect({
@@ -296,10 +297,10 @@ function buildOnyxDataForMoneyRequest(
  * @param {Number} payeeAccountID
  * @param {Object} participant
  * @param {String} comment
- * @param {Object} receipt
+ * @param {Object} [receipt]
  *
  */
-function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, participant, comment, receipt) {
+function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, participant, comment, receipt = undefined) {
     const payerEmail = OptionsListUtils.addSMSDomainIfPhoneNumber(participant.login);
     const payerAccountID = Number(participant.accountID);
     const isPolicyExpenseChat = participant.isPolicyExpenseChat;

From eafded7498768879657cbe9a78f782d2fffb4fe2 Mon Sep 17 00:00:00 2001
From: Carlos Martins <cmartins@expensify.com>
Date: Thu, 27 Jul 2023 16:17:59 -0600
Subject: [PATCH 037/137] move buildOptimisticReceipt logic

---
 src/libs/TransactionUtils.js | 34 +++++++++++++++-------------------
 src/libs/actions/IOU.js      |  1 -
 2 files changed, 15 insertions(+), 20 deletions(-)

diff --git a/src/libs/TransactionUtils.js b/src/libs/TransactionUtils.js
index 6b6d025cee23..5eeb5d143e68 100644
--- a/src/libs/TransactionUtils.js
+++ b/src/libs/TransactionUtils.js
@@ -2,6 +2,20 @@ import CONST from '../CONST';
 import DateUtils from './DateUtils';
 import * as NumberUtils from './NumberUtils';
 
+/**
+ * Optimistically generate a receipt.
+ *
+ * @param {Object} receipt 
+ * @returns {Object}
+ */
+function buildOptimisticReceipt(receipt) {
+    return ({
+        receiptID: NumberUtils.rand64(),
+        source: receipt.source,
+        state: CONST.IOU.RECEIPT_STATE.SCANREADY,
+    });
+}
+
 /**
  * Optimistically generate a transaction.
  *
@@ -37,28 +51,10 @@ function buildOptimisticTransaction(amount, currency, reportID, comment = '', so
         merchant,
         created: DateUtils.getDBTime(),
         pendingAction: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD,
-        receipt,
+        ...(receipt ? {receipt: buildOptimisticReceipt(receipt)} : {}),
     };
 }
 
-/**
- * Optimistically generate a receipt.
- *
- * @param {Object} receipt 
- * @returns {Object}
- */
-function buildOptimisticReceipt(receipt) {
-    if (!receipt) {
-        return;
-    }
-
-    return ({
-        receiptID: NumberUtils.rand64(),
-        source: receipt.source,
-        state: CONST.IOU.RECEIPT_STATE.SCANREADY,
-    });
-}
-
 export default {
     buildOptimisticTransaction,
     buildOptimisticReceipt,
diff --git a/src/libs/actions/IOU.js b/src/libs/actions/IOU.js
index 5c70c6871469..a86fa8355127 100644
--- a/src/libs/actions/IOU.js
+++ b/src/libs/actions/IOU.js
@@ -19,7 +19,6 @@ import TransactionUtils from '../TransactionUtils';
 import * as ErrorUtils from '../ErrorUtils';
 import * as UserUtils from '../UserUtils';
 import * as Report from './Report';
-import * as NumberUtils from '../NumberUtils';
 
 let allReports;
 Onyx.connect({

From af581b451be28acfd4247adc85ee11aff3445a52 Mon Sep 17 00:00:00 2001
From: Carlos Martins <cmartins@expensify.com>
Date: Thu, 27 Jul 2023 16:19:53 -0600
Subject: [PATCH 038/137] add receipt to buildOptimisticIOUReportAction

---
 src/libs/ReportUtils.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/libs/ReportUtils.js b/src/libs/ReportUtils.js
index afe31042330d..2ff5a952d977 100644
--- a/src/libs/ReportUtils.js
+++ b/src/libs/ReportUtils.js
@@ -20,6 +20,7 @@ import isReportMessageAttachment from './isReportMessageAttachment';
 import * as defaultWorkspaceAvatars from '../components/Icon/WorkspaceDefaultAvatars';
 import * as CurrencyUtils from './CurrencyUtils';
 import * as UserUtils from './UserUtils';
+import TransactionUtils from './TransactionUtils';
 
 let currentUserEmail;
 let currentUserAccountID;
@@ -1758,7 +1759,7 @@ function buildOptimisticIOUReportAction(type, amount, currency, comment, partici
         shouldShow: true,
         created: DateUtils.getDBTime(),
         pendingAction: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD,
-        receipt,
+        ...(receipt ? {receipt: TransactionUtils.buildOptimisticReceipt(receipt)} : {}),
     };
 }
 

From 1f7f7bddc34b24ac7e63325623b71aba36672d7f Mon Sep 17 00:00:00 2001
From: Carlos Martins <cmartins@expensify.com>
Date: Thu, 27 Jul 2023 16:25:11 -0600
Subject: [PATCH 039/137] create single optimisticReceipt

---
 src/libs/ReportUtils.js      | 4 ++--
 src/libs/TransactionUtils.js | 8 ++++++--
 src/libs/actions/IOU.js      | 7 ++++---
 3 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/libs/ReportUtils.js b/src/libs/ReportUtils.js
index 2ff5a952d977..98ac5c379f05 100644
--- a/src/libs/ReportUtils.js
+++ b/src/libs/ReportUtils.js
@@ -1713,7 +1713,7 @@ function getIOUReportActionMessage(type, total, comment, currency, paymentType =
  * @param {Object} [receipt]
  * @returns {Object}
  */
-function buildOptimisticIOUReportAction(type, amount, currency, comment, participants, transactionID, paymentType = '', iouReportID = '', isSettlingUp = false, isSendMoneyFlow = false, receipt = undefined) {
+function buildOptimisticIOUReportAction(type, amount, currency, comment, participants, transactionID, paymentType = '', iouReportID = '', isSettlingUp = false, isSendMoneyFlow = false, receipt = {}) {
     const IOUReportID = iouReportID || generateReportID();
 
     const originalMessage = {
@@ -1759,7 +1759,7 @@ function buildOptimisticIOUReportAction(type, amount, currency, comment, partici
         shouldShow: true,
         created: DateUtils.getDBTime(),
         pendingAction: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD,
-        ...(receipt ? {receipt: TransactionUtils.buildOptimisticReceipt(receipt)} : {}),
+        receipt,
     };
 }
 
diff --git a/src/libs/TransactionUtils.js b/src/libs/TransactionUtils.js
index 5eeb5d143e68..f35b63ac23e5 100644
--- a/src/libs/TransactionUtils.js
+++ b/src/libs/TransactionUtils.js
@@ -9,6 +9,10 @@ import * as NumberUtils from './NumberUtils';
  * @returns {Object}
  */
 function buildOptimisticReceipt(receipt) {
+    if (!receipt) {
+        return {};
+    }
+
     return ({
         receiptID: NumberUtils.rand64(),
         source: receipt.source,
@@ -29,7 +33,7 @@ function buildOptimisticReceipt(receipt) {
  * @param {Object} [receipt]
  * @returns {Object}
  */
-function buildOptimisticTransaction(amount, currency, reportID, comment = '', source = '', originalTransactionID = '', merchant = CONST.REPORT.TYPE.IOU, receipt = undefined) {
+function buildOptimisticTransaction(amount, currency, reportID, comment = '', source = '', originalTransactionID = '', merchant = CONST.REPORT.TYPE.IOU, receipt = {}) {
     // transactionIDs are random, positive, 64-bit numeric strings.
     // Because JS can only handle 53-bit numbers, transactionIDs are strings in the front-end (just like reportActionID)
     const transactionID = NumberUtils.rand64();
@@ -51,7 +55,7 @@ function buildOptimisticTransaction(amount, currency, reportID, comment = '', so
         merchant,
         created: DateUtils.getDBTime(),
         pendingAction: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD,
-        ...(receipt ? {receipt: buildOptimisticReceipt(receipt)} : {}),
+        receipt,
     };
 }
 
diff --git a/src/libs/actions/IOU.js b/src/libs/actions/IOU.js
index a86fa8355127..359e9ff0e165 100644
--- a/src/libs/actions/IOU.js
+++ b/src/libs/actions/IOU.js
@@ -343,8 +343,9 @@ function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, part
             : ReportUtils.buildOptimisticIOUReport(payeeAccountID, payerAccountID, amount, chatReport.reportID, currency);
     }
 
-    // STEP 3: Build optimistic transaction
-    const optimisticTransaction = TransactionUtils.buildOptimisticTransaction(amount, currency, iouReport.reportID, comment, receipt);
+    // STEP 3: Build optimistic receipt (if available) and transaction
+    const optimisticReceipt = TransactionUtils.buildOptimisticReceipt(receipt);
+    const optimisticTransaction = TransactionUtils.buildOptimisticTransaction(amount, currency, iouReport.reportID, comment, optimisticReceipt);
 
     // STEP 4: Build optimistic reportActions. We need:
     // 1. CREATED action for the chatReport
@@ -363,7 +364,7 @@ function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, part
         optimisticTransaction.transactionID,
         '',
         iouReport.reportID,
-        receipt,
+        optimisticReceipt,
     );
 
     // Add optimistic personal details for participant

From 3715973fb31f70b29df78fa3746de54f075bb97e Mon Sep 17 00:00:00 2001
From: Carlos Martins <cmartins@expensify.com>
Date: Thu, 27 Jul 2023 16:25:32 -0600
Subject: [PATCH 040/137] rm unsued import

---
 src/libs/ReportUtils.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/libs/ReportUtils.js b/src/libs/ReportUtils.js
index 98ac5c379f05..3cd4262a56b1 100644
--- a/src/libs/ReportUtils.js
+++ b/src/libs/ReportUtils.js
@@ -20,7 +20,6 @@ import isReportMessageAttachment from './isReportMessageAttachment';
 import * as defaultWorkspaceAvatars from '../components/Icon/WorkspaceDefaultAvatars';
 import * as CurrencyUtils from './CurrencyUtils';
 import * as UserUtils from './UserUtils';
-import TransactionUtils from './TransactionUtils';
 
 let currentUserEmail;
 let currentUserAccountID;

From 991fc6af82c53ec539ee2b27f89572e2ab39564a Mon Sep 17 00:00:00 2001
From: Carlos Martins <cmartins@expensify.com>
Date: Thu, 27 Jul 2023 16:28:04 -0600
Subject: [PATCH 041/137] add more checks to buildOptimisticReceipt

---
 src/libs/TransactionUtils.js | 36 ++++++++++++++++++------------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/libs/TransactionUtils.js b/src/libs/TransactionUtils.js
index f35b63ac23e5..5f973b58549d 100644
--- a/src/libs/TransactionUtils.js
+++ b/src/libs/TransactionUtils.js
@@ -2,24 +2,6 @@ import CONST from '../CONST';
 import DateUtils from './DateUtils';
 import * as NumberUtils from './NumberUtils';
 
-/**
- * Optimistically generate a receipt.
- *
- * @param {Object} receipt 
- * @returns {Object}
- */
-function buildOptimisticReceipt(receipt) {
-    if (!receipt) {
-        return {};
-    }
-
-    return ({
-        receiptID: NumberUtils.rand64(),
-        source: receipt.source,
-        state: CONST.IOU.RECEIPT_STATE.SCANREADY,
-    });
-}
-
 /**
  * Optimistically generate a transaction.
  *
@@ -59,6 +41,24 @@ function buildOptimisticTransaction(amount, currency, reportID, comment = '', so
     };
 }
 
+/**
+ * Optimistically generate a receipt.
+ *
+ * @param {Object} receipt 
+ * @returns {Object}
+ */
+function buildOptimisticReceipt(receipt) {
+    if (!receipt || !receipt.source) {
+        return {};
+    }
+
+    return ({
+        receiptID: NumberUtils.rand64(),
+        source: receipt.source,
+        state: CONST.IOU.RECEIPT_STATE.SCANREADY,
+    });
+}
+
 export default {
     buildOptimisticTransaction,
     buildOptimisticReceipt,

From 7c882715da78b4cdaf8e719f6f5ec0ff6b0cf7d6 Mon Sep 17 00:00:00 2001
From: Carlos Martins <cmartins@expensify.com>
Date: Thu, 27 Jul 2023 16:34:46 -0600
Subject: [PATCH 042/137] update comment

---
 src/libs/actions/IOU.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/libs/actions/IOU.js b/src/libs/actions/IOU.js
index 359e9ff0e165..5275f386cd9b 100644
--- a/src/libs/actions/IOU.js
+++ b/src/libs/actions/IOU.js
@@ -343,7 +343,7 @@ function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, part
             : ReportUtils.buildOptimisticIOUReport(payeeAccountID, payerAccountID, amount, chatReport.reportID, currency);
     }
 
-    // STEP 3: Build optimistic receipt (if available) and transaction
+    // STEP 3: Build optimistic receipt and transaction
     const optimisticReceipt = TransactionUtils.buildOptimisticReceipt(receipt);
     const optimisticTransaction = TransactionUtils.buildOptimisticTransaction(amount, currency, iouReport.reportID, comment, optimisticReceipt);
 

From c075113b65566094a17e57093df5c1236d88fde2 Mon Sep 17 00:00:00 2001
From: Carlos Martins <cmartins@expensify.com>
Date: Thu, 27 Jul 2023 16:39:21 -0600
Subject: [PATCH 043/137] fix style

---
 src/CONST.js                 |  2 +-
 src/libs/ReportUtils.js      | 14 +++++++++++++-
 src/libs/TransactionUtils.js |  6 +++---
 3 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/CONST.js b/src/CONST.js
index 71ff3cec148e..224bc7638ae6 100755
--- a/src/CONST.js
+++ b/src/CONST.js
@@ -1059,7 +1059,7 @@ const CONST = {
         AMOUNT_MAX_LENGTH: 10,
         RECEIPT_STATE: {
             SCANREADY: 'SCANREADY',
-        }
+        },
     },
 
     GROWL: {
diff --git a/src/libs/ReportUtils.js b/src/libs/ReportUtils.js
index 3cd4262a56b1..364fb9d3d93e 100644
--- a/src/libs/ReportUtils.js
+++ b/src/libs/ReportUtils.js
@@ -1712,7 +1712,19 @@ function getIOUReportActionMessage(type, total, comment, currency, paymentType =
  * @param {Object} [receipt]
  * @returns {Object}
  */
-function buildOptimisticIOUReportAction(type, amount, currency, comment, participants, transactionID, paymentType = '', iouReportID = '', isSettlingUp = false, isSendMoneyFlow = false, receipt = {}) {
+function buildOptimisticIOUReportAction(
+    type,
+    amount,
+    currency,
+    comment,
+    participants,
+    transactionID,
+    paymentType = '',
+    iouReportID = '',
+    isSettlingUp = false,
+    isSendMoneyFlow = false,
+    receipt = {},
+) {
     const IOUReportID = iouReportID || generateReportID();
 
     const originalMessage = {
diff --git a/src/libs/TransactionUtils.js b/src/libs/TransactionUtils.js
index 5f973b58549d..364da084001d 100644
--- a/src/libs/TransactionUtils.js
+++ b/src/libs/TransactionUtils.js
@@ -44,7 +44,7 @@ function buildOptimisticTransaction(amount, currency, reportID, comment = '', so
 /**
  * Optimistically generate a receipt.
  *
- * @param {Object} receipt 
+ * @param {Object} receipt
  * @returns {Object}
  */
 function buildOptimisticReceipt(receipt) {
@@ -52,11 +52,11 @@ function buildOptimisticReceipt(receipt) {
         return {};
     }
 
-    return ({
+    return {
         receiptID: NumberUtils.rand64(),
         source: receipt.source,
         state: CONST.IOU.RECEIPT_STATE.SCANREADY,
-    });
+    };
 }
 
 export default {

From 7f84799abfbd70de22ccd262daa9bbeacddecbcf Mon Sep 17 00:00:00 2001
From: Sibtain Ali <allroundexperts@gmail.com>
Date: Fri, 28 Jul 2023 05:43:26 +0500
Subject: [PATCH 044/137] feat: add error state to tasks

---
 src/components/ReportActionItem/TaskView.js | 18 ++++++++++------
 src/libs/actions/Task.js                    | 24 ++++++++++++++-------
 src/pages/home/report/ReportActionItem.js   |  1 +
 src/pages/reportPropTypes.js                |  3 +++
 4 files changed, 31 insertions(+), 15 deletions(-)

diff --git a/src/components/ReportActionItem/TaskView.js b/src/components/ReportActionItem/TaskView.js
index cc624da8af4b..84f8215e9156 100644
--- a/src/components/ReportActionItem/TaskView.js
+++ b/src/components/ReportActionItem/TaskView.js
@@ -54,7 +54,12 @@ function TaskView(props) {
     const canEdit = PolicyUtils.isPolicyAdmin(policy) || Task.isTaskAssigneeOrTaskOwner(props.report, props.currentUserPersonalDetails.accountID);
     const disableState = !canEdit || !isOpen;
     return (
-        <View>
+        <OfflineWithFeedback 
+            shouldShowErrorMessages 
+            errors={lodashGet(props, 'report.errorFields')} 
+            onClose={() => Task.clearEditTaskErrors(props.report)}
+            errorRowStyles={styles.ph5}
+        >
             <Hoverable>
                 {(hovered) => (
                     <PressableWithSecondaryInteraction
@@ -71,7 +76,7 @@ function TaskView(props) {
                         accessibilityLabel={taskTitle || props.translate('task.task')}
                     >
                         {({pressed}) => (
-                            <OfflineWithFeedback pendingAction={lodashGet(props, 'report.pendingFields.reportName', null)}>
+                            <OfflineWithFeedback pendingAction={lodashGet(props, 'report.pendingFields.reportName')}>
                                 <Text style={styles.taskTitleDescription}>{props.translate('task.title')}</Text>
                                 <View style={[styles.flexRow, styles.alignItemsTop, styles.flex1]}>
                                     <Checkbox
@@ -107,7 +112,7 @@ function TaskView(props) {
                     </PressableWithSecondaryInteraction>
                 )}
             </Hoverable>
-            <OfflineWithFeedback pendingAction={lodashGet(props, 'report.pendingFields.description', null)}>
+            <OfflineWithFeedback pendingAction={lodashGet(props, 'report.pendingFields.description')}>
                 <MenuItemWithTopDescription
                     description={props.translate('task.description')}
                     title={props.report.description || ''}
@@ -120,7 +125,7 @@ function TaskView(props) {
                 />
             </OfflineWithFeedback>
             {props.report.managerID ? (
-                <OfflineWithFeedback pendingAction={lodashGet(props, 'report.pendingFields.managerID', null)}>
+                <OfflineWithFeedback pendingAction={lodashGet(props, 'report.pendingFields.managerID')}>
                     <MenuItem
                         label={props.translate('task.assignee')}
                         title={ReportUtils.getDisplayNameForParticipant(props.report.managerID)}
@@ -146,9 +151,8 @@ function TaskView(props) {
                     shouldGreyOutWhenDisabled={false}
                 />
             )}
-
-            {props.shouldShowHorizontalRule && <View style={styles.reportHorizontalRule} />}
-        </View>
+        {props.shouldShowHorizontalRule && <View style={styles.reportHorizontalRule} />}
+    </OfflineWithFeedback>
     );
 }
 
diff --git a/src/libs/actions/Task.js b/src/libs/actions/Task.js
index 491da4dfe405..29855ec0f8d8 100644
--- a/src/libs/actions/Task.js
+++ b/src/libs/actions/Task.js
@@ -405,7 +405,7 @@ function editTaskAndNavigate(report, ownerAccountID, {title, description, assign
                     ...(title && {reportName: CONST.RED_BRICK_ROAD_PENDING_ACTION.UPDATE}),
                     ...(description && {description: CONST.RED_BRICK_ROAD_PENDING_ACTION.UPDATE}),
                     ...(assigneeAccountID && {managerID: CONST.RED_BRICK_ROAD_PENDING_ACTION.UPDATE}),
-                },
+                }
             },
         },
     ];
@@ -418,7 +418,7 @@ function editTaskAndNavigate(report, ownerAccountID, {title, description, assign
                     ...(title && {reportName: null}),
                     ...(description && {description: null}),
                     ...(assigneeAccountID && {managerID: null}),
-                },
+                }
             },
         },
     ];
@@ -436,13 +436,8 @@ function editTaskAndNavigate(report, ownerAccountID, {title, description, assign
                 description: report.description,
                 assignee: report.managerEmail,
                 assigneeAccountID: report.managerID,
-                pendingFields: {
-                    ...(title && {reportName: null}),
-                    ...(description && {description: null}),
-                    ...(assigneeAccountID && {managerID: null}),
-                },
             },
-        },
+        }
     ];
 
     if (optimisticAssigneeAddComment) {
@@ -756,6 +751,18 @@ function isTaskAssigneeOrTaskOwner(taskReport, sessionAccountID) {
     return sessionAccountID === getTaskOwnerAccountID(taskReport) || sessionAccountID === getTaskAssigneeAccountID(taskReport);
 }
 
+/**
+ * Clears any possible stored errors for a specific field on a task report
+ *
+ * @param {Object} report
+ */
+function clearEditTaskErrors(report) {
+    Onyx.merge(`${ONYXKEYS.COLLECTION.REPORT}${report.reportID}`, {
+        pendingFields: null,
+        errorFields: null,
+    });
+}
+
 export {
     createTaskAndNavigate,
     editTaskAndNavigate,
@@ -775,4 +782,5 @@ export {
     dismissModalAndClearOutTaskInfo,
     getTaskAssigneeAccountID,
     isTaskAssigneeOrTaskOwner,
+    clearEditTaskErrors
 };
diff --git a/src/pages/home/report/ReportActionItem.js b/src/pages/home/report/ReportActionItem.js
index d9fadf25b33f..e88e5c811803 100644
--- a/src/pages/home/report/ReportActionItem.js
+++ b/src/pages/home/report/ReportActionItem.js
@@ -608,6 +608,7 @@ export default compose(
             _.isEqual(prevProps.emojiReactions, nextProps.emojiReactions) &&
             _.isEqual(prevProps.action, nextProps.action) &&
             _.isEqual(prevProps.report.pendingFields, nextProps.report.pendingFields) &&
+            _.isEqual(prevProps.report.errorFields, nextProps.report.errorFields) &&
             lodashGet(prevProps.report, 'statusNum') === lodashGet(nextProps.report, 'statusNum') &&
             lodashGet(prevProps.report, 'stateNum') === lodashGet(nextProps.report, 'stateNum') &&
             prevProps.translate === nextProps.translate &&
diff --git a/src/pages/reportPropTypes.js b/src/pages/reportPropTypes.js
index 2ddf82795c33..5992de09dc4f 100644
--- a/src/pages/reportPropTypes.js
+++ b/src/pages/reportPropTypes.js
@@ -76,4 +76,7 @@ export default PropTypes.shape({
 
     /** Which user role is capable of posting messages on the report */
     writeCapability: PropTypes.oneOf(_.values(CONST.REPORT.WRITE_CAPABILITIES)),
+
+    /** Field-specific pending states for offline UI status */ 
+    pendingFields: PropTypes.objectOf(PropTypes.objectOf(PropTypes.string)), 
 });

From 19077e1c6d09241f00bb3b924f66ca188a8fb4c7 Mon Sep 17 00:00:00 2001
From: Sibtain Ali <allroundexperts@gmail.com>
Date: Fri, 28 Jul 2023 06:31:40 +0500
Subject: [PATCH 045/137] feat: trigger re-render if errorFields are not equal

---
 src/pages/home/report/ReportActionsView.js | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/pages/home/report/ReportActionsView.js b/src/pages/home/report/ReportActionsView.js
index 22d2fcf08655..9ff1df36dd6a 100755
--- a/src/pages/home/report/ReportActionsView.js
+++ b/src/pages/home/report/ReportActionsView.js
@@ -352,6 +352,14 @@ function arePropsEqual(oldProps, newProps) {
         return false;
     }
 
+    if (!_.isEqual(oldProps.report.pendingFields, newProps.report.pendingFields)) {
+        return false;
+    }
+
+    if (!_.isEqual(oldProps.report.errorFields, newProps.report.errorFields)) {
+        return false;
+    }
+
     if (lodashGet(oldProps.network, 'isOffline') !== lodashGet(newProps.network, 'isOffline')) {
         return false;
     }

From 31b79e6ad48dc9812ac1eb04f129672041e304fb Mon Sep 17 00:00:00 2001
From: Sibtain Ali <allroundexperts@gmail.com>
Date: Fri, 28 Jul 2023 06:35:51 +0500
Subject: [PATCH 046/137] feat: lint errors

---
 src/components/ReportActionItem/TaskView.js | 10 +++++-----
 src/libs/actions/Task.js                    |  8 ++++----
 src/pages/reportPropTypes.js                |  4 ++--
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/ReportActionItem/TaskView.js b/src/components/ReportActionItem/TaskView.js
index 84f8215e9156..fc037fdf3377 100644
--- a/src/components/ReportActionItem/TaskView.js
+++ b/src/components/ReportActionItem/TaskView.js
@@ -54,9 +54,9 @@ function TaskView(props) {
     const canEdit = PolicyUtils.isPolicyAdmin(policy) || Task.isTaskAssigneeOrTaskOwner(props.report, props.currentUserPersonalDetails.accountID);
     const disableState = !canEdit || !isOpen;
     return (
-        <OfflineWithFeedback 
-            shouldShowErrorMessages 
-            errors={lodashGet(props, 'report.errorFields')} 
+        <OfflineWithFeedback
+            shouldShowErrorMessages
+            errors={lodashGet(props, 'report.errorFields')}
             onClose={() => Task.clearEditTaskErrors(props.report)}
             errorRowStyles={styles.ph5}
         >
@@ -151,8 +151,8 @@ function TaskView(props) {
                     shouldGreyOutWhenDisabled={false}
                 />
             )}
-        {props.shouldShowHorizontalRule && <View style={styles.reportHorizontalRule} />}
-    </OfflineWithFeedback>
+            {props.shouldShowHorizontalRule && <View style={styles.reportHorizontalRule} />}
+        </OfflineWithFeedback>
     );
 }
 
diff --git a/src/libs/actions/Task.js b/src/libs/actions/Task.js
index 29855ec0f8d8..be9e8a30f97a 100644
--- a/src/libs/actions/Task.js
+++ b/src/libs/actions/Task.js
@@ -405,7 +405,7 @@ function editTaskAndNavigate(report, ownerAccountID, {title, description, assign
                     ...(title && {reportName: CONST.RED_BRICK_ROAD_PENDING_ACTION.UPDATE}),
                     ...(description && {description: CONST.RED_BRICK_ROAD_PENDING_ACTION.UPDATE}),
                     ...(assigneeAccountID && {managerID: CONST.RED_BRICK_ROAD_PENDING_ACTION.UPDATE}),
-                }
+                },
             },
         },
     ];
@@ -418,7 +418,7 @@ function editTaskAndNavigate(report, ownerAccountID, {title, description, assign
                     ...(title && {reportName: null}),
                     ...(description && {description: null}),
                     ...(assigneeAccountID && {managerID: null}),
-                }
+                },
             },
         },
     ];
@@ -437,7 +437,7 @@ function editTaskAndNavigate(report, ownerAccountID, {title, description, assign
                 assignee: report.managerEmail,
                 assigneeAccountID: report.managerID,
             },
-        }
+        },
     ];
 
     if (optimisticAssigneeAddComment) {
@@ -782,5 +782,5 @@ export {
     dismissModalAndClearOutTaskInfo,
     getTaskAssigneeAccountID,
     isTaskAssigneeOrTaskOwner,
-    clearEditTaskErrors
+    clearEditTaskErrors,
 };
diff --git a/src/pages/reportPropTypes.js b/src/pages/reportPropTypes.js
index 5992de09dc4f..58b5ffe6ee2b 100644
--- a/src/pages/reportPropTypes.js
+++ b/src/pages/reportPropTypes.js
@@ -77,6 +77,6 @@ export default PropTypes.shape({
     /** Which user role is capable of posting messages on the report */
     writeCapability: PropTypes.oneOf(_.values(CONST.REPORT.WRITE_CAPABILITIES)),
 
-    /** Field-specific pending states for offline UI status */ 
-    pendingFields: PropTypes.objectOf(PropTypes.objectOf(PropTypes.string)), 
+    /** Field-specific pending states for offline UI status */
+    pendingFields: PropTypes.objectOf(PropTypes.objectOf(PropTypes.string)),
 });

From ae67ab683e5faa8acb56e7c5309ec02915e23aa7 Mon Sep 17 00:00:00 2001
From: ahmedGaber93 <a.gaber0093@gmail.com>
Date: Fri, 28 Jul 2023 09:27:56 +0200
Subject: [PATCH 047/137] update composer comment when language changed.

---
 src/pages/home/report/ReportActionCompose.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/home/report/ReportActionCompose.js b/src/pages/home/report/ReportActionCompose.js
index baaca0a91bde..86ee58a1312e 100644
--- a/src/pages/home/report/ReportActionCompose.js
+++ b/src/pages/home/report/ReportActionCompose.js
@@ -286,7 +286,7 @@ class ReportActionCompose extends React.Component {
 
         // As the report IDs change, make sure to update the composer comment as we need to make sure
         // we do not show incorrect data in there (ie. draft of message from other report).
-        if (this.props.report.reportID === prevProps.report.reportID && !shouldSyncComment) {
+        if (this.props.preferredLocale === prevProps.preferredLocale && this.props.report.reportID === prevProps.report.reportID && !shouldSyncComment) {
             return;
         }
 

From 2844a13761f4ecc014750f15bd8cf7ed750af0bd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lucas=20M=C3=B3rawski?= <lukasz.morawski@callstack.com>
Date: Fri, 28 Jul 2023 14:51:12 +0300
Subject: [PATCH 048/137] localizing and disabling fields, removing show less

---
 src/components/MoneyRequestConfirmationList.js | 8 ++++----
 src/languages/en.js                            | 2 +-
 src/languages/es.js                            | 1 -
 3 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/components/MoneyRequestConfirmationList.js b/src/components/MoneyRequestConfirmationList.js
index 0797c997bf56..ea5428820caf 100755
--- a/src/components/MoneyRequestConfirmationList.js
+++ b/src/components/MoneyRequestConfirmationList.js
@@ -339,15 +339,15 @@ function MoneyRequestConfirmationList(props) {
                 <>
                     <MenuItemWithTopDescription
                         title={props.iouDate}
-                        description="Date"
+                        description={translate('common.date')}
                         style={[styles.moneyRequestMenuItem, styles.mb2]}
-                        disabled={didConfirm || props.isReadOnly}
+                        disabled
                     />
                     <MenuItemWithTopDescription
                         title={props.iouMerchant}
-                        description="Merchant"
+                        description={translate('common.merchant')}
                         style={[styles.moneyRequestMenuItem, styles.mb2]}
-                        disabled={didConfirm || props.isReadOnly}
+                        disabled
                     />
                 </>
             )}
diff --git a/src/languages/en.js b/src/languages/en.js
index 2303fcc1bcf8..967410db0ad8 100755
--- a/src/languages/en.js
+++ b/src/languages/en.js
@@ -150,7 +150,7 @@ export default {
         total: 'Total',
         edit: 'Edit',
         showMore: 'Show more',
-        showLess: 'Show less',
+        merchant: 'Merchant'
     },
     anonymousReportFooter: {
         logoTagline: 'Join in on the discussion.',
diff --git a/src/languages/es.js b/src/languages/es.js
index 10523445e341..24f86213377c 100644
--- a/src/languages/es.js
+++ b/src/languages/es.js
@@ -149,7 +149,6 @@ export default {
         total: 'Total',
         edit: 'Editar',
         showMore: 'Mostrar más',
-        showLess: 'Mostrar menos',
     },
     anonymousReportFooter: {
         logoTagline: 'Únete a la discussion.',

From 4642d362cf6ae682a1e977e7403d16ae272b84ca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lucas=20M=C3=B3rawski?= <lukasz.morawski@callstack.com>
Date: Fri, 28 Jul 2023 14:51:27 +0300
Subject: [PATCH 049/137] formatting

---
 src/libs/actions/IOU.js | 71 ++++++++++-------------------------------
 1 file changed, 17 insertions(+), 54 deletions(-)

diff --git a/src/libs/actions/IOU.js b/src/libs/actions/IOU.js
index cfa516e67897..752a455b4a3e 100644
--- a/src/libs/actions/IOU.js
+++ b/src/libs/actions/IOU.js
@@ -112,13 +112,7 @@ function buildOnyxDataForMoneyRequest(
                 lastReadTime: DateUtils.getDBTime(),
                 hasOutstandingIOU: iouReport.total !== 0,
                 iouReportID: iouReport.reportID,
-                ...(isNewChatReport
-                    ? {
-                          pendingFields: {
-                              createChat: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD,
-                          },
-                      }
-                    : {}),
+                ...(isNewChatReport ? {pendingFields: {createChat: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD}} : {}),
             },
         },
         {
@@ -128,13 +122,7 @@ function buildOnyxDataForMoneyRequest(
                 ...iouReport,
                 lastMessageText: iouAction.message[0].text,
                 lastMessageHtml: iouAction.message[0].html,
-                ...(isNewIOUReport
-                    ? {
-                          pendingFields: {
-                              createChat: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD,
-                          },
-                      }
-                    : {}),
+                ...(isNewIOUReport ? {pendingFields: {createChat: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD}} : {}),
             },
         },
         {
@@ -521,11 +509,7 @@ function createSplitsAndOnyxData(participants, currentUserLogin, currentUserAcco
             onyxMethod: existingGroupChatReport ? Onyx.METHOD.MERGE : Onyx.METHOD.SET,
             key: `${ONYXKEYS.COLLECTION.REPORT_ACTIONS}${groupChatReport.reportID}`,
             value: {
-                ...(existingGroupChatReport
-                    ? {}
-                    : {
-                          [groupCreatedReportAction.reportActionID]: groupCreatedReportAction,
-                      }),
+                ...(existingGroupChatReport ? {} : {[groupCreatedReportAction.reportActionID]: groupCreatedReportAction}),
                 [groupIOUReportAction.reportActionID]: groupIOUReportAction,
             },
         },
@@ -541,11 +525,7 @@ function createSplitsAndOnyxData(participants, currentUserLogin, currentUserAcco
             onyxMethod: Onyx.METHOD.MERGE,
             key: `${ONYXKEYS.COLLECTION.REPORT_ACTIONS}${groupChatReport.reportID}`,
             value: {
-                ...(existingGroupChatReport
-                    ? {}
-                    : {
-                          [groupCreatedReportAction.reportActionID]: {pendingAction: null},
-                      }),
+                ...(existingGroupChatReport ? {} : {[groupCreatedReportAction.reportActionID]: {pendingAction: null}}),
                 [groupIOUReportAction.reportActionID]: {pendingAction: null},
             },
         },
@@ -609,13 +589,7 @@ function createSplitsAndOnyxData(participants, currentUserLogin, currentUserAcco
 
     // Loop through participants creating individual chats, iouReports and reportActionIDs as needed
     const splitAmount = IOUUtils.calculateAmount(participants.length, amount, false);
-    const splits = [
-        {
-            email: currentUserEmail,
-            accountID: currentUserAccountID,
-            amount: IOUUtils.calculateAmount(participants.length, amount, true),
-        },
-    ];
+    const splits = [{email: currentUserEmail, accountID: currentUserAccountID, amount: IOUUtils.calculateAmount(participants.length, amount, true)}];
 
     const hasMultipleParticipants = participants.length > 1;
     _.each(participants, (participant) => {
@@ -1075,9 +1049,7 @@ function getSendMoneyParams(report, amount, currency, comment, paymentMethodType
         optimisticIOUReportData.onyxMethod = Onyx.METHOD.SET;
 
         // Set and clear pending fields on the chat report
-        optimisticChatReportData.value.pendingFields = {
-            createChat: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD,
-        };
+        optimisticChatReportData.value.pendingFields = {createChat: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD};
         successData.push({
             onyxMethod: Onyx.METHOD.MERGE,
             key: optimisticChatReportData.key,
@@ -1317,11 +1289,7 @@ function getPayMoneyRequestParams(chatReport, iouReport, recipient, paymentMetho
 function sendMoneyElsewhere(report, amount, currency, comment, managerID, recipient) {
     const {params, optimisticData, successData, failureData} = getSendMoneyParams(report, amount, currency, comment, CONST.IOU.PAYMENT_TYPE.ELSEWHERE, managerID, recipient);
 
-    API.write('SendMoneyElsewhere', params, {
-        optimisticData,
-        successData,
-        failureData,
-    });
+    API.write('SendMoneyElsewhere', params, {optimisticData, successData, failureData});
 
     resetMoneyRequestInfo();
     Navigation.dismissModal(params.chatReportID);
@@ -1339,11 +1307,7 @@ function sendMoneyElsewhere(report, amount, currency, comment, managerID, recipi
 function sendMoneyWithWallet(report, amount, currency, comment, managerID, recipient) {
     const {params, optimisticData, successData, failureData} = getSendMoneyParams(report, amount, currency, comment, CONST.IOU.PAYMENT_TYPE.EXPENSIFY, managerID, recipient);
 
-    API.write('SendMoneyWithWallet', params, {
-        optimisticData,
-        successData,
-        failureData,
-    });
+    API.write('SendMoneyWithWallet', params, {optimisticData, successData, failureData});
 
     resetMoneyRequestInfo();
     Navigation.dismissModal(params.chatReportID);
@@ -1361,6 +1325,7 @@ function sendMoneyWithWallet(report, amount, currency, comment, managerID, recip
 function sendMoneyViaPaypal(report, amount, currency, comment, managerID, recipient) {
     const {params, optimisticData, successData, failureData} = getSendMoneyParams(report, amount, currency, comment, CONST.IOU.PAYMENT_TYPE.PAYPAL_ME, managerID, recipient);
 
+    API.write('SendMoneyViaPaypal', params, {optimisticData, successData, failureData});
     API.write('SendMoneyViaPaypal', params, {
         optimisticData,
         successData,
@@ -1441,25 +1406,23 @@ function setMoneyRequestDescription(comment) {
  * @param {Object[]} participants
  */
 function setMoneyRequestParticipants(participants) {
-    Onyx.merge(ONYXKEYS.IOU, {
-        participants,
-    });
+    Onyx.merge(ONYXKEYS.IOU, {participants});
 }
 
 export {
     deleteMoneyRequest,
-    payMoneyRequest,
+    splitBill,
+    splitBillAndOpenReport,
     requestMoney,
-    resetMoneyRequestInfo,
     sendMoneyElsewhere,
     sendMoneyViaPaypal,
+    payMoneyRequest,
     sendMoneyWithWallet,
+    startMoneyRequest,
+    resetMoneyRequestInfo,
+    setMoneyRequestId,
     setMoneyRequestAmount,
     setMoneyRequestCurrency,
     setMoneyRequestDescription,
-    setMoneyRequestId,
     setMoneyRequestParticipants,
-    splitBill,
-    splitBillAndOpenReport,
-    startMoneyRequest,
-};
+};
\ No newline at end of file

From 9aa9b1869b7a910735790193f5c47c2b11b574e6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lucas=20M=C3=B3rawski?= <lukasz.morawski@callstack.com>
Date: Fri, 28 Jul 2023 17:45:55 +0300
Subject: [PATCH 050/137] formatting

---
 src/libs/actions/IOU.js | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/libs/actions/IOU.js b/src/libs/actions/IOU.js
index 752a455b4a3e..dd6cc9bd2eeb 100644
--- a/src/libs/actions/IOU.js
+++ b/src/libs/actions/IOU.js
@@ -349,6 +349,7 @@ function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, part
     if (iouReport) {
         if (isPolicyExpenseChat) {
             iouReport = {...iouReport};
+
             // Because of the Expense reports are stored as negative values, we substract the total from the amount
             iouReport.total -= amount;
         } else {
@@ -1326,11 +1327,6 @@ function sendMoneyViaPaypal(report, amount, currency, comment, managerID, recipi
     const {params, optimisticData, successData, failureData} = getSendMoneyParams(report, amount, currency, comment, CONST.IOU.PAYMENT_TYPE.PAYPAL_ME, managerID, recipient);
 
     API.write('SendMoneyViaPaypal', params, {optimisticData, successData, failureData});
-    API.write('SendMoneyViaPaypal', params, {
-        optimisticData,
-        successData,
-        failureData,
-    });
 
     resetMoneyRequestInfo();
     Navigation.dismissModal(params.chatReportID);

From a59d121322d4ebbd2fd92326394abf374d50c8cf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lucas=20M=C3=B3rawski?= <lukasz.morawski@callstack.com>
Date: Fri, 28 Jul 2023 17:48:02 +0300
Subject: [PATCH 051/137] added spanish merchant localization

---
 src/languages/es.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/languages/es.js b/src/languages/es.js
index 24f86213377c..3ea00e227a60 100644
--- a/src/languages/es.js
+++ b/src/languages/es.js
@@ -149,6 +149,7 @@ export default {
         total: 'Total',
         edit: 'Editar',
         showMore: 'Mostrar más',
+        merchant: 'comerciante'
     },
     anonymousReportFooter: {
         logoTagline: 'Únete a la discussion.',

From 8fc5ffe15a16d1ba66eda1c424fb1f640afe33a4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lucas=20M=C3=B3rawski?= <lukasz.morawski@callstack.com>
Date: Fri, 28 Jul 2023 17:51:56 +0300
Subject: [PATCH 052/137] comment disabled options

---
 src/components/MoneyRequestConfirmationList.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/MoneyRequestConfirmationList.js b/src/components/MoneyRequestConfirmationList.js
index ea5428820caf..f6b56b1789c9 100755
--- a/src/components/MoneyRequestConfirmationList.js
+++ b/src/components/MoneyRequestConfirmationList.js
@@ -341,12 +341,14 @@ function MoneyRequestConfirmationList(props) {
                         title={props.iouDate}
                         description={translate('common.date')}
                         style={[styles.moneyRequestMenuItem, styles.mb2]}
+                        // Note: These options are temporarily disabled while we figure out the required API changes 
                         disabled
                     />
                     <MenuItemWithTopDescription
                         title={props.iouMerchant}
                         description={translate('common.merchant')}
                         style={[styles.moneyRequestMenuItem, styles.mb2]}
+                        // Note: These options are temporarily disabled while we figure out the required API changes 
                         disabled
                     />
                 </>

From 33bf29d1911ac953c3a186b15ff2a94485c956cf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lucas=20M=C3=B3rawski?= <lukasz.morawski@callstack.com>
Date: Fri, 28 Jul 2023 17:56:11 +0300
Subject: [PATCH 053/137] comment

---
 src/components/MoneyRequestConfirmationList.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/MoneyRequestConfirmationList.js b/src/components/MoneyRequestConfirmationList.js
index f6b56b1789c9..4716ed848d55 100755
--- a/src/components/MoneyRequestConfirmationList.js
+++ b/src/components/MoneyRequestConfirmationList.js
@@ -341,14 +341,14 @@ function MoneyRequestConfirmationList(props) {
                         title={props.iouDate}
                         description={translate('common.date')}
                         style={[styles.moneyRequestMenuItem, styles.mb2]}
-                        // Note: These options are temporarily disabled while we figure out the required API changes 
+                        // Note: This component is disabled until this field is editable in next PR
                         disabled
                     />
                     <MenuItemWithTopDescription
                         title={props.iouMerchant}
                         description={translate('common.merchant')}
                         style={[styles.moneyRequestMenuItem, styles.mb2]}
-                        // Note: These options are temporarily disabled while we figure out the required API changes 
+                        // Note: This component is disabled until this field is editable in next PR
                         disabled
                     />
                 </>

From e993ea3174ef217719c12a34584f85e6da06c688 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lucas=20M=C3=B3rawski?= <lukasz.morawski@callstack.com>
Date: Fri, 28 Jul 2023 18:23:27 +0300
Subject: [PATCH 054/137] linting

---
 src/languages/en.js     | 2 +-
 src/languages/es.js     | 2 +-
 src/libs/actions/IOU.js | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/languages/en.js b/src/languages/en.js
index 967410db0ad8..a17bf534a3c7 100755
--- a/src/languages/en.js
+++ b/src/languages/en.js
@@ -150,7 +150,7 @@ export default {
         total: 'Total',
         edit: 'Edit',
         showMore: 'Show more',
-        merchant: 'Merchant'
+        merchant: 'Merchant',
     },
     anonymousReportFooter: {
         logoTagline: 'Join in on the discussion.',
diff --git a/src/languages/es.js b/src/languages/es.js
index 3ea00e227a60..06be02403d48 100644
--- a/src/languages/es.js
+++ b/src/languages/es.js
@@ -149,7 +149,7 @@ export default {
         total: 'Total',
         edit: 'Editar',
         showMore: 'Mostrar más',
-        merchant: 'comerciante'
+        merchant: 'comerciante',
     },
     anonymousReportFooter: {
         logoTagline: 'Únete a la discussion.',
diff --git a/src/libs/actions/IOU.js b/src/libs/actions/IOU.js
index dd6cc9bd2eeb..4da084b4c2f3 100644
--- a/src/libs/actions/IOU.js
+++ b/src/libs/actions/IOU.js
@@ -1421,4 +1421,4 @@ export {
     setMoneyRequestCurrency,
     setMoneyRequestDescription,
     setMoneyRequestParticipants,
-};
\ No newline at end of file
+};

From 448e27f270b50ad271de4310aa71a45314726396 Mon Sep 17 00:00:00 2001
From: Carlos Martins <cmartins@expensify.com>
Date: Fri, 28 Jul 2023 14:22:24 -0600
Subject: [PATCH 055/137] pass correct report param

---
 src/libs/actions/IOU.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/libs/actions/IOU.js b/src/libs/actions/IOU.js
index 5660bc31a880..fbba4d74e5a3 100644
--- a/src/libs/actions/IOU.js
+++ b/src/libs/actions/IOU.js
@@ -818,7 +818,7 @@ function deleteMoneyRequest(transactionID, reportAction, isSingleTransactionView
     let updatedIOUReport = null;
     let updatedReportPreviewAction = null;
     if (!shouldDeleteIOUReport) {
-        if (ReportUtils.isExpenseReport(iouReport.reportID)) {
+        if (ReportUtils.isExpenseReport(iouReport)) {
             updatedIOUReport = {...iouReport};
 
             // Because of the Expense reports are stored as negative values, we add the total from the amount

From 14198e8141899382ca4f1b07dfcdb4b1e9f15ca8 Mon Sep 17 00:00:00 2001
From: Sibtain Ali <allroundexperts@gmail.com>
Date: Sat, 29 Jul 2023 02:45:49 +0500
Subject: [PATCH 056/137] feat: move the error dot above the horizontal line in
 task view

---
 src/components/ReportActionItem/TaskView.js | 182 ++++++++++----------
 src/libs/actions/Task.js                    |   8 +-
 2 files changed, 95 insertions(+), 95 deletions(-)

diff --git a/src/components/ReportActionItem/TaskView.js b/src/components/ReportActionItem/TaskView.js
index fc037fdf3377..2e45439a43ac 100644
--- a/src/components/ReportActionItem/TaskView.js
+++ b/src/components/ReportActionItem/TaskView.js
@@ -54,105 +54,107 @@ function TaskView(props) {
     const canEdit = PolicyUtils.isPolicyAdmin(policy) || Task.isTaskAssigneeOrTaskOwner(props.report, props.currentUserPersonalDetails.accountID);
     const disableState = !canEdit || !isOpen;
     return (
-        <OfflineWithFeedback
-            shouldShowErrorMessages
-            errors={lodashGet(props, 'report.errorFields')}
-            onClose={() => Task.clearEditTaskErrors(props.report)}
-            errorRowStyles={styles.ph5}
-        >
-            <Hoverable>
-                {(hovered) => (
-                    <PressableWithSecondaryInteraction
-                        onPress={Session.checkIfActionIsAllowed((e) => {
-                            if (e && e.type === 'click') {
-                                e.currentTarget.blur();
-                            }
+        <View>
+            <OfflineWithFeedback
+                shouldShowErrorMessages
+                errors={lodashGet(props, 'report.errorFields')}
+                onClose={() => Task.clearEditTaskErrors(props.report.reportID)}
+                errorRowStyles={styles.ph5}
+            >
+                <Hoverable>
+                    {(hovered) => (
+                        <PressableWithSecondaryInteraction
+                            onPress={Session.checkIfActionIsAllowed((e) => {
+                                if (e && e.type === 'click') {
+                                    e.currentTarget.blur();
+                                }
 
-                            Navigation.navigate(ROUTES.getTaskReportTitleRoute(props.report.reportID));
-                        })}
-                        style={({pressed}) => [styles.ph5, styles.pv2, StyleUtils.getButtonBackgroundColorStyle(getButtonState(hovered, pressed, false, disableState), true)]}
-                        ref={props.forwardedRef}
-                        disabled={disableState}
-                        accessibilityLabel={taskTitle || props.translate('task.task')}
-                    >
-                        {({pressed}) => (
-                            <OfflineWithFeedback pendingAction={lodashGet(props, 'report.pendingFields.reportName')}>
-                                <Text style={styles.taskTitleDescription}>{props.translate('task.title')}</Text>
-                                <View style={[styles.flexRow, styles.alignItemsTop, styles.flex1]}>
-                                    <Checkbox
-                                        onPress={() => (isCompleted ? Task.reopenTask(props.report.reportID, taskTitle) : Task.completeTask(props.report.reportID, taskTitle))}
-                                        isChecked={isCompleted}
-                                        style={styles.taskMenuItemCheckbox}
-                                        containerSize={24}
-                                        containerBorderRadius={8}
-                                        caretSize={16}
-                                        accessibilityLabel={taskTitle || props.translate('task.task')}
-                                        disabled={isCanceled || !canEdit}
-                                    />
-                                    <View style={[styles.flexRow, styles.flex1]}>
-                                        <Text
-                                            numberOfLines={3}
-                                            style={styles.taskTitleMenuItem}
-                                        >
-                                            {taskTitle}
-                                        </Text>
-                                    </View>
-                                    {isOpen && (
-                                        <View style={styles.taskRightIconContainer}>
-                                            <Icon
-                                                additionalStyles={[styles.alignItemsCenter]}
-                                                src={Expensicons.ArrowRight}
-                                                fill={StyleUtils.getIconFillColor(getButtonState(hovered, pressed, false, disableState))}
-                                            />
+                                Navigation.navigate(ROUTES.getTaskReportTitleRoute(props.report.reportID));
+                            })}
+                            style={({pressed}) => [styles.ph5, styles.pv2, StyleUtils.getButtonBackgroundColorStyle(getButtonState(hovered, pressed, false, disableState), true)]}
+                            ref={props.forwardedRef}
+                            disabled={disableState}
+                            accessibilityLabel={taskTitle || props.translate('task.task')}
+                        >
+                            {({pressed}) => (
+                                <OfflineWithFeedback pendingAction={lodashGet(props, 'report.pendingFields.reportName')}>
+                                    <Text style={styles.taskTitleDescription}>{props.translate('task.title')}</Text>
+                                    <View style={[styles.flexRow, styles.alignItemsTop, styles.flex1]}>
+                                        <Checkbox
+                                            onPress={() => (isCompleted ? Task.reopenTask(props.report.reportID, taskTitle) : Task.completeTask(props.report.reportID, taskTitle))}
+                                            isChecked={isCompleted}
+                                            style={styles.taskMenuItemCheckbox}
+                                            containerSize={24}
+                                            containerBorderRadius={8}
+                                            caretSize={16}
+                                            accessibilityLabel={taskTitle || props.translate('task.task')}
+                                            disabled={isCanceled || !canEdit}
+                                        />
+                                        <View style={[styles.flexRow, styles.flex1]}>
+                                            <Text
+                                                numberOfLines={3}
+                                                style={styles.taskTitleMenuItem}
+                                            >
+                                                {taskTitle}
+                                            </Text>
                                         </View>
-                                    )}
-                                </View>
-                            </OfflineWithFeedback>
-                        )}
-                    </PressableWithSecondaryInteraction>
-                )}
-            </Hoverable>
-            <OfflineWithFeedback pendingAction={lodashGet(props, 'report.pendingFields.description')}>
-                <MenuItemWithTopDescription
-                    description={props.translate('task.description')}
-                    title={props.report.description || ''}
-                    onPress={() => Navigation.navigate(ROUTES.getTaskReportDescriptionRoute(props.report.reportID))}
-                    shouldShowRightIcon={isOpen}
-                    disabled={disableState}
-                    wrapperStyle={[styles.pv2, styles.taskDescriptionMenuItem]}
-                    shouldGreyOutWhenDisabled={false}
-                    numberOfLinesTitle={0}
-                />
-            </OfflineWithFeedback>
-            {props.report.managerID ? (
-                <OfflineWithFeedback pendingAction={lodashGet(props, 'report.pendingFields.managerID')}>
-                    <MenuItem
-                        label={props.translate('task.assignee')}
-                        title={ReportUtils.getDisplayNameForParticipant(props.report.managerID)}
-                        icon={OptionsListUtils.getAvatarsForAccountIDs([props.report.managerID], props.personalDetails)}
-                        iconType={CONST.ICON_TYPE_AVATAR}
-                        avatarSize={CONST.AVATAR_SIZE.SMALLER}
-                        titleStyle={styles.assigneeTextStyle}
+                                        {isOpen && (
+                                            <View style={styles.taskRightIconContainer}>
+                                                <Icon
+                                                    additionalStyles={[styles.alignItemsCenter]}
+                                                    src={Expensicons.ArrowRight}
+                                                    fill={StyleUtils.getIconFillColor(getButtonState(hovered, pressed, false, disableState))}
+                                                />
+                                            </View>
+                                        )}
+                                    </View>
+                                </OfflineWithFeedback>
+                            )}
+                        </PressableWithSecondaryInteraction>
+                    )}
+                </Hoverable>
+                <OfflineWithFeedback pendingAction={lodashGet(props, 'report.pendingFields.description')}>
+                    <MenuItemWithTopDescription
+                        description={props.translate('task.description')}
+                        title={props.report.description || ''}
+                        onPress={() => Navigation.navigate(ROUTES.getTaskReportDescriptionRoute(props.report.reportID))}
+                        shouldShowRightIcon={isOpen}
+                        disabled={disableState}
+                        wrapperStyle={[styles.pv2, styles.taskDescriptionMenuItem]}
+                        shouldGreyOutWhenDisabled={false}
+                        numberOfLinesTitle={0}
+                    />
+                </OfflineWithFeedback>
+                {props.report.managerID ? (
+                    <OfflineWithFeedback pendingAction={lodashGet(props, 'report.pendingFields.managerID')}>
+                        <MenuItem
+                            label={props.translate('task.assignee')}
+                            title={ReportUtils.getDisplayNameForParticipant(props.report.managerID)}
+                            icon={OptionsListUtils.getAvatarsForAccountIDs([props.report.managerID], props.personalDetails)}
+                            iconType={CONST.ICON_TYPE_AVATAR}
+                            avatarSize={CONST.AVATAR_SIZE.SMALLER}
+                            titleStyle={styles.assigneeTextStyle}
+                            onPress={() => Navigation.navigate(ROUTES.getTaskReportAssigneeRoute(props.report.reportID))}
+                            shouldShowRightIcon={isOpen}
+                            disabled={disableState}
+                            wrapperStyle={[styles.pv2]}
+                            isSmallAvatarSubscriptMenu
+                            shouldGreyOutWhenDisabled={false}
+                        />
+                    </OfflineWithFeedback>
+                ) : (
+                    <MenuItemWithTopDescription
+                        description={props.translate('task.assignee')}
                         onPress={() => Navigation.navigate(ROUTES.getTaskReportAssigneeRoute(props.report.reportID))}
                         shouldShowRightIcon={isOpen}
                         disabled={disableState}
                         wrapperStyle={[styles.pv2]}
-                        isSmallAvatarSubscriptMenu
                         shouldGreyOutWhenDisabled={false}
                     />
-                </OfflineWithFeedback>
-            ) : (
-                <MenuItemWithTopDescription
-                    description={props.translate('task.assignee')}
-                    onPress={() => Navigation.navigate(ROUTES.getTaskReportAssigneeRoute(props.report.reportID))}
-                    shouldShowRightIcon={isOpen}
-                    disabled={disableState}
-                    wrapperStyle={[styles.pv2]}
-                    shouldGreyOutWhenDisabled={false}
-                />
-            )}
+                )}
+            </OfflineWithFeedback>
             {props.shouldShowHorizontalRule && <View style={styles.reportHorizontalRule} />}
-        </OfflineWithFeedback>
+        </View>
     );
 }
 
diff --git a/src/libs/actions/Task.js b/src/libs/actions/Task.js
index be9e8a30f97a..34a6519b94b5 100644
--- a/src/libs/actions/Task.js
+++ b/src/libs/actions/Task.js
@@ -752,12 +752,10 @@ function isTaskAssigneeOrTaskOwner(taskReport, sessionAccountID) {
 }
 
 /**
- * Clears any possible stored errors for a specific field on a task report
- *
- * @param {Object} report
+ * @param {String} reportID
  */
-function clearEditTaskErrors(report) {
-    Onyx.merge(`${ONYXKEYS.COLLECTION.REPORT}${report.reportID}`, {
+function clearEditTaskErrors(reportID) {
+    Onyx.merge(`${ONYXKEYS.COLLECTION.REPORT}${reportID}`, {
         pendingFields: null,
         errorFields: null,
     });

From d50952c5af8dcec3b4de1c29bbe7fb35cca263c8 Mon Sep 17 00:00:00 2001
From: charan h s <charanengg08@gmail.com>
Date: Sat, 29 Jul 2023 08:21:33 +0530
Subject: [PATCH 057/137] Minor changes after merge

---
 src/hooks/useDragAndDrop.js                  | 3 ++-
 src/pages/home/report/ReportActionCompose.js | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/hooks/useDragAndDrop.js b/src/hooks/useDragAndDrop.js
index 98df70085a72..6a2d12fd1c65 100644
--- a/src/hooks/useDragAndDrop.js
+++ b/src/hooks/useDragAndDrop.js
@@ -100,6 +100,7 @@ export default function useDragAndDrop({dropZone, onDrop = () => {}, shouldAllow
 
         // Note that the dragover event needs to be called with `event.preventDefault` in order for the drop event to be fired:
         // https://stackoverflow.com/questions/21339924/drop-event-not-firing-in-chrome
+        dropZoneRef.setAttribute('webkitdirectory', '');
         dropZoneRef.addEventListener(DRAG_OVER_EVENT, dropZoneDragHandler);
         dropZoneRef.addEventListener(DRAG_ENTER_EVENT, dropZoneDragHandler);
         dropZoneRef.addEventListener(DRAG_LEAVE_EVENT, dropZoneDragHandler);
@@ -108,7 +109,7 @@ export default function useDragAndDrop({dropZone, onDrop = () => {}, shouldAllow
             if (!dropZoneRef) {
                 return;
             }
-
+            dropZoneRef.removeAttribute('webkitdirectory');
             dropZoneRef.removeEventListener(DRAG_OVER_EVENT, dropZoneDragHandler);
             dropZoneRef.removeEventListener(DRAG_ENTER_EVENT, dropZoneDragHandler);
             dropZoneRef.removeEventListener(DRAG_LEAVE_EVENT, dropZoneDragHandler);
diff --git a/src/pages/home/report/ReportActionCompose.js b/src/pages/home/report/ReportActionCompose.js
index 644a90216091..a49d894cd4c6 100644
--- a/src/pages/home/report/ReportActionCompose.js
+++ b/src/pages/home/report/ReportActionCompose.js
@@ -1188,8 +1188,8 @@ class ReportActionCompose extends React.Component {
                                             if (this.state.isAttachmentPreviewActive) {
                                                 return;
                                             }
-                                            const file = lodashGet(e, ['dataTransfer', 'files', 0]);
-                                            displayFileInModal(file);
+                                            const data = lodashGet(e, ['dataTransfer', 'items', 0]);
+                                            displayFileInModal(data);
                                         }}
                                     />
                                 </>

From 9f171bce5558f775c83e16499af21cd405facbce Mon Sep 17 00:00:00 2001
From: tienifr <christianwen18@gmail.com>
Date: Mon, 31 Jul 2023 14:46:41 +0700
Subject: [PATCH 058/137] move isBrowser to styles and add comment

---
 src/components/MagicCodeInput.js |  6 +++---
 src/styles/styles.js             | 24 ++++++++++++++----------
 2 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/src/components/MagicCodeInput.js b/src/components/MagicCodeInput.js
index de0058464fce..68f14e7e1602 100644
--- a/src/components/MagicCodeInput.js
+++ b/src/components/MagicCodeInput.js
@@ -264,8 +264,6 @@ function MagicCodeInput(props) {
         }
     };
 
-    const isBrowser = Boolean(Browser.getBrowser());
-
     return (
         <>
             <View style={[styles.magicCodeInputContainer]}>
@@ -308,9 +306,11 @@ function MagicCodeInput(props) {
                                 }}
                                 onKeyPress={onKeyPress}
                                 onFocus={(event) => onFocus(event, index)}
+                                // Manually set selectionColor to make caret transparent.
+                                // We cannot use caretHidden as it breaks the pasting function on Android.
                                 selectionColor="transparent"
                                 textInputContainerStyles={[styles.borderNone]}
-                                inputStyle={[styles.magicCodeInputTransparent, isBrowser ? styles.magicCodeInputTransparentWebKit : undefined]}
+                                inputStyle={[styles.inputTransparent]}
                                 accessibilityRole={CONST.ACCESSIBILITY_ROLE.TEXT}
                             />
                         </View>
diff --git a/src/styles/styles.js b/src/styles/styles.js
index 0b1428ca023e..aa6c1fe360be 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -2538,17 +2538,21 @@ const styles = {
         lineHeight: variables.inputHeight,
     },
 
-    magicCodeInputTransparent: {
+    // Manually style transparent, in iOS Safari, an input in a container with its opacity set to
+    // 0 (completely transparent) cannot handle user interaction, hence the Paste option is never shown
+    inputTransparent: {
         color: 'transparent',
-    },
-
-    magicCodeInputTransparentWebKit: {
-        caretColor: 'transparent',
-        WebkitTextFillColor: 'transparent',
-        // After setting the input text color to transparent, it acquires the background-color.
-        // However, it is not possible to override the background-color directly as explained in this resource: https://developer.mozilla.org/en-US/docs/Web/CSS/:autofill
-        // Therefore, the transition effect needs to be delayed.
-        transitionDelay: '99999s',
+        // These properties are available in browser only
+        ...(Browser.getBrowser()
+            ? {
+                  caretColor: 'transparent',
+                  WebkitTextFillColor: 'transparent',
+                  // After setting the input text color to transparent, it acquires the background-color.
+                  // However, it is not possible to override the background-color directly as explained in this resource: https://developer.mozilla.org/en-US/docs/Web/CSS/:autofill
+                  // Therefore, the transition effect needs to be delayed.
+                  transitionDelay: '99999s',
+              }
+            : {}),
     },
 
     iouAmountText: {

From 87caa9a0fa481409d6958e7476ffdf10a16affdd Mon Sep 17 00:00:00 2001
From: tienifr <christianwen18@gmail.com>
Date: Mon, 31 Jul 2023 14:55:55 +0700
Subject: [PATCH 059/137] fix lint

---
 src/components/MagicCodeInput.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/MagicCodeInput.js b/src/components/MagicCodeInput.js
index 68f14e7e1602..fcfa82129767 100644
--- a/src/components/MagicCodeInput.js
+++ b/src/components/MagicCodeInput.js
@@ -12,7 +12,6 @@ import FormHelpMessage from './FormHelpMessage';
 import {withNetwork} from './OnyxProvider';
 import networkPropTypes from './networkPropTypes';
 import useNetwork from '../hooks/useNetwork';
-import * as Browser from '../libs/Browser';
 
 const propTypes = {
     /** Information about the network */

From 679fb2db2170f3e764a34a06c7bd4b172dacf1aa Mon Sep 17 00:00:00 2001
From: burczu <b.dybowski@gmail.com>
Date: Mon, 31 Jul 2023 10:03:19 +0200
Subject: [PATCH 060/137] migration from class to functional component

---
 src/components/GrowlNotification/index.js | 128 +++++++++++-----------
 1 file changed, 62 insertions(+), 66 deletions(-)

diff --git a/src/components/GrowlNotification/index.js b/src/components/GrowlNotification/index.js
index b995d0ec7039..b0ba5d466d9d 100644
--- a/src/components/GrowlNotification/index.js
+++ b/src/components/GrowlNotification/index.js
@@ -1,6 +1,6 @@
-import React, {Component} from 'react';
-import {View, Animated} from 'react-native';
+import React, {useCallback, useEffect, useState} from 'react';
 import {Directions, FlingGestureHandler, State} from 'react-native-gesture-handler';
+import {View, Animated} from 'react-native';
 import colors from '../../styles/colors';
 import Text from '../Text';
 import Icon from '../Icon';
@@ -29,24 +29,12 @@ const types = {
 const INACTIVE_POSITION_Y = -255;
 
 const PressableWithoutFeedback = Pressables.PressableWithoutFeedback;
+const translateY = new Animated.Value(INACTIVE_POSITION_Y);
 
-class GrowlNotification extends Component {
-    constructor(props) {
-        super(props);
-
-        this.state = {
-            bodyText: '',
-            type: 'success',
-            translateY: new Animated.Value(INACTIVE_POSITION_Y),
-        };
-
-        this.show = this.show.bind(this);
-        this.fling = this.fling.bind(this);
-    }
-
-    componentDidMount() {
-        Growl.setIsReady();
-    }
+function GrowlNotification() {
+    const [bodyText, setBodyText] = useState('');
+    const [type, setType] = useState('success');
+    const [duration, setDuration] = useState();
 
     /**
      * Show the growl notification
@@ -55,65 +43,73 @@ class GrowlNotification extends Component {
      * @param {String} type
      * @param {Number} duration
      */
-    show(bodyText, type, duration) {
-        this.setState(
-            {
-                bodyText,
-                type,
-            },
-            () => {
-                this.fling(0);
-                setTimeout(() => {
-                    this.fling(INACTIVE_POSITION_Y);
-                }, duration);
-            },
-        );
-    }
+    // eslint-disable-next-line no-unused-vars
+    const show = useCallback((text, growlType, growlDuration) => {
+        setBodyText(text);
+        setType(growlType);
+        setDuration(growlDuration);
+    }, []);
 
     /**
      * Animate growl notification
      *
      * @param {Number} val
      */
-    fling(val = INACTIVE_POSITION_Y) {
-        Animated.spring(this.state.translateY, {
+    const fling = useCallback((val = INACTIVE_POSITION_Y) => {
+        Animated.spring(translateY, {
             toValue: val,
             duration: 80,
             useNativeDriver: true,
         }).start();
-    }
+    }, []);
 
-    render() {
-        return (
-            <FlingGestureHandler
-                direction={Directions.UP}
-                onHandlerStateChange={({nativeEvent}) => {
-                    if (nativeEvent.state !== State.ACTIVE) {
-                        return;
-                    }
+    useEffect(() => {
+        Growl.setIsReady();
+    }, []);
+
+    useEffect(() => {
+        if (!duration) {
+            return;
+        }
+
+        fling(0);
+        setTimeout(() => {
+            fling(INACTIVE_POSITION_Y);
+            setDuration(undefined);
+        }, duration);
+    }, [duration, fling]);
 
-                    this.fling(INACTIVE_POSITION_Y);
-                }}
-            >
-                <View style={styles.growlNotificationWrapper}>
-                    <GrowlNotificationContainer translateY={this.state.translateY}>
-                        <PressableWithoutFeedback
-                            accessibilityLabel={this.state.bodyText}
-                            onPress={() => this.fling(INACTIVE_POSITION_Y)}
-                        >
-                            <View style={styles.growlNotificationBox}>
-                                <Icon
-                                    src={types[this.state.type].icon}
-                                    fill={types[this.state.type].iconColor}
-                                />
-                                <Text style={styles.growlNotificationText}>{this.state.bodyText}</Text>
-                            </View>
-                        </PressableWithoutFeedback>
-                    </GrowlNotificationContainer>
-                </View>
-            </FlingGestureHandler>
-        );
-    }
+    return (
+        <FlingGestureHandler
+            direction={Directions.UP}
+            onHandlerStateChange={({nativeEvent}) => {
+                if (nativeEvent.state !== State.ACTIVE) {
+                    return;
+                }
+
+                fling(INACTIVE_POSITION_Y);
+            }}
+        >
+            <View style={styles.growlNotificationWrapper}>
+                <GrowlNotificationContainer translateY={translateY}>
+                    <PressableWithoutFeedback
+                        accessibilityLabel={bodyText}
+                        onPress={() => fling(INACTIVE_POSITION_Y)}
+                    >
+                        <View style={styles.growlNotificationBox}>
+                            <Icon
+                                src={types[type].icon}
+                                fill={types[type].iconColor}
+                            />
+                            <Text style={styles.growlNotificationText}>{bodyText}</Text>
+                        </View>
+                    </PressableWithoutFeedback>
+                </GrowlNotificationContainer>
+            </View>
+        </FlingGestureHandler>
+    );
 }
 
+GrowlNotification.displayName = 'GrowlNotification';
+
 export default GrowlNotification;

From af9e1fc1d9ff39d0e0d09f0c5c650406c9ba88bb Mon Sep 17 00:00:00 2001
From: Krishna Gupta <belivethatkg@gmail.com>
Date: Mon, 31 Jul 2023 16:11:27 +0530
Subject: [PATCH 061/137] fix: image loader.

---
 src/components/ImageWithSizeCalculation.js | 24 +++++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/src/components/ImageWithSizeCalculation.js b/src/components/ImageWithSizeCalculation.js
index 1e7838d1c8ce..a2d2dae1569b 100644
--- a/src/components/ImageWithSizeCalculation.js
+++ b/src/components/ImageWithSizeCalculation.js
@@ -1,4 +1,5 @@
-import React, {useState, useRef} from 'react';
+import _ from 'underscore';
+import React, {useState, useRef, useEffect} from 'react';
 import {View} from 'react-native';
 import PropTypes from 'prop-types';
 import Log from '../libs/Log';
@@ -40,6 +41,7 @@ const defaultProps = {
 function ImageWithSizeCalculation(props) {
     const [isLoading, setIsLoading] = useState(false);
     const isLoadedRef = useRef(null);
+    const [isImageCached, setIsImageCached] = useState(true);
 
     const onError = () => {
         Log.hmmm('Unable to fetch image to calculate size', {url: props.url});
@@ -53,6 +55,19 @@ function ImageWithSizeCalculation(props) {
         });
     };
 
+    /** Delay the loader to detect whether the image is being loaded from the cache or the internet. */
+    useEffect(() => {
+        let timeout;
+
+        if (isLoading) {
+            timeout = _.delay(() => {
+                setIsImageCached(false);
+            }, 175);
+        }
+
+        return () => clearTimeout(timeout);
+    }, [isLoading]);
+
     return (
         <View style={[styles.w100, styles.h100, props.style]}>
             <Image
@@ -66,11 +81,14 @@ function ImageWithSizeCalculation(props) {
                     }
                     setIsLoading(true);
                 }}
-                onLoadEnd={() => setIsLoading(false)}
+                onLoadEnd={() => {
+                    setIsLoading(false);
+                    setIsImageCached(true);
+                }}
                 onError={onError}
                 onLoad={imageLoadedSuccessfully}
             />
-            {isLoading && <FullscreenLoadingIndicator style={[styles.opacity1, styles.bgTransparent]} />}
+            {isLoading && !isImageCached && <FullscreenLoadingIndicator style={[styles.opacity1, styles.bgTransparent]} />}
         </View>
     );
 }

From 58806ef57a04ae78bd8597a2622b96dcde7d37b3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lucas=20M=C3=B3rawski?= <lukasz.morawski@callstack.com>
Date: Mon, 31 Jul 2023 16:41:47 +0200
Subject: [PATCH 062/137] removed merchant from optimistic update

---
 src/libs/actions/IOU.js                       | 283 ++++++++++--------
 .../iou/steps/MoneyRequestConfirmPage.js      |  15 +-
 2 files changed, 168 insertions(+), 130 deletions(-)

diff --git a/src/libs/actions/IOU.js b/src/libs/actions/IOU.js
index 4da084b4c2f3..16d6d8c05d15 100644
--- a/src/libs/actions/IOU.js
+++ b/src/libs/actions/IOU.js
@@ -112,7 +112,13 @@ function buildOnyxDataForMoneyRequest(
                 lastReadTime: DateUtils.getDBTime(),
                 hasOutstandingIOU: iouReport.total !== 0,
                 iouReportID: iouReport.reportID,
-                ...(isNewChatReport ? {pendingFields: {createChat: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD}} : {}),
+                ...(isNewChatReport
+                    ? {
+                        pendingFields: {
+                            createChat: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD,
+                        },
+                    }
+                    : {}),
             },
         },
         {
@@ -122,7 +128,13 @@ function buildOnyxDataForMoneyRequest(
                 ...iouReport,
                 lastMessageText: iouAction.message[0].text,
                 lastMessageHtml: iouAction.message[0].html,
-                ...(isNewIOUReport ? {pendingFields: {createChat: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD}} : {}),
+                ...(isNewIOUReport
+                    ? {
+                        pendingFields: {
+                            createChat: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD,
+                        },
+                    }
+                    : {}),
             },
         },
         {
@@ -134,7 +146,7 @@ function buildOnyxDataForMoneyRequest(
             onyxMethod: isNewChatReport ? Onyx.METHOD.SET : Onyx.METHOD.MERGE,
             key: `${ONYXKEYS.COLLECTION.REPORT_ACTIONS}${chatReport.reportID}`,
             value: {
-                ...(isNewChatReport ? {[chatCreatedAction.reportActionID]: chatCreatedAction} : {}),
+                ...(isNewChatReport ? { [chatCreatedAction.reportActionID]: chatCreatedAction } : {}),
                 [reportPreviewAction.reportActionID]: reportPreviewAction,
             },
         },
@@ -142,7 +154,7 @@ function buildOnyxDataForMoneyRequest(
             onyxMethod: isNewIOUReport ? Onyx.METHOD.SET : Onyx.METHOD.MERGE,
             key: `${ONYXKEYS.COLLECTION.REPORT_ACTIONS}${iouReport.reportID}`,
             value: {
-                ...(isNewIOUReport ? {[iouCreatedAction.reportActionID]: iouCreatedAction} : {}),
+                ...(isNewIOUReport ? { [iouCreatedAction.reportActionID]: iouCreatedAction } : {}),
                 [iouAction.reportActionID]: iouAction,
             },
         },
@@ -159,32 +171,32 @@ function buildOnyxDataForMoneyRequest(
     const successData = [
         ...(isNewChatReport
             ? [
-                  {
-                      onyxMethod: Onyx.METHOD.MERGE,
-                      key: `${ONYXKEYS.COLLECTION.REPORT}${chatReport.reportID}`,
-                      value: {
-                          pendingFields: null,
-                          errorFields: null,
-                      },
-                  },
-              ]
+                {
+                    onyxMethod: Onyx.METHOD.MERGE,
+                    key: `${ONYXKEYS.COLLECTION.REPORT}${chatReport.reportID}`,
+                    value: {
+                        pendingFields: null,
+                        errorFields: null,
+                    },
+                },
+            ]
             : []),
         ...(isNewIOUReport
             ? [
-                  {
-                      onyxMethod: Onyx.METHOD.MERGE,
-                      key: `${ONYXKEYS.COLLECTION.REPORT}${iouReport.reportID}`,
-                      value: {
-                          pendingFields: null,
-                          errorFields: null,
-                      },
-                  },
-              ]
+                {
+                    onyxMethod: Onyx.METHOD.MERGE,
+                    key: `${ONYXKEYS.COLLECTION.REPORT}${iouReport.reportID}`,
+                    value: {
+                        pendingFields: null,
+                        errorFields: null,
+                    },
+                },
+            ]
             : []),
         {
             onyxMethod: Onyx.METHOD.MERGE,
             key: `${ONYXKEYS.COLLECTION.TRANSACTION}${transaction.transactionID}`,
-            value: {pendingAction: null},
+            value: { pendingAction: null },
         },
         {
             onyxMethod: Onyx.METHOD.MERGE,
@@ -192,11 +204,11 @@ function buildOnyxDataForMoneyRequest(
             value: {
                 ...(isNewChatReport
                     ? {
-                          [chatCreatedAction.reportActionID]: {
-                              pendingAction: null,
-                              errors: null,
-                          },
-                      }
+                        [chatCreatedAction.reportActionID]: {
+                            pendingAction: null,
+                            errors: null,
+                        },
+                    }
                     : {}),
                 [reportPreviewAction.reportActionID]: {
                     pendingAction: null,
@@ -209,11 +221,11 @@ function buildOnyxDataForMoneyRequest(
             value: {
                 ...(isNewIOUReport
                     ? {
-                          [iouCreatedAction.reportActionID]: {
-                              pendingAction: null,
-                              errors: null,
-                          },
-                      }
+                        [iouCreatedAction.reportActionID]: {
+                            pendingAction: null,
+                            errors: null,
+                        },
+                    }
                     : {}),
                 [iouAction.reportActionID]: {
                     pendingAction: null,
@@ -233,25 +245,25 @@ function buildOnyxDataForMoneyRequest(
                 lastReadTime: chatReport.lastReadTime,
                 ...(isNewChatReport
                     ? {
-                          errorFields: {
-                              createChat: ErrorUtils.getMicroSecondOnyxError('report.genericCreateReportFailureMessage'),
-                          },
-                      }
+                        errorFields: {
+                            createChat: ErrorUtils.getMicroSecondOnyxError('report.genericCreateReportFailureMessage'),
+                        },
+                    }
                     : {}),
             },
         },
         ...(isNewIOUReport
             ? [
-                  {
-                      onyxMethod: Onyx.METHOD.MERGE,
-                      key: `${ONYXKEYS.COLLECTION.REPORT}${iouReport.reportID}`,
-                      value: {
-                          errorFields: {
-                              createChat: ErrorUtils.getMicroSecondOnyxError('report.genericCreateReportFailureMessage'),
-                          },
-                      },
-                  },
-              ]
+                {
+                    onyxMethod: Onyx.METHOD.MERGE,
+                    key: `${ONYXKEYS.COLLECTION.REPORT}${iouReport.reportID}`,
+                    value: {
+                        errorFields: {
+                            createChat: ErrorUtils.getMicroSecondOnyxError('report.genericCreateReportFailureMessage'),
+                        },
+                    },
+                },
+            ]
             : []),
         {
             onyxMethod: Onyx.METHOD.MERGE,
@@ -266,18 +278,18 @@ function buildOnyxDataForMoneyRequest(
             value: {
                 ...(isNewChatReport
                     ? {
-                          [chatCreatedAction.reportActionID]: {
-                              errors: ErrorUtils.getMicroSecondOnyxError('iou.error.genericCreateFailureMessage'),
-                          },
-                          [reportPreviewAction.reportActionID]: {
-                              errors: ErrorUtils.getMicroSecondOnyxError(null),
-                          },
-                      }
+                        [chatCreatedAction.reportActionID]: {
+                            errors: ErrorUtils.getMicroSecondOnyxError('iou.error.genericCreateFailureMessage'),
+                        },
+                        [reportPreviewAction.reportActionID]: {
+                            errors: ErrorUtils.getMicroSecondOnyxError(null),
+                        },
+                    }
                     : {
-                          [reportPreviewAction.reportActionID]: {
-                              created: reportPreviewAction.created,
-                          },
-                      }),
+                        [reportPreviewAction.reportActionID]: {
+                            created: reportPreviewAction.created,
+                        },
+                    }),
             },
         },
         {
@@ -286,18 +298,18 @@ function buildOnyxDataForMoneyRequest(
             value: {
                 ...(isNewIOUReport
                     ? {
-                          [iouCreatedAction.reportActionID]: {
-                              errors: ErrorUtils.getMicroSecondOnyxError('iou.error.genericCreateFailureMessage'),
-                          },
-                          [iouAction.reportActionID]: {
-                              errors: ErrorUtils.getMicroSecondOnyxError(null),
-                          },
-                      }
+                        [iouCreatedAction.reportActionID]: {
+                            errors: ErrorUtils.getMicroSecondOnyxError('iou.error.genericCreateFailureMessage'),
+                        },
+                        [iouAction.reportActionID]: {
+                            errors: ErrorUtils.getMicroSecondOnyxError(null),
+                        },
+                    }
                     : {
-                          [iouAction.reportActionID]: {
-                              errors: ErrorUtils.getMicroSecondOnyxError('iou.error.genericCreateFailureMessage'),
-                          },
-                      }),
+                        [iouAction.reportActionID]: {
+                            errors: ErrorUtils.getMicroSecondOnyxError('iou.error.genericCreateFailureMessage'),
+                        },
+                    }),
             },
         },
     ];
@@ -315,9 +327,8 @@ function buildOnyxDataForMoneyRequest(
  * @param {Number} payeeAccountID
  * @param {Object} participant
  * @param {String} comment
- * @param {String} merchant
  */
-function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, participant, comment, merchant) {
+function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, participant, comment) {
     const payerEmail = OptionsListUtils.addSMSDomainIfPhoneNumber(participant.login);
     const payerAccountID = Number(participant.accountID);
     const isPolicyExpenseChat = participant.isPolicyExpenseChat;
@@ -348,7 +359,7 @@ function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, part
 
     if (iouReport) {
         if (isPolicyExpenseChat) {
-            iouReport = {...iouReport};
+            iouReport = { ...iouReport };
 
             // Because of the Expense reports are stored as negative values, we substract the total from the amount
             iouReport.total -= amount;
@@ -362,7 +373,7 @@ function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, part
     }
 
     // STEP 3: Build optimistic transaction
-    const optimisticTransaction = TransactionUtils.buildOptimisticTransaction(amount, currency, iouReport.reportID, comment, null, null, merchant);
+    const optimisticTransaction = TransactionUtils.buildOptimisticTransaction(amount, currency, iouReport.reportID, comment, null, null);
 
     // STEP 4: Build optimistic reportActions. We need:
     // 1. CREATED action for the chatReport
@@ -386,13 +397,13 @@ function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, part
     // Add optimistic personal details for participant
     const optimisticPersonalDetailListAction = isNewChatReport
         ? {
-              [payerAccountID]: {
-                  accountID: payerAccountID,
-                  avatar: UserUtils.getDefaultAvatarURL(payerAccountID),
-                  displayName: participant.displayName || payerEmail,
-                  login: participant.login,
-              },
-          }
+            [payerAccountID]: {
+                accountID: payerAccountID,
+                avatar: UserUtils.getDefaultAvatarURL(payerAccountID),
+                displayName: participant.displayName || payerEmail,
+                login: participant.login,
+            },
+        }
         : undefined;
 
     let reportPreviewAction = isNewIOUReport ? null : ReportActionsUtils.getReportPreviewAction(chatReport.reportID, iouReport.reportID);
@@ -435,7 +446,7 @@ function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, part
             createdIOUReportActionID: isNewIOUReport ? optimisticCreatedActionForIOU.reportActionID : 0,
             reportPreviewReportActionID: reportPreviewAction.reportActionID,
         },
-        {optimisticData, successData, failureData},
+        { optimisticData, successData, failureData },
     );
     resetMoneyRequestInfo();
     Navigation.dismissModal(chatReport.reportID);
@@ -510,7 +521,11 @@ function createSplitsAndOnyxData(participants, currentUserLogin, currentUserAcco
             onyxMethod: existingGroupChatReport ? Onyx.METHOD.MERGE : Onyx.METHOD.SET,
             key: `${ONYXKEYS.COLLECTION.REPORT_ACTIONS}${groupChatReport.reportID}`,
             value: {
-                ...(existingGroupChatReport ? {} : {[groupCreatedReportAction.reportActionID]: groupCreatedReportAction}),
+                ...(existingGroupChatReport
+                    ? {}
+                    : {
+                        [groupCreatedReportAction.reportActionID]: groupCreatedReportAction,
+                    }),
                 [groupIOUReportAction.reportActionID]: groupIOUReportAction,
             },
         },
@@ -526,14 +541,18 @@ function createSplitsAndOnyxData(participants, currentUserLogin, currentUserAcco
             onyxMethod: Onyx.METHOD.MERGE,
             key: `${ONYXKEYS.COLLECTION.REPORT_ACTIONS}${groupChatReport.reportID}`,
             value: {
-                ...(existingGroupChatReport ? {} : {[groupCreatedReportAction.reportActionID]: {pendingAction: null}}),
-                [groupIOUReportAction.reportActionID]: {pendingAction: null},
+                ...(existingGroupChatReport
+                    ? {}
+                    : {
+                        [groupCreatedReportAction.reportActionID]: { pendingAction: null },
+                    }),
+                [groupIOUReportAction.reportActionID]: { pendingAction: null },
             },
         },
         {
             onyxMethod: Onyx.METHOD.MERGE,
             key: `${ONYXKEYS.COLLECTION.TRANSACTION}${groupTransaction.transactionID}`,
-            value: {pendingAction: null},
+            value: { pendingAction: null },
         },
     ];
 
@@ -541,7 +560,7 @@ function createSplitsAndOnyxData(participants, currentUserLogin, currentUserAcco
         successData.push({
             onyxMethod: Onyx.METHOD.MERGE,
             key: `${ONYXKEYS.COLLECTION.REPORT}${groupChatReport.reportID}`,
-            value: {pendingFields: {createChat: null}},
+            value: { pendingFields: { createChat: null } },
         });
     }
 
@@ -590,7 +609,13 @@ function createSplitsAndOnyxData(participants, currentUserLogin, currentUserAcco
 
     // Loop through participants creating individual chats, iouReports and reportActionIDs as needed
     const splitAmount = IOUUtils.calculateAmount(participants.length, amount, false);
-    const splits = [{email: currentUserEmail, accountID: currentUserAccountID, amount: IOUUtils.calculateAmount(participants.length, amount, true)}];
+    const splits = [
+        {
+            email: currentUserEmail,
+            accountID: currentUserAccountID,
+            amount: IOUUtils.calculateAmount(participants.length, amount, true),
+        },
+    ];
 
     const hasMultipleParticipants = participants.length > 1;
     _.each(participants, (participant) => {
@@ -659,13 +684,13 @@ function createSplitsAndOnyxData(participants, currentUserLogin, currentUserAcco
         // Add optimistic personal details for new participants
         const oneOnOnePersonalDetailListAction = shouldCreateOptimisticPersonalDetails
             ? {
-                  [accountID]: {
-                      accountID,
-                      avatar: UserUtils.getDefaultAvatarURL(accountID),
-                      displayName: participant.displayName || email,
-                      login: participant.login,
-                  },
-              }
+                [accountID]: {
+                    accountID,
+                    avatar: UserUtils.getDefaultAvatarURL(accountID),
+                    displayName: participant.displayName || email,
+                    login: participant.login,
+                },
+            }
             : undefined;
 
         let oneOnOneReportPreviewAction = ReportActionsUtils.getReportPreviewAction(oneOnOneChatReport.reportID, oneOnOneIOUReport.reportID);
@@ -724,7 +749,7 @@ function createSplitsAndOnyxData(participants, currentUserLogin, currentUserAcco
     return {
         groupData,
         splits,
-        onyxData: {optimisticData, successData, failureData},
+        onyxData: { optimisticData, successData, failureData },
     };
 }
 
@@ -738,7 +763,7 @@ function createSplitsAndOnyxData(participants, currentUserLogin, currentUserAcco
  * @param {String} existingGroupChatReportID
  */
 function splitBill(participants, currentUserLogin, currentUserAccountID, amount, comment, currency, existingGroupChatReportID = '') {
-    const {groupData, splits, onyxData} = createSplitsAndOnyxData(participants, currentUserLogin, currentUserAccountID, amount, comment, currency, existingGroupChatReportID);
+    const { groupData, splits, onyxData } = createSplitsAndOnyxData(participants, currentUserLogin, currentUserAccountID, amount, comment, currency, existingGroupChatReportID);
 
     API.write(
         'SplitBill',
@@ -769,7 +794,7 @@ function splitBill(participants, currentUserLogin, currentUserAccountID, amount,
  * @param {String} currency
  */
 function splitBillAndOpenReport(participants, currentUserLogin, currentUserAccountID, amount, comment, currency) {
-    const {groupData, splits, onyxData} = createSplitsAndOnyxData(participants, currentUserLogin, currentUserAccountID, amount, comment, currency);
+    const { groupData, splits, onyxData } = createSplitsAndOnyxData(participants, currentUserLogin, currentUserAccountID, amount, comment, currency);
 
     API.write(
         'SplitBillAndOpenReport',
@@ -817,7 +842,7 @@ function deleteMoneyRequest(chatReportID, iouReportID, moneyRequestAction, shoul
     const currentUserAccountID = optimisticIOUAction.actorAccountID;
     let updatedIOUReport = {};
     if (ReportUtils.isExpenseReport(iouReportID)) {
-        updatedIOUReport = {...iouReport};
+        updatedIOUReport = { ...iouReport };
 
         // Because of the Expense reports are stored as negative values, we add the total from the amount
         updatedIOUReport.total += amount;
@@ -891,7 +916,7 @@ function deleteMoneyRequest(chatReportID, iouReportID, moneyRequestAction, shoul
             reportActionID: optimisticIOUAction.reportActionID,
             iouReportID: updatedIOUReport.reportID,
         },
-        {optimisticData, successData, failureData},
+        { optimisticData, successData, failureData },
     );
 
     if (shouldCloseOnDelete) {
@@ -1017,7 +1042,7 @@ function getSendMoneyParams(report, amount, currency, comment, paymentMethodType
         {
             onyxMethod: Onyx.METHOD.MERGE,
             key: `${ONYXKEYS.COLLECTION.TRANSACTION}${optimisticTransaction.transactionID}`,
-            value: {pendingAction: null},
+            value: { pendingAction: null },
         },
         {
             onyxMethod: Onyx.METHOD.MERGE,
@@ -1050,11 +1075,13 @@ function getSendMoneyParams(report, amount, currency, comment, paymentMethodType
         optimisticIOUReportData.onyxMethod = Onyx.METHOD.SET;
 
         // Set and clear pending fields on the chat report
-        optimisticChatReportData.value.pendingFields = {createChat: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD};
+        optimisticChatReportData.value.pendingFields = {
+            createChat: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD,
+        };
         successData.push({
             onyxMethod: Onyx.METHOD.MERGE,
             key: optimisticChatReportData.key,
-            value: {pendingFields: null},
+            value: { pendingFields: null },
         });
         failureData.push(
             {
@@ -1210,7 +1237,7 @@ function getPayMoneyRequestParams(chatReport, iouReport, recipient, paymentMetho
         {
             onyxMethod: Onyx.METHOD.MERGE,
             key: ONYXKEYS.NVP_LAST_PAYMENT_METHOD,
-            value: {[iouReport.policyID]: paymentMethodType},
+            value: { [iouReport.policyID]: paymentMethodType },
         },
         {
             onyxMethod: Onyx.METHOD.MERGE,
@@ -1288,9 +1315,13 @@ function getPayMoneyRequestParams(chatReport, iouReport, recipient, paymentMetho
  * @param {Object} recipient - The user receiving the money
  */
 function sendMoneyElsewhere(report, amount, currency, comment, managerID, recipient) {
-    const {params, optimisticData, successData, failureData} = getSendMoneyParams(report, amount, currency, comment, CONST.IOU.PAYMENT_TYPE.ELSEWHERE, managerID, recipient);
+    const { params, optimisticData, successData, failureData } = getSendMoneyParams(report, amount, currency, comment, CONST.IOU.PAYMENT_TYPE.ELSEWHERE, managerID, recipient);
 
-    API.write('SendMoneyElsewhere', params, {optimisticData, successData, failureData});
+    API.write('SendMoneyElsewhere', params, {
+        optimisticData,
+        successData,
+        failureData,
+    });
 
     resetMoneyRequestInfo();
     Navigation.dismissModal(params.chatReportID);
@@ -1306,9 +1337,13 @@ function sendMoneyElsewhere(report, amount, currency, comment, managerID, recipi
  * @param {Object} recipient - The user receiving the money
  */
 function sendMoneyWithWallet(report, amount, currency, comment, managerID, recipient) {
-    const {params, optimisticData, successData, failureData} = getSendMoneyParams(report, amount, currency, comment, CONST.IOU.PAYMENT_TYPE.EXPENSIFY, managerID, recipient);
+    const { params, optimisticData, successData, failureData } = getSendMoneyParams(report, amount, currency, comment, CONST.IOU.PAYMENT_TYPE.EXPENSIFY, managerID, recipient);
 
-    API.write('SendMoneyWithWallet', params, {optimisticData, successData, failureData});
+    API.write('SendMoneyWithWallet', params, {
+        optimisticData,
+        successData,
+        failureData,
+    });
 
     resetMoneyRequestInfo();
     Navigation.dismissModal(params.chatReportID);
@@ -1324,9 +1359,13 @@ function sendMoneyWithWallet(report, amount, currency, comment, managerID, recip
  * @param {Object} recipient - The user receiving the money
  */
 function sendMoneyViaPaypal(report, amount, currency, comment, managerID, recipient) {
-    const {params, optimisticData, successData, failureData} = getSendMoneyParams(report, amount, currency, comment, CONST.IOU.PAYMENT_TYPE.PAYPAL_ME, managerID, recipient);
+    const { params, optimisticData, successData, failureData } = getSendMoneyParams(report, amount, currency, comment, CONST.IOU.PAYMENT_TYPE.PAYPAL_ME, managerID, recipient);
 
-    API.write('SendMoneyViaPaypal', params, {optimisticData, successData, failureData});
+    API.write('SendMoneyViaPaypal', params, {
+        optimisticData,
+        successData,
+        failureData,
+    });
 
     resetMoneyRequestInfo();
     Navigation.dismissModal(params.chatReportID);
@@ -1347,13 +1386,13 @@ function payMoneyRequest(paymentType, chatReport, iouReport) {
         accountID: iouReport.ownerAccountID,
         payPalMeAddress: iouReport.submitterPayPalMeAddress,
     };
-    const {params, optimisticData, successData, failureData} = getPayMoneyRequestParams(chatReport, iouReport, recipient, paymentType);
+    const { params, optimisticData, successData, failureData } = getPayMoneyRequestParams(chatReport, iouReport, recipient, paymentType);
 
     // For now we need to call the PayMoneyRequestWithWallet API since PayMoneyRequest was not updated to work with
     // Expensify Wallets.
     const apiCommand = paymentType === CONST.IOU.PAYMENT_TYPE.EXPENSIFY ? 'PayMoneyRequestWithWallet' : 'PayMoneyRequest';
 
-    API.write(apiCommand, params, {optimisticData, successData, failureData});
+    API.write(apiCommand, params, { optimisticData, successData, failureData });
     Navigation.dismissModal(chatReport.reportID);
     if (paymentType === CONST.IOU.PAYMENT_TYPE.PAYPAL_ME) {
         asyncOpenURL(Promise.resolve(), buildPayPalPaymentUrl(iouReport.total, recipient.payPalMeAddress, iouReport.currency));
@@ -1374,51 +1413,51 @@ function startMoneyRequest(iouType, reportID = '') {
  * @param {String} id
  */
 function setMoneyRequestId(id) {
-    Onyx.merge(ONYXKEYS.IOU, {id});
+    Onyx.merge(ONYXKEYS.IOU, { id });
 }
 
 /**
  * @param {Number} amount
  */
 function setMoneyRequestAmount(amount) {
-    Onyx.merge(ONYXKEYS.IOU, {amount});
+    Onyx.merge(ONYXKEYS.IOU, { amount });
 }
 
 /**
  * @param {String} currency
  */
 function setMoneyRequestCurrency(currency) {
-    Onyx.merge(ONYXKEYS.IOU, {currency});
+    Onyx.merge(ONYXKEYS.IOU, { currency });
 }
 
 /**
  * @param {String} comment
  */
 function setMoneyRequestDescription(comment) {
-    Onyx.merge(ONYXKEYS.IOU, {comment: comment.trim()});
+    Onyx.merge(ONYXKEYS.IOU, { comment: comment.trim() });
 }
 
 /**
  * @param {Object[]} participants
  */
 function setMoneyRequestParticipants(participants) {
-    Onyx.merge(ONYXKEYS.IOU, {participants});
+    Onyx.merge(ONYXKEYS.IOU, { participants });
 }
 
 export {
     deleteMoneyRequest,
-    splitBill,
-    splitBillAndOpenReport,
+    payMoneyRequest,
     requestMoney,
+    resetMoneyRequestInfo,
     sendMoneyElsewhere,
     sendMoneyViaPaypal,
-    payMoneyRequest,
     sendMoneyWithWallet,
-    startMoneyRequest,
-    resetMoneyRequestInfo,
-    setMoneyRequestId,
     setMoneyRequestAmount,
     setMoneyRequestCurrency,
     setMoneyRequestDescription,
+    setMoneyRequestId,
     setMoneyRequestParticipants,
+    splitBill,
+    splitBillAndOpenReport,
+    startMoneyRequest,
 };
diff --git a/src/pages/iou/steps/MoneyRequestConfirmPage.js b/src/pages/iou/steps/MoneyRequestConfirmPage.js
index 0ffafd783528..8867849c0d48 100644
--- a/src/pages/iou/steps/MoneyRequestConfirmPage.js
+++ b/src/pages/iou/steps/MoneyRequestConfirmPage.js
@@ -1,7 +1,7 @@
-import React, {useCallback, useEffect, useMemo, useRef} from 'react';
-import {View} from 'react-native';
+import React, { useCallback, useEffect, useMemo, useRef } from 'react';
+import { View } from 'react-native';
 import PropTypes from 'prop-types';
-import {withOnyx} from 'react-native-onyx';
+import { withOnyx } from 'react-native-onyx';
 import _ from 'underscore';
 import lodashGet from 'lodash/get';
 import MoneyRequestConfirmationList from '../../../components/MoneyRequestConfirmationList';
@@ -17,7 +17,7 @@ import * as OptionsListUtils from '../../../libs/OptionsListUtils';
 import withLocalize from '../../../components/withLocalize';
 import HeaderWithBackButton from '../../../components/HeaderWithBackButton';
 import ONYXKEYS from '../../../ONYXKEYS';
-import withCurrentUserPersonalDetails, {withCurrentUserPersonalDetailsDefaultProps, withCurrentUserPersonalDetailsPropTypes} from '../../../components/withCurrentUserPersonalDetails';
+import withCurrentUserPersonalDetails, { withCurrentUserPersonalDetailsDefaultProps, withCurrentUserPersonalDetailsPropTypes } from '../../../components/withCurrentUserPersonalDetails';
 import reportPropTypes from '../../reportPropTypes';
 import personalDetailsPropType from '../../personalDetailsPropType';
 
@@ -148,7 +148,6 @@ function MoneyRequestConfirmPage(props) {
                 props.currentUserPersonalDetails.accountID,
                 selectedParticipants[0],
                 trimmedComment,
-                props.iou.merchant,
             );
         },
         [props.iou.amount, props.iou.comment, props.currentUserPersonalDetails.login, props.currentUserPersonalDetails.accountID, props.iou.currency, props.report, props.iou.merchant],
@@ -184,7 +183,7 @@ function MoneyRequestConfirmPage(props) {
 
     return (
         <ScreenWrapper includeSafeAreaPaddingBottom={false}>
-            {({safeAreaPaddingBottomStyle}) => (
+            {({ safeAreaPaddingBottomStyle }) => (
                 <View style={[styles.flex1, safeAreaPaddingBottomStyle]}>
                     <HeaderWithBackButton
                         title={props.translate('iou.cash')}
@@ -201,7 +200,7 @@ function MoneyRequestConfirmPage(props) {
                         onSelectParticipant={(option) => {
                             const newParticipants = _.map(props.iou.participants, (participant) => {
                                 if (participant.accountID === option.accountID) {
-                                    return {...participant, selected: !participant.selected};
+                                    return { ...participant, selected: !participant.selected };
                                 }
                                 return participant;
                             });
@@ -236,7 +235,7 @@ export default compose(
     withLocalize,
     withOnyx({
         report: {
-            key: ({route}) => `${ONYXKEYS.COLLECTION.REPORT}${lodashGet(route, 'params.reportID', '')}`,
+            key: ({ route }) => `${ONYXKEYS.COLLECTION.REPORT}${lodashGet(route, 'params.reportID', '')}`,
         },
         iou: {
             key: ONYXKEYS.IOU,

From 0a3cd9b3cf2b19017e1d6b7412a730cf67944f43 Mon Sep 17 00:00:00 2001
From: Carlos Martins <cmartins@expensify.com>
Date: Mon, 31 Jul 2023 15:49:58 -0600
Subject: [PATCH 063/137] rm buildOptimisticReceipt

---
 src/libs/TransactionUtils.js | 19 -------------------
 src/libs/actions/IOU.js      | 10 +++++++---
 2 files changed, 7 insertions(+), 22 deletions(-)

diff --git a/src/libs/TransactionUtils.js b/src/libs/TransactionUtils.js
index 364da084001d..f88f53467ae8 100644
--- a/src/libs/TransactionUtils.js
+++ b/src/libs/TransactionUtils.js
@@ -41,25 +41,6 @@ function buildOptimisticTransaction(amount, currency, reportID, comment = '', so
     };
 }
 
-/**
- * Optimistically generate a receipt.
- *
- * @param {Object} receipt
- * @returns {Object}
- */
-function buildOptimisticReceipt(receipt) {
-    if (!receipt || !receipt.source) {
-        return {};
-    }
-
-    return {
-        receiptID: NumberUtils.rand64(),
-        source: receipt.source,
-        state: CONST.IOU.RECEIPT_STATE.SCANREADY,
-    };
-}
-
 export default {
     buildOptimisticTransaction,
-    buildOptimisticReceipt,
 };
diff --git a/src/libs/actions/IOU.js b/src/libs/actions/IOU.js
index 5275f386cd9b..50cfc2c3e50b 100644
--- a/src/libs/actions/IOU.js
+++ b/src/libs/actions/IOU.js
@@ -344,8 +344,12 @@ function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, part
     }
 
     // STEP 3: Build optimistic receipt and transaction
-    const optimisticReceipt = TransactionUtils.buildOptimisticReceipt(receipt);
-    const optimisticTransaction = TransactionUtils.buildOptimisticTransaction(amount, currency, iouReport.reportID, comment, optimisticReceipt);
+    const receiptObject = {};
+    if (receipt && receipt.source) {
+        receiptObject.source = receipt.source;
+        receiptObject.state = CONST.IOU.RECEIPT_STATE.SCANREADY;
+    }
+    const optimisticTransaction = TransactionUtils.buildOptimisticTransaction(amount, currency, iouReport.reportID, comment, receiptObject);
 
     // STEP 4: Build optimistic reportActions. We need:
     // 1. CREATED action for the chatReport
@@ -364,7 +368,7 @@ function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, part
         optimisticTransaction.transactionID,
         '',
         iouReport.reportID,
-        optimisticReceipt,
+        receiptObject,
     );
 
     // Add optimistic personal details for participant

From c00264d9017a9b8e71bc87ead26e1efc801a082e Mon Sep 17 00:00:00 2001
From: Hans <visaocuoitroi193@gmail.com>
Date: Tue, 1 Aug 2023 10:31:59 +0700
Subject: [PATCH 064/137] fix cursor on web

---
 src/components/PDFView/pdfViewPropTypes.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/PDFView/pdfViewPropTypes.js b/src/components/PDFView/pdfViewPropTypes.js
index 604ab881c707..21ebc880301e 100644
--- a/src/components/PDFView/pdfViewPropTypes.js
+++ b/src/components/PDFView/pdfViewPropTypes.js
@@ -34,7 +34,7 @@ const defaultProps = {
     sourceURL: '',
     fileName: '',
     style: {},
-    onPress: () => {},
+    onPress: undefined,
     onToggleKeyboard: () => {},
     onScaleChanged: () => {},
     onLoadComplete: () => {},

From a64d2b5a036cc4bc231cf22a4147f1a74766047a Mon Sep 17 00:00:00 2001
From: burczu <b.dybowski@gmail.com>
Date: Tue, 1 Aug 2023 11:20:19 +0200
Subject: [PATCH 065/137] exposing the show method via ref

---
 src/components/GrowlNotification/index.js | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/components/GrowlNotification/index.js b/src/components/GrowlNotification/index.js
index b0ba5d466d9d..35981524bbd8 100644
--- a/src/components/GrowlNotification/index.js
+++ b/src/components/GrowlNotification/index.js
@@ -1,4 +1,4 @@
-import React, {useCallback, useEffect, useState} from 'react';
+import React, {forwardRef, useCallback, useEffect, useImperativeHandle, useState} from 'react';
 import {Directions, FlingGestureHandler, State} from 'react-native-gesture-handler';
 import {View, Animated} from 'react-native';
 import colors from '../../styles/colors';
@@ -31,7 +31,7 @@ const INACTIVE_POSITION_Y = -255;
 const PressableWithoutFeedback = Pressables.PressableWithoutFeedback;
 const translateY = new Animated.Value(INACTIVE_POSITION_Y);
 
-function GrowlNotification() {
+function GrowlNotification(_, ref) {
     const [bodyText, setBodyText] = useState('');
     const [type, setType] = useState('success');
     const [duration, setDuration] = useState();
@@ -43,7 +43,6 @@ function GrowlNotification() {
      * @param {String} type
      * @param {Number} duration
      */
-    // eslint-disable-next-line no-unused-vars
     const show = useCallback((text, growlType, growlDuration) => {
         setBodyText(text);
         setType(growlType);
@@ -63,6 +62,14 @@ function GrowlNotification() {
         }).start();
     }, []);
 
+    useImperativeHandle(
+        ref,
+        () => ({
+            show,
+        }),
+        [show],
+    );
+
     useEffect(() => {
         Growl.setIsReady();
     }, []);
@@ -112,4 +119,4 @@ function GrowlNotification() {
 
 GrowlNotification.displayName = 'GrowlNotification';
 
-export default GrowlNotification;
+export default forwardRef(GrowlNotification);

From d5df95c097cbbdc9aa0b28ef58b59ff95937bfe2 Mon Sep 17 00:00:00 2001
From: burczu <b.dybowski@gmail.com>
Date: Tue, 1 Aug 2023 11:22:10 +0200
Subject: [PATCH 066/137] unnecessary variable passing removed

---
 src/components/GrowlNotification/index.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/GrowlNotification/index.js b/src/components/GrowlNotification/index.js
index 35981524bbd8..9fedf3c4e11d 100644
--- a/src/components/GrowlNotification/index.js
+++ b/src/components/GrowlNotification/index.js
@@ -81,7 +81,7 @@ function GrowlNotification(_, ref) {
 
         fling(0);
         setTimeout(() => {
-            fling(INACTIVE_POSITION_Y);
+            fling();
             setDuration(undefined);
         }, duration);
     }, [duration, fling]);
@@ -94,14 +94,14 @@ function GrowlNotification(_, ref) {
                     return;
                 }
 
-                fling(INACTIVE_POSITION_Y);
+                fling();
             }}
         >
             <View style={styles.growlNotificationWrapper}>
                 <GrowlNotificationContainer translateY={translateY}>
                     <PressableWithoutFeedback
                         accessibilityLabel={bodyText}
-                        onPress={() => fling(INACTIVE_POSITION_Y)}
+                        onPress={() => fling()}
                     >
                         <View style={styles.growlNotificationBox}>
                             <Icon

From a1ef99978ce7fb1e18b4c903d34e94f1aeab4b7e Mon Sep 17 00:00:00 2001
From: Mikhail Karkachov <mikhail.karkachov@gmail.com>
Date: Tue, 1 Aug 2023 12:45:00 +0200
Subject: [PATCH 067/137] Updated styles of ReportActionsList, ReportFooter
 components

---
 src/pages/home/report/ReportActionsList.js | 8 ++------
 src/pages/home/report/ReportFooter.js      | 2 +-
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/pages/home/report/ReportActionsList.js b/src/pages/home/report/ReportActionsList.js
index a55489f3a26a..693ba7f871bc 100644
--- a/src/pages/home/report/ReportActionsList.js
+++ b/src/pages/home/report/ReportActionsList.js
@@ -2,7 +2,6 @@ import PropTypes from 'prop-types';
 import React, {useCallback, useEffect, useState} from 'react';
 import Animated, {useSharedValue, useAnimatedStyle, withTiming} from 'react-native-reanimated';
 import _ from 'underscore';
-import lodashGet from 'lodash/get';
 import InvertedFlatList from '../../../components/InvertedFlatList';
 import compose from '../../../libs/compose';
 import styles from '../../../styles/styles';
@@ -14,7 +13,6 @@ import ReportActionItem from './ReportActionItem';
 import ReportActionItemParentAction from './ReportActionItemParentAction';
 import ReportActionsSkeletonView from '../../../components/ReportActionsSkeletonView';
 import variables from '../../../styles/variables';
-import participantPropTypes from '../../../components/participantPropTypes';
 import * as ReportActionsUtils from '../../../libs/ReportActionsUtils';
 import reportActionPropTypes from './reportActionPropTypes';
 import CONST from '../../../CONST';
@@ -27,9 +25,6 @@ const propTypes = {
     /** Position of the "New" line marker */
     newMarkerReportActionID: PropTypes.string,
 
-    /** Personal details of all the users */
-    personalDetailsList: PropTypes.objectOf(participantPropTypes),
-
     /** The report currently being looked at */
     report: reportPropTypes.isRequired,
 
@@ -162,6 +157,7 @@ function ReportActionsList(props) {
     // Native mobile does not render updates flatlist the changes even though component did update called.
     // To notify there something changes we can use extraData prop to flatlist
     const extraData = [props.isSmallScreenWidth ? props.newMarkerReportActionID : undefined, ReportUtils.isArchivedRoom(props.report)];
+
     return (
         <Animated.View style={[animatedStyles, styles.flex1]}>
             <InvertedFlatList
@@ -169,7 +165,7 @@ function ReportActionsList(props) {
                 ref={reportScrollManager.ref}
                 data={props.sortedReportActions}
                 renderItem={renderItem}
-                contentContainerStyle={[styles.chatContentScrollView]}
+                contentContainerStyle={styles.chatContentScrollView}
                 keyExtractor={keyExtractor}
                 initialRowHeight={32}
                 initialNumToRender={calculateInitialNumToRender()}
diff --git a/src/pages/home/report/ReportFooter.js b/src/pages/home/report/ReportFooter.js
index c03e47dd531e..a9e953723f4c 100644
--- a/src/pages/home/report/ReportFooter.js
+++ b/src/pages/home/report/ReportFooter.js
@@ -68,7 +68,7 @@ function ReportFooter(props) {
     return (
         <>
             {hideComposer && (
-                <View style={[styles.chatFooter, props.isSmallScreenWidth ? styles.mb5 : null]}>
+                <View style={[styles.chatFooter, styles.pt4, props.isSmallScreenWidth ? styles.mb5 : null]}>
                     {isAnonymousUser && !isArchivedRoom && (
                         <AnonymousReportFooter
                             report={props.report}

From 3b297a4e33edf5ec30c4c7f8de2191ec5381487d Mon Sep 17 00:00:00 2001
From: Krishna Gupta <belivethatkg@gmail.com>
Date: Tue, 1 Aug 2023 16:59:33 +0530
Subject: [PATCH 068/137] fix: timeout & if/else.

Signed-off-by: Krishna Gupta <belivethatkg@gmail.com>
---
 src/components/ImageWithSizeCalculation.js | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/components/ImageWithSizeCalculation.js b/src/components/ImageWithSizeCalculation.js
index a2d2dae1569b..6c1e7480362d 100644
--- a/src/components/ImageWithSizeCalculation.js
+++ b/src/components/ImageWithSizeCalculation.js
@@ -39,9 +39,9 @@ const defaultProps = {
  *
  */
 function ImageWithSizeCalculation(props) {
-    const [isLoading, setIsLoading] = useState(false);
     const isLoadedRef = useRef(null);
     const [isImageCached, setIsImageCached] = useState(true);
+    const [isLoading, setIsLoading] = useState(false);
 
     const onError = () => {
         Log.hmmm('Unable to fetch image to calculate size', {url: props.url});
@@ -57,14 +57,15 @@ function ImageWithSizeCalculation(props) {
 
     /** Delay the loader to detect whether the image is being loaded from the cache or the internet. */
     useEffect(() => {
-        let timeout;
-
-        if (isLoading) {
-            timeout = _.delay(() => {
-                setIsImageCached(false);
-            }, 175);
+        if (isLoadedRef.current || !isLoading) {
+            return;
         }
-
+        const timeout = _.delay(() => {
+            if (!isLoading || isLoadedRef.current) {
+                return;
+            }
+            setIsImageCached(false);
+        }, 300);
         return () => clearTimeout(timeout);
     }, [isLoading]);
 

From 23cc6a089b2132195547a81bbb62cc70f5b42db9 Mon Sep 17 00:00:00 2001
From: burczu <b.dybowski@gmail.com>
Date: Tue, 1 Aug 2023 13:59:28 +0200
Subject: [PATCH 069/137] storing translateY animated value in ref

---
 src/components/GrowlNotification/index.js | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/components/GrowlNotification/index.js b/src/components/GrowlNotification/index.js
index 9fedf3c4e11d..60bd1bf00587 100644
--- a/src/components/GrowlNotification/index.js
+++ b/src/components/GrowlNotification/index.js
@@ -1,4 +1,4 @@
-import React, {forwardRef, useCallback, useEffect, useImperativeHandle, useState} from 'react';
+import React, {forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState} from 'react';
 import {Directions, FlingGestureHandler, State} from 'react-native-gesture-handler';
 import {View, Animated} from 'react-native';
 import colors from '../../styles/colors';
@@ -29,9 +29,9 @@ const types = {
 const INACTIVE_POSITION_Y = -255;
 
 const PressableWithoutFeedback = Pressables.PressableWithoutFeedback;
-const translateY = new Animated.Value(INACTIVE_POSITION_Y);
 
 function GrowlNotification(_, ref) {
+    const translateY = useRef(new Animated.Value(INACTIVE_POSITION_Y)).current;
     const [bodyText, setBodyText] = useState('');
     const [type, setType] = useState('success');
     const [duration, setDuration] = useState();
@@ -54,13 +54,16 @@ function GrowlNotification(_, ref) {
      *
      * @param {Number} val
      */
-    const fling = useCallback((val = INACTIVE_POSITION_Y) => {
-        Animated.spring(translateY, {
-            toValue: val,
-            duration: 80,
-            useNativeDriver: true,
-        }).start();
-    }, []);
+    const fling = useCallback(
+        (val = INACTIVE_POSITION_Y) => {
+            Animated.spring(translateY, {
+                toValue: val,
+                duration: 80,
+                useNativeDriver: true,
+            }).start();
+        },
+        [translateY],
+    );
 
     useImperativeHandle(
         ref,

From 37facb59be608c2a1a9ee5ff5cce1a7277a94c78 Mon Sep 17 00:00:00 2001
From: burczu <b.dybowski@gmail.com>
Date: Tue, 1 Aug 2023 13:59:53 +0200
Subject: [PATCH 070/137] simplified onPress handler assignment

---
 src/components/GrowlNotification/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/GrowlNotification/index.js b/src/components/GrowlNotification/index.js
index 60bd1bf00587..9b32f8651939 100644
--- a/src/components/GrowlNotification/index.js
+++ b/src/components/GrowlNotification/index.js
@@ -104,7 +104,7 @@ function GrowlNotification(_, ref) {
                 <GrowlNotificationContainer translateY={translateY}>
                     <PressableWithoutFeedback
                         accessibilityLabel={bodyText}
-                        onPress={() => fling()}
+                        onPress={fling}
                     >
                         <View style={styles.growlNotificationBox}>
                             <Icon

From 8e49daa9ee961d83678e331ebdaabed8e09c1532 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lucas=20M=C3=B3rawski?= <lukasz.morawski@callstack.com>
Date: Tue, 1 Aug 2023 15:19:58 +0300
Subject: [PATCH 071/137] merge fix and formatting

---
 src/libs/actions/IOU.js                       | 283 ++++++++----------
 .../iou/steps/MoneyRequestConfirmPage.js      |  14 +-
 2 files changed, 126 insertions(+), 171 deletions(-)

diff --git a/src/libs/actions/IOU.js b/src/libs/actions/IOU.js
index 7a80c5328a97..dc165e5dbbbd 100644
--- a/src/libs/actions/IOU.js
+++ b/src/libs/actions/IOU.js
@@ -105,13 +105,7 @@ function buildOnyxDataForMoneyRequest(
                 lastReadTime: DateUtils.getDBTime(),
                 hasOutstandingIOU: iouReport.total !== 0,
                 iouReportID: iouReport.reportID,
-                ...(isNewChatReport
-                    ? {
-                        pendingFields: {
-                            createChat: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD,
-                        },
-                    }
-                    : {}),
+                ...(isNewChatReport ? {pendingFields: {createChat: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD}} : {}),
             },
         },
         {
@@ -121,13 +115,7 @@ function buildOnyxDataForMoneyRequest(
                 ...iouReport,
                 lastMessageText: iouAction.message[0].text,
                 lastMessageHtml: iouAction.message[0].html,
-                ...(isNewIOUReport
-                    ? {
-                        pendingFields: {
-                            createChat: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD,
-                        },
-                    }
-                    : {}),
+                ...(isNewIOUReport ? {pendingFields: {createChat: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD}} : {}),
             },
         },
         {
@@ -139,7 +127,7 @@ function buildOnyxDataForMoneyRequest(
             onyxMethod: isNewChatReport ? Onyx.METHOD.SET : Onyx.METHOD.MERGE,
             key: `${ONYXKEYS.COLLECTION.REPORT_ACTIONS}${chatReport.reportID}`,
             value: {
-                ...(isNewChatReport ? { [chatCreatedAction.reportActionID]: chatCreatedAction } : {}),
+                ...(isNewChatReport ? {[chatCreatedAction.reportActionID]: chatCreatedAction} : {}),
                 [reportPreviewAction.reportActionID]: reportPreviewAction,
             },
         },
@@ -147,7 +135,7 @@ function buildOnyxDataForMoneyRequest(
             onyxMethod: isNewIOUReport ? Onyx.METHOD.SET : Onyx.METHOD.MERGE,
             key: `${ONYXKEYS.COLLECTION.REPORT_ACTIONS}${iouReport.reportID}`,
             value: {
-                ...(isNewIOUReport ? { [iouCreatedAction.reportActionID]: iouCreatedAction } : {}),
+                ...(isNewIOUReport ? {[iouCreatedAction.reportActionID]: iouCreatedAction} : {}),
                 [iouAction.reportActionID]: iouAction,
             },
         },
@@ -164,32 +152,32 @@ function buildOnyxDataForMoneyRequest(
     const successData = [
         ...(isNewChatReport
             ? [
-                {
-                    onyxMethod: Onyx.METHOD.MERGE,
-                    key: `${ONYXKEYS.COLLECTION.REPORT}${chatReport.reportID}`,
-                    value: {
-                        pendingFields: null,
-                        errorFields: null,
-                    },
-                },
-            ]
+                  {
+                      onyxMethod: Onyx.METHOD.MERGE,
+                      key: `${ONYXKEYS.COLLECTION.REPORT}${chatReport.reportID}`,
+                      value: {
+                          pendingFields: null,
+                          errorFields: null,
+                      },
+                  },
+              ]
             : []),
         ...(isNewIOUReport
             ? [
-                {
-                    onyxMethod: Onyx.METHOD.MERGE,
-                    key: `${ONYXKEYS.COLLECTION.REPORT}${iouReport.reportID}`,
-                    value: {
-                        pendingFields: null,
-                        errorFields: null,
-                    },
-                },
-            ]
+                  {
+                      onyxMethod: Onyx.METHOD.MERGE,
+                      key: `${ONYXKEYS.COLLECTION.REPORT}${iouReport.reportID}`,
+                      value: {
+                          pendingFields: null,
+                          errorFields: null,
+                      },
+                  },
+              ]
             : []),
         {
             onyxMethod: Onyx.METHOD.MERGE,
             key: `${ONYXKEYS.COLLECTION.TRANSACTION}${transaction.transactionID}`,
-            value: { pendingAction: null },
+            value: {pendingAction: null},
         },
         {
             onyxMethod: Onyx.METHOD.MERGE,
@@ -197,11 +185,11 @@ function buildOnyxDataForMoneyRequest(
             value: {
                 ...(isNewChatReport
                     ? {
-                        [chatCreatedAction.reportActionID]: {
-                            pendingAction: null,
-                            errors: null,
-                        },
-                    }
+                          [chatCreatedAction.reportActionID]: {
+                              pendingAction: null,
+                              errors: null,
+                          },
+                      }
                     : {}),
                 [reportPreviewAction.reportActionID]: {
                     pendingAction: null,
@@ -214,11 +202,11 @@ function buildOnyxDataForMoneyRequest(
             value: {
                 ...(isNewIOUReport
                     ? {
-                        [iouCreatedAction.reportActionID]: {
-                            pendingAction: null,
-                            errors: null,
-                        },
-                    }
+                          [iouCreatedAction.reportActionID]: {
+                              pendingAction: null,
+                              errors: null,
+                          },
+                      }
                     : {}),
                 [iouAction.reportActionID]: {
                     pendingAction: null,
@@ -238,25 +226,25 @@ function buildOnyxDataForMoneyRequest(
                 lastReadTime: chatReport.lastReadTime,
                 ...(isNewChatReport
                     ? {
-                        errorFields: {
-                            createChat: ErrorUtils.getMicroSecondOnyxError('report.genericCreateReportFailureMessage'),
-                        },
-                    }
+                          errorFields: {
+                              createChat: ErrorUtils.getMicroSecondOnyxError('report.genericCreateReportFailureMessage'),
+                          },
+                      }
                     : {}),
             },
         },
         ...(isNewIOUReport
             ? [
-                {
-                    onyxMethod: Onyx.METHOD.MERGE,
-                    key: `${ONYXKEYS.COLLECTION.REPORT}${iouReport.reportID}`,
-                    value: {
-                        errorFields: {
-                            createChat: ErrorUtils.getMicroSecondOnyxError('report.genericCreateReportFailureMessage'),
-                        },
-                    },
-                },
-            ]
+                  {
+                      onyxMethod: Onyx.METHOD.MERGE,
+                      key: `${ONYXKEYS.COLLECTION.REPORT}${iouReport.reportID}`,
+                      value: {
+                          errorFields: {
+                              createChat: ErrorUtils.getMicroSecondOnyxError('report.genericCreateReportFailureMessage'),
+                          },
+                      },
+                  },
+              ]
             : []),
         {
             onyxMethod: Onyx.METHOD.MERGE,
@@ -271,18 +259,18 @@ function buildOnyxDataForMoneyRequest(
             value: {
                 ...(isNewChatReport
                     ? {
-                        [chatCreatedAction.reportActionID]: {
-                            errors: ErrorUtils.getMicroSecondOnyxError('iou.error.genericCreateFailureMessage'),
-                        },
-                        [reportPreviewAction.reportActionID]: {
-                            errors: ErrorUtils.getMicroSecondOnyxError(null),
-                        },
-                    }
+                          [chatCreatedAction.reportActionID]: {
+                              errors: ErrorUtils.getMicroSecondOnyxError('iou.error.genericCreateFailureMessage'),
+                          },
+                          [reportPreviewAction.reportActionID]: {
+                              errors: ErrorUtils.getMicroSecondOnyxError(null),
+                          },
+                      }
                     : {
-                        [reportPreviewAction.reportActionID]: {
-                            created: reportPreviewAction.created,
-                        },
-                    }),
+                          [reportPreviewAction.reportActionID]: {
+                              created: reportPreviewAction.created,
+                          },
+                      }),
             },
         },
         {
@@ -291,18 +279,18 @@ function buildOnyxDataForMoneyRequest(
             value: {
                 ...(isNewIOUReport
                     ? {
-                        [iouCreatedAction.reportActionID]: {
-                            errors: ErrorUtils.getMicroSecondOnyxError('iou.error.genericCreateFailureMessage'),
-                        },
-                        [iouAction.reportActionID]: {
-                            errors: ErrorUtils.getMicroSecondOnyxError(null),
-                        },
-                    }
+                          [iouCreatedAction.reportActionID]: {
+                              errors: ErrorUtils.getMicroSecondOnyxError('iou.error.genericCreateFailureMessage'),
+                          },
+                          [iouAction.reportActionID]: {
+                              errors: ErrorUtils.getMicroSecondOnyxError(null),
+                          },
+                      }
                     : {
-                        [iouAction.reportActionID]: {
-                            errors: ErrorUtils.getMicroSecondOnyxError('iou.error.genericCreateFailureMessage'),
-                        },
-                    }),
+                          [iouAction.reportActionID]: {
+                              errors: ErrorUtils.getMicroSecondOnyxError('iou.error.genericCreateFailureMessage'),
+                          },
+                      }),
             },
         },
     ];
@@ -352,7 +340,7 @@ function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, part
 
     if (iouReport) {
         if (isPolicyExpenseChat) {
-            iouReport = { ...iouReport };
+            iouReport = {...iouReport};
 
             // Because of the Expense reports are stored as negative values, we substract the total from the amount
             iouReport.total -= amount;
@@ -366,7 +354,7 @@ function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, part
     }
 
     // STEP 3: Build optimistic transaction
-    const optimisticTransaction = TransactionUtils.buildOptimisticTransaction(amount, currency, iouReport.reportID, comment, null, null);
+    const optimisticTransaction = TransactionUtils.buildOptimisticTransaction(amount, currency, iouReport.reportID, comment);
 
     // STEP 4: Build optimistic reportActions. We need:
     // 1. CREATED action for the chatReport
@@ -390,13 +378,13 @@ function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, part
     // Add optimistic personal details for participant
     const optimisticPersonalDetailListAction = isNewChatReport
         ? {
-            [payerAccountID]: {
-                accountID: payerAccountID,
-                avatar: UserUtils.getDefaultAvatarURL(payerAccountID),
-                displayName: participant.displayName || payerEmail,
-                login: participant.login,
-            },
-        }
+              [payerAccountID]: {
+                  accountID: payerAccountID,
+                  avatar: UserUtils.getDefaultAvatarURL(payerAccountID),
+                  displayName: participant.displayName || payerEmail,
+                  login: participant.login,
+              },
+          }
         : undefined;
 
     let reportPreviewAction = isNewIOUReport ? null : ReportActionsUtils.getReportPreviewAction(chatReport.reportID, iouReport.reportID);
@@ -436,7 +424,7 @@ function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, part
             createdIOUReportActionID: isNewIOUReport ? optimisticCreatedActionForIOU.reportActionID : 0,
             reportPreviewReportActionID: reportPreviewAction.reportActionID,
         },
-        { optimisticData, successData, failureData },
+        {optimisticData, successData, failureData},
     );
     resetMoneyRequestInfo();
     Navigation.dismissModal(chatReport.reportID);
@@ -511,11 +499,7 @@ function createSplitsAndOnyxData(participants, currentUserLogin, currentUserAcco
             onyxMethod: existingGroupChatReport ? Onyx.METHOD.MERGE : Onyx.METHOD.SET,
             key: `${ONYXKEYS.COLLECTION.REPORT_ACTIONS}${groupChatReport.reportID}`,
             value: {
-                ...(existingGroupChatReport
-                    ? {}
-                    : {
-                        [groupCreatedReportAction.reportActionID]: groupCreatedReportAction,
-                    }),
+                ...(existingGroupChatReport ? {} : {[groupCreatedReportAction.reportActionID]: groupCreatedReportAction}),
                 [groupIOUReportAction.reportActionID]: groupIOUReportAction,
             },
         },
@@ -531,18 +515,14 @@ function createSplitsAndOnyxData(participants, currentUserLogin, currentUserAcco
             onyxMethod: Onyx.METHOD.MERGE,
             key: `${ONYXKEYS.COLLECTION.REPORT_ACTIONS}${groupChatReport.reportID}`,
             value: {
-                ...(existingGroupChatReport
-                    ? {}
-                    : {
-                        [groupCreatedReportAction.reportActionID]: { pendingAction: null },
-                    }),
-                [groupIOUReportAction.reportActionID]: { pendingAction: null },
+                ...(existingGroupChatReport ? {} : {[groupCreatedReportAction.reportActionID]: {pendingAction: null}}),
+                [groupIOUReportAction.reportActionID]: {pendingAction: null},
             },
         },
         {
             onyxMethod: Onyx.METHOD.MERGE,
             key: `${ONYXKEYS.COLLECTION.TRANSACTION}${groupTransaction.transactionID}`,
-            value: { pendingAction: null },
+            value: {pendingAction: null},
         },
     ];
 
@@ -550,7 +530,7 @@ function createSplitsAndOnyxData(participants, currentUserLogin, currentUserAcco
         successData.push({
             onyxMethod: Onyx.METHOD.MERGE,
             key: `${ONYXKEYS.COLLECTION.REPORT}${groupChatReport.reportID}`,
-            value: { pendingFields: { createChat: null } },
+            value: {pendingFields: {createChat: null}},
         });
     }
 
@@ -599,13 +579,7 @@ function createSplitsAndOnyxData(participants, currentUserLogin, currentUserAcco
 
     // Loop through participants creating individual chats, iouReports and reportActionIDs as needed
     const splitAmount = IOUUtils.calculateAmount(participants.length, amount, false);
-    const splits = [
-        {
-            email: currentUserEmail,
-            accountID: currentUserAccountID,
-            amount: IOUUtils.calculateAmount(participants.length, amount, true),
-        },
-    ];
+    const splits = [{email: currentUserEmail, accountID: currentUserAccountID, amount: IOUUtils.calculateAmount(participants.length, amount, true)}];
 
     const hasMultipleParticipants = participants.length > 1;
     _.each(participants, (participant) => {
@@ -674,13 +648,13 @@ function createSplitsAndOnyxData(participants, currentUserLogin, currentUserAcco
         // Add optimistic personal details for new participants
         const oneOnOnePersonalDetailListAction = shouldCreateOptimisticPersonalDetails
             ? {
-                [accountID]: {
-                    accountID,
-                    avatar: UserUtils.getDefaultAvatarURL(accountID),
-                    displayName: participant.displayName || email,
-                    login: participant.login,
-                },
-            }
+                  [accountID]: {
+                      accountID,
+                      avatar: UserUtils.getDefaultAvatarURL(accountID),
+                      displayName: participant.displayName || email,
+                      login: participant.login,
+                  },
+              }
             : undefined;
 
         let oneOnOneReportPreviewAction = ReportActionsUtils.getReportPreviewAction(oneOnOneChatReport.reportID, oneOnOneIOUReport.reportID);
@@ -736,7 +710,7 @@ function createSplitsAndOnyxData(participants, currentUserLogin, currentUserAcco
     return {
         groupData,
         splits,
-        onyxData: { optimisticData, successData, failureData },
+        onyxData: {optimisticData, successData, failureData},
     };
 }
 
@@ -750,7 +724,7 @@ function createSplitsAndOnyxData(participants, currentUserLogin, currentUserAcco
  * @param {String} existingGroupChatReportID
  */
 function splitBill(participants, currentUserLogin, currentUserAccountID, amount, comment, currency, existingGroupChatReportID = '') {
-    const { groupData, splits, onyxData } = createSplitsAndOnyxData(participants, currentUserLogin, currentUserAccountID, amount, comment, currency, existingGroupChatReportID);
+    const {groupData, splits, onyxData} = createSplitsAndOnyxData(participants, currentUserLogin, currentUserAccountID, amount, comment, currency, existingGroupChatReportID);
 
     API.write(
         'SplitBill',
@@ -781,7 +755,7 @@ function splitBill(participants, currentUserLogin, currentUserAccountID, amount,
  * @param {String} currency
  */
 function splitBillAndOpenReport(participants, currentUserLogin, currentUserAccountID, amount, comment, currency) {
-    const { groupData, splits, onyxData } = createSplitsAndOnyxData(participants, currentUserLogin, currentUserAccountID, amount, comment, currency);
+    const {groupData, splits, onyxData} = createSplitsAndOnyxData(participants, currentUserLogin, currentUserAccountID, amount, comment, currency);
 
     API.write(
         'SplitBillAndOpenReport',
@@ -847,11 +821,6 @@ function deleteMoneyRequest(transactionID, reportAction, isSingleTransactionView
         },
     };
 
-
-    const currentUserAccountID = optimisticIOUAction.actorAccountID;
-    let updatedIOUReport = {};
-    if (ReportUtils.isExpenseReport(iouReportID)) {
-        updatedIOUReport = { ...iouReport };
     const lastVisibleAction = ReportActionsUtils.getLastVisibleAction(iouReport.reportID, updatedReportAction);
     const iouReportLastMessageText = ReportActionsUtils.getLastVisibleMessage(iouReport.reportID, updatedReportAction).lastMessageText;
     const shouldDeleteIOUReport =
@@ -1001,7 +970,7 @@ function deleteMoneyRequest(transactionID, reportAction, isSingleTransactionView
             transactionID,
             reportActionID: reportAction.reportActionID,
         },
-        { optimisticData, successData, failureData },
+        {optimisticData, successData, failureData},
     );
 
     // STEP 7: Navigate the user depending on which page they are on and which resources were deleted
@@ -1137,7 +1106,7 @@ function getSendMoneyParams(report, amount, currency, comment, paymentMethodType
         {
             onyxMethod: Onyx.METHOD.MERGE,
             key: `${ONYXKEYS.COLLECTION.TRANSACTION}${optimisticTransaction.transactionID}`,
-            value: { pendingAction: null },
+            value: {pendingAction: null},
         },
         {
             onyxMethod: Onyx.METHOD.MERGE,
@@ -1170,13 +1139,11 @@ function getSendMoneyParams(report, amount, currency, comment, paymentMethodType
         optimisticIOUReportData.onyxMethod = Onyx.METHOD.SET;
 
         // Set and clear pending fields on the chat report
-        optimisticChatReportData.value.pendingFields = {
-            createChat: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD,
-        };
+        optimisticChatReportData.value.pendingFields = {createChat: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD};
         successData.push({
             onyxMethod: Onyx.METHOD.MERGE,
             key: optimisticChatReportData.key,
-            value: { pendingFields: null },
+            value: {pendingFields: null},
         });
         failureData.push(
             {
@@ -1328,7 +1295,7 @@ function getPayMoneyRequestParams(chatReport, iouReport, recipient, paymentMetho
         {
             onyxMethod: Onyx.METHOD.MERGE,
             key: ONYXKEYS.NVP_LAST_PAYMENT_METHOD,
-            value: { [iouReport.policyID]: paymentMethodType },
+            value: {[iouReport.policyID]: paymentMethodType},
         },
         {
             onyxMethod: Onyx.METHOD.MERGE,
@@ -1406,13 +1373,9 @@ function getPayMoneyRequestParams(chatReport, iouReport, recipient, paymentMetho
  * @param {Object} recipient - The user receiving the money
  */
 function sendMoneyElsewhere(report, amount, currency, comment, managerID, recipient) {
-    const { params, optimisticData, successData, failureData } = getSendMoneyParams(report, amount, currency, comment, CONST.IOU.PAYMENT_TYPE.ELSEWHERE, managerID, recipient);
+    const {params, optimisticData, successData, failureData} = getSendMoneyParams(report, amount, currency, comment, CONST.IOU.PAYMENT_TYPE.ELSEWHERE, managerID, recipient);
 
-    API.write('SendMoneyElsewhere', params, {
-        optimisticData,
-        successData,
-        failureData,
-    });
+    API.write('SendMoneyElsewhere', params, {optimisticData, successData, failureData});
 
     resetMoneyRequestInfo();
     Navigation.dismissModal(params.chatReportID);
@@ -1428,13 +1391,9 @@ function sendMoneyElsewhere(report, amount, currency, comment, managerID, recipi
  * @param {Object} recipient - The user receiving the money
  */
 function sendMoneyWithWallet(report, amount, currency, comment, managerID, recipient) {
-    const { params, optimisticData, successData, failureData } = getSendMoneyParams(report, amount, currency, comment, CONST.IOU.PAYMENT_TYPE.EXPENSIFY, managerID, recipient);
+    const {params, optimisticData, successData, failureData} = getSendMoneyParams(report, amount, currency, comment, CONST.IOU.PAYMENT_TYPE.EXPENSIFY, managerID, recipient);
 
-    API.write('SendMoneyWithWallet', params, {
-        optimisticData,
-        successData,
-        failureData,
-    });
+    API.write('SendMoneyWithWallet', params, {optimisticData, successData, failureData});
 
     resetMoneyRequestInfo();
     Navigation.dismissModal(params.chatReportID);
@@ -1450,13 +1409,9 @@ function sendMoneyWithWallet(report, amount, currency, comment, managerID, recip
  * @param {Object} recipient - The user receiving the money
  */
 function sendMoneyViaPaypal(report, amount, currency, comment, managerID, recipient) {
-    const { params, optimisticData, successData, failureData } = getSendMoneyParams(report, amount, currency, comment, CONST.IOU.PAYMENT_TYPE.PAYPAL_ME, managerID, recipient);
+    const {params, optimisticData, successData, failureData} = getSendMoneyParams(report, amount, currency, comment, CONST.IOU.PAYMENT_TYPE.PAYPAL_ME, managerID, recipient);
 
-    API.write('SendMoneyViaPaypal', params, {
-        optimisticData,
-        successData,
-        failureData,
-    });
+    API.write('SendMoneyViaPaypal', params, {optimisticData, successData, failureData});
 
     resetMoneyRequestInfo();
     Navigation.dismissModal(params.chatReportID);
@@ -1477,13 +1432,13 @@ function payMoneyRequest(paymentType, chatReport, iouReport) {
         accountID: iouReport.ownerAccountID,
         payPalMeAddress: iouReport.submitterPayPalMeAddress,
     };
-    const { params, optimisticData, successData, failureData } = getPayMoneyRequestParams(chatReport, iouReport, recipient, paymentType);
+    const {params, optimisticData, successData, failureData} = getPayMoneyRequestParams(chatReport, iouReport, recipient, paymentType);
 
     // For now we need to call the PayMoneyRequestWithWallet API since PayMoneyRequest was not updated to work with
     // Expensify Wallets.
     const apiCommand = paymentType === CONST.IOU.PAYMENT_TYPE.EXPENSIFY ? 'PayMoneyRequestWithWallet' : 'PayMoneyRequest';
 
-    API.write(apiCommand, params, { optimisticData, successData, failureData });
+    API.write(apiCommand, params, {optimisticData, successData, failureData});
     Navigation.dismissModal(chatReport.reportID);
     if (paymentType === CONST.IOU.PAYMENT_TYPE.PAYPAL_ME) {
         asyncOpenURL(Promise.resolve(), buildPayPalPaymentUrl(iouReport.total, recipient.payPalMeAddress, iouReport.currency));
@@ -1504,51 +1459,51 @@ function startMoneyRequest(iouType, reportID = '') {
  * @param {String} id
  */
 function setMoneyRequestId(id) {
-    Onyx.merge(ONYXKEYS.IOU, { id });
+    Onyx.merge(ONYXKEYS.IOU, {id});
 }
 
 /**
  * @param {Number} amount
  */
 function setMoneyRequestAmount(amount) {
-    Onyx.merge(ONYXKEYS.IOU, { amount });
+    Onyx.merge(ONYXKEYS.IOU, {amount});
 }
 
 /**
  * @param {String} currency
  */
 function setMoneyRequestCurrency(currency) {
-    Onyx.merge(ONYXKEYS.IOU, { currency });
+    Onyx.merge(ONYXKEYS.IOU, {currency});
 }
 
 /**
  * @param {String} comment
  */
 function setMoneyRequestDescription(comment) {
-    Onyx.merge(ONYXKEYS.IOU, { comment: comment.trim() });
+    Onyx.merge(ONYXKEYS.IOU, {comment: comment.trim()});
 }
 
 /**
  * @param {Object[]} participants
  */
 function setMoneyRequestParticipants(participants) {
-    Onyx.merge(ONYXKEYS.IOU, { participants });
+    Onyx.merge(ONYXKEYS.IOU, {participants});
 }
 
 export {
     deleteMoneyRequest,
-    payMoneyRequest,
+    splitBill,
+    splitBillAndOpenReport,
     requestMoney,
-    resetMoneyRequestInfo,
     sendMoneyElsewhere,
     sendMoneyViaPaypal,
+    payMoneyRequest,
     sendMoneyWithWallet,
+    startMoneyRequest,
+    resetMoneyRequestInfo,
+    setMoneyRequestId,
     setMoneyRequestAmount,
     setMoneyRequestCurrency,
     setMoneyRequestDescription,
-    setMoneyRequestId,
     setMoneyRequestParticipants,
-    splitBill,
-    splitBillAndOpenReport,
-    startMoneyRequest,
 };
diff --git a/src/pages/iou/steps/MoneyRequestConfirmPage.js b/src/pages/iou/steps/MoneyRequestConfirmPage.js
index 8867849c0d48..a10f922937a4 100644
--- a/src/pages/iou/steps/MoneyRequestConfirmPage.js
+++ b/src/pages/iou/steps/MoneyRequestConfirmPage.js
@@ -1,7 +1,7 @@
-import React, { useCallback, useEffect, useMemo, useRef } from 'react';
-import { View } from 'react-native';
+import React, {useCallback, useEffect, useMemo, useRef} from 'react';
+import {View} from 'react-native';
 import PropTypes from 'prop-types';
-import { withOnyx } from 'react-native-onyx';
+import {withOnyx} from 'react-native-onyx';
 import _ from 'underscore';
 import lodashGet from 'lodash/get';
 import MoneyRequestConfirmationList from '../../../components/MoneyRequestConfirmationList';
@@ -17,7 +17,7 @@ import * as OptionsListUtils from '../../../libs/OptionsListUtils';
 import withLocalize from '../../../components/withLocalize';
 import HeaderWithBackButton from '../../../components/HeaderWithBackButton';
 import ONYXKEYS from '../../../ONYXKEYS';
-import withCurrentUserPersonalDetails, { withCurrentUserPersonalDetailsDefaultProps, withCurrentUserPersonalDetailsPropTypes } from '../../../components/withCurrentUserPersonalDetails';
+import withCurrentUserPersonalDetails, {withCurrentUserPersonalDetailsDefaultProps, withCurrentUserPersonalDetailsPropTypes} from '../../../components/withCurrentUserPersonalDetails';
 import reportPropTypes from '../../reportPropTypes';
 import personalDetailsPropType from '../../personalDetailsPropType';
 
@@ -183,7 +183,7 @@ function MoneyRequestConfirmPage(props) {
 
     return (
         <ScreenWrapper includeSafeAreaPaddingBottom={false}>
-            {({ safeAreaPaddingBottomStyle }) => (
+            {({safeAreaPaddingBottomStyle}) => (
                 <View style={[styles.flex1, safeAreaPaddingBottomStyle]}>
                     <HeaderWithBackButton
                         title={props.translate('iou.cash')}
@@ -200,7 +200,7 @@ function MoneyRequestConfirmPage(props) {
                         onSelectParticipant={(option) => {
                             const newParticipants = _.map(props.iou.participants, (participant) => {
                                 if (participant.accountID === option.accountID) {
-                                    return { ...participant, selected: !participant.selected };
+                                    return {...participant, selected: !participant.selected};
                                 }
                                 return participant;
                             });
@@ -235,7 +235,7 @@ export default compose(
     withLocalize,
     withOnyx({
         report: {
-            key: ({ route }) => `${ONYXKEYS.COLLECTION.REPORT}${lodashGet(route, 'params.reportID', '')}`,
+            key: ({route}) => `${ONYXKEYS.COLLECTION.REPORT}${lodashGet(route, 'params.reportID', '')}`,
         },
         iou: {
             key: ONYXKEYS.IOU,

From 773bef67866487c91e5fd37749ebb2fafa7b23a1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lucas=20M=C3=B3rawski?= <lukasz.morawski@callstack.com>
Date: Tue, 1 Aug 2023 15:23:33 +0300
Subject: [PATCH 072/137] removed unnecessary useeffect dependency

---
 src/pages/iou/steps/MoneyRequestConfirmPage.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/iou/steps/MoneyRequestConfirmPage.js b/src/pages/iou/steps/MoneyRequestConfirmPage.js
index a10f922937a4..2615aaf741e1 100644
--- a/src/pages/iou/steps/MoneyRequestConfirmPage.js
+++ b/src/pages/iou/steps/MoneyRequestConfirmPage.js
@@ -150,7 +150,7 @@ function MoneyRequestConfirmPage(props) {
                 trimmedComment,
             );
         },
-        [props.iou.amount, props.iou.comment, props.currentUserPersonalDetails.login, props.currentUserPersonalDetails.accountID, props.iou.currency, props.report, props.iou.merchant],
+        [props.iou.amount, props.iou.comment, props.currentUserPersonalDetails.login, props.currentUserPersonalDetails.accountID, props.iou.currency, props.report],
     );
 
     /**

From 1b0d6eaaca18f5df8a6692fefbd4c2779b80ebae Mon Sep 17 00:00:00 2001
From: burczu <b.dybowski@gmail.com>
Date: Tue, 1 Aug 2023 14:47:06 +0200
Subject: [PATCH 073/137] fling on press reverted to be called explicitly

---
 src/components/GrowlNotification/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/GrowlNotification/index.js b/src/components/GrowlNotification/index.js
index 9b32f8651939..60bd1bf00587 100644
--- a/src/components/GrowlNotification/index.js
+++ b/src/components/GrowlNotification/index.js
@@ -104,7 +104,7 @@ function GrowlNotification(_, ref) {
                 <GrowlNotificationContainer translateY={translateY}>
                     <PressableWithoutFeedback
                         accessibilityLabel={bodyText}
-                        onPress={fling}
+                        onPress={() => fling()}
                     >
                         <View style={styles.growlNotificationBox}>
                             <Icon

From fb6c504db065c02d7b4d8865860178af92c9226f Mon Sep 17 00:00:00 2001
From: joh42 <138504087+joh42@users.noreply.github.com>
Date: Tue, 1 Aug 2023 14:58:18 +0200
Subject: [PATCH 074/137] added MagicCodeInput transitionEnd focusing for the
 2FA page

---
 .../TwoFactorAuthForm/BaseTwoFactorAuthForm.js              | 6 ++++++
 src/pages/settings/Security/TwoFactorAuth/VerifyPage.js     | 5 ++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/pages/settings/Security/TwoFactorAuth/TwoFactorAuthForm/BaseTwoFactorAuthForm.js b/src/pages/settings/Security/TwoFactorAuth/TwoFactorAuthForm/BaseTwoFactorAuthForm.js
index 7455a19f1131..cc9f2d714e47 100644
--- a/src/pages/settings/Security/TwoFactorAuth/TwoFactorAuthForm/BaseTwoFactorAuthForm.js
+++ b/src/pages/settings/Security/TwoFactorAuth/TwoFactorAuthForm/BaseTwoFactorAuthForm.js
@@ -75,6 +75,11 @@ function BaseTwoFactorAuthForm(props) {
         validateAndSubmitForm() {
             validateAndSubmitForm();
         },
+        focusAfterTransitionEnd() {
+            if (inputRef.current && inputRef.current.focus) {
+                inputRef.current.focus();
+            }
+        },
     }));
 
     return (
@@ -89,6 +94,7 @@ function BaseTwoFactorAuthForm(props) {
             onFulfill={validateAndSubmitForm}
             errorText={formError.twoFactorAuthCode ? props.translate(formError.twoFactorAuthCode) : ErrorUtils.getLatestErrorMessage(props.account)}
             ref={inputRef}
+            autoFocus={false}
         />
     );
 }
diff --git a/src/pages/settings/Security/TwoFactorAuth/VerifyPage.js b/src/pages/settings/Security/TwoFactorAuth/VerifyPage.js
index 502d48a919d2..bb04a83ae76c 100644
--- a/src/pages/settings/Security/TwoFactorAuth/VerifyPage.js
+++ b/src/pages/settings/Security/TwoFactorAuth/VerifyPage.js
@@ -93,7 +93,10 @@ function VerifyPage(props) {
     }
 
     return (
-        <ScreenWrapper shouldShowOfflineIndicator={false}>
+        <ScreenWrapper
+            shouldShowOfflineIndicator={false}
+            onEntryTransitionEnd={() => formRef.current && formRef.current.focusAfterTransitionEnd()}
+        >
             <HeaderWithBackButton
                 title={props.translate('twoFactorAuth.headerTitle')}
                 stepCounter={{

From eba674c723b2df50880029d8a6d60b98ac35f654 Mon Sep 17 00:00:00 2001
From: joh42 <138504087+joh42@users.noreply.github.com>
Date: Tue, 1 Aug 2023 15:10:45 +0200
Subject: [PATCH 075/137] added ref for the ValidateCodeForm

---
 .../Contacts/ContactMethodDetailsPage.js      |  3 +++
 .../ValidateCodeForm/BaseValidateCodeForm.js  |  3 +++
 .../ValidateCodeForm/index.android.js         | 19 +++++++++----------
 .../Contacts/ValidateCodeForm/index.js        | 19 +++++++++----------
 4 files changed, 24 insertions(+), 20 deletions(-)

diff --git a/src/pages/settings/Profile/Contacts/ContactMethodDetailsPage.js b/src/pages/settings/Profile/Contacts/ContactMethodDetailsPage.js
index 2289e68e7bd1..95f125471756 100644
--- a/src/pages/settings/Profile/Contacts/ContactMethodDetailsPage.js
+++ b/src/pages/settings/Profile/Contacts/ContactMethodDetailsPage.js
@@ -103,6 +103,8 @@ class ContactMethodDetailsPage extends Component {
         this.state = {
             isDeleteModalOpen: false,
         };
+
+        this.validateCodeFormRef = React.createRef();
     }
 
     componentDidMount() {
@@ -251,6 +253,7 @@ class ContactMethodDetailsPage extends Component {
                                 contactMethod={contactMethod}
                                 hasMagicCodeBeenSent={hasMagicCodeBeenSent}
                                 loginList={this.props.loginList}
+                                ref={this.validateCodeFormRef}
                             />
                         </View>
                     )}
diff --git a/src/pages/settings/Profile/Contacts/ValidateCodeForm/BaseValidateCodeForm.js b/src/pages/settings/Profile/Contacts/ValidateCodeForm/BaseValidateCodeForm.js
index ea81413fcbb5..424e89fea6e7 100644
--- a/src/pages/settings/Profile/Contacts/ValidateCodeForm/BaseValidateCodeForm.js
+++ b/src/pages/settings/Profile/Contacts/ValidateCodeForm/BaseValidateCodeForm.js
@@ -51,6 +51,9 @@ const propTypes = {
         pendingFields: PropTypes.objectOf(PropTypes.objectOf(PropTypes.string)),
     }).isRequired,
 
+    /** Forwarded inner ref */
+    innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+
     /* Onyx Props */
 
     /** The details about the account that the user is signing in with */
diff --git a/src/pages/settings/Profile/Contacts/ValidateCodeForm/index.android.js b/src/pages/settings/Profile/Contacts/ValidateCodeForm/index.android.js
index 30c5517b8375..a193dc8d2eae 100644
--- a/src/pages/settings/Profile/Contacts/ValidateCodeForm/index.android.js
+++ b/src/pages/settings/Profile/Contacts/ValidateCodeForm/index.android.js
@@ -1,15 +1,14 @@
-import React from 'react';
+import React, {forwardRef} from 'react';
 import BaseValidateCodeForm from './BaseValidateCodeForm';
 
-function ValidateCodeForm(props) {
-    return (
-        <BaseValidateCodeForm
-            autoComplete="sms-otp"
-            // eslint-disable-next-line react/jsx-props-no-spreading
-            {...props}
-        />
-    );
-}
+const ValidateCodeForm = forwardRef((props, ref) => (
+    <BaseValidateCodeForm
+        autoComplete="sms-otp"
+        // eslint-disable-next-line react/jsx-props-no-spreading
+        {...props}
+        innerRef={ref}
+    />
+));
 
 ValidateCodeForm.displayName = 'ValidateCodeForm';
 
diff --git a/src/pages/settings/Profile/Contacts/ValidateCodeForm/index.js b/src/pages/settings/Profile/Contacts/ValidateCodeForm/index.js
index 6ef0c91b6d37..bb4e5ed36b47 100644
--- a/src/pages/settings/Profile/Contacts/ValidateCodeForm/index.js
+++ b/src/pages/settings/Profile/Contacts/ValidateCodeForm/index.js
@@ -1,15 +1,14 @@
-import React from 'react';
+import React, {forwardRef} from 'react';
 import BaseValidateCodeForm from './BaseValidateCodeForm';
 
-function ValidateCodeForm(props) {
-    return (
-        <BaseValidateCodeForm
-            autoComplete="one-time-code"
-            // eslint-disable-next-line react/jsx-props-no-spreading
-            {...props}
-        />
-    );
-}
+const ValidateCodeForm = forwardRef((props, ref) => (
+    <BaseValidateCodeForm
+        autoComplete="one-time-code"
+        // eslint-disable-next-line react/jsx-props-no-spreading
+        {...props}
+        innerRef={ref}
+    />
+));
 
 ValidateCodeForm.displayName = 'ValidateCodeForm';
 

From 9db06983e84c6fdf6291609348d2ca6b0eb73420 Mon Sep 17 00:00:00 2001
From: joh42 <138504087+joh42@users.noreply.github.com>
Date: Tue, 1 Aug 2023 15:18:43 +0200
Subject: [PATCH 076/137] added MagicCodeInput transitionEnd focusing for the
 ContactMethodDetails page

---
 .../Profile/Contacts/ContactMethodDetailsPage.js    |  4 +++-
 .../ValidateCodeForm/BaseValidateCodeForm.js        | 13 ++++++++++---
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/pages/settings/Profile/Contacts/ContactMethodDetailsPage.js b/src/pages/settings/Profile/Contacts/ContactMethodDetailsPage.js
index 95f125471756..a036d4bdc427 100644
--- a/src/pages/settings/Profile/Contacts/ContactMethodDetailsPage.js
+++ b/src/pages/settings/Profile/Contacts/ContactMethodDetailsPage.js
@@ -219,7 +219,9 @@ class ContactMethodDetailsPage extends Component {
         const isFailedAddContactMethod = Boolean(lodashGet(loginData, 'errorFields.addedLogin'));
 
         return (
-            <ScreenWrapper>
+            <ScreenWrapper
+                onEntryTransitionEnd={() => this.validateCodeFormRef.current && this.validateCodeFormRef.current.focusAfterTransitionEnd()}
+            >
                 <HeaderWithBackButton
                     title={formattedContactMethod}
                     onBackButtonPress={() => Navigation.goBack(ROUTES.SETTINGS_CONTACT_METHODS)}
diff --git a/src/pages/settings/Profile/Contacts/ValidateCodeForm/BaseValidateCodeForm.js b/src/pages/settings/Profile/Contacts/ValidateCodeForm/BaseValidateCodeForm.js
index 424e89fea6e7..e1f78cc85c95 100644
--- a/src/pages/settings/Profile/Contacts/ValidateCodeForm/BaseValidateCodeForm.js
+++ b/src/pages/settings/Profile/Contacts/ValidateCodeForm/BaseValidateCodeForm.js
@@ -1,4 +1,4 @@
-import React, {useCallback, useState, useEffect, useRef} from 'react';
+import React, {useCallback, useState, useEffect, useRef, useImperativeHandle} from 'react';
 import {View} from 'react-native';
 import PropTypes from 'prop-types';
 import _ from 'underscore';
@@ -77,6 +77,14 @@ function BaseValidateCodeForm(props) {
     const inputValidateCodeRef = useRef();
     const validateLoginError = ErrorUtils.getEarliestErrorField(loginData, 'validateLogin');
 
+    useImperativeHandle(props.innerRef, () => ({
+        focusAfterTransitionEnd() {
+            if (inputValidateCodeRef.current && inputValidateCodeRef.current.focus) {
+                inputValidateCodeRef.current.focus();
+            }
+        },
+    }));
+
     useEffect(() => {
         if (!props.hasMagicCodeBeenSent) {
             return;
@@ -141,8 +149,7 @@ function BaseValidateCodeForm(props) {
                 errorText={formError.validateCode ? props.translate(formError.validateCode) : ErrorUtils.getLatestErrorMessage(props.account)}
                 hasError={!_.isEmpty(validateLoginError)}
                 onFulfill={validateAndSubmitForm}
-                autoFocus
-                shouldDelayFocus={shouldDelayFocus}
+                autoFocus={false}
             />
             <OfflineWithFeedback
                 pendingAction={lodashGet(loginData, 'pendingFields.validateCodeSent', null)}

From 7100709a86b838698ab213d4db396e5afd12f3cf Mon Sep 17 00:00:00 2001
From: joh42 <138504087+joh42@users.noreply.github.com>
Date: Tue, 1 Aug 2023 15:22:13 +0200
Subject: [PATCH 077/137] removed MagicCodeInput shouldDelayFocus logic in
 favor of focusing using onEntryTransitionEnd

---
 src/components/MagicCodeInput.js | 28 +---------------------------
 1 file changed, 1 insertion(+), 27 deletions(-)

diff --git a/src/components/MagicCodeInput.js b/src/components/MagicCodeInput.js
index cea98cfd3747..dd1c93d9280a 100644
--- a/src/components/MagicCodeInput.js
+++ b/src/components/MagicCodeInput.js
@@ -27,9 +27,6 @@ const propTypes = {
     /** Should the input auto focus */
     autoFocus: PropTypes.bool,
 
-    /** Whether we should wait before focusing the TextInput, useful when using transitions  */
-    shouldDelayFocus: PropTypes.bool,
-
     /** Error text to display */
     errorText: PropTypes.string,
 
@@ -58,7 +55,6 @@ const defaultProps = {
     value: undefined,
     name: '',
     autoFocus: true,
-    shouldDelayFocus: false,
     errorText: '',
     shouldSubmitOnComplete: true,
     innerRef: null,
@@ -141,28 +137,6 @@ function MagicCodeInput(props) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.value, props.shouldSubmitOnComplete]);
 
-    useEffect(() => {
-        if (!props.autoFocus) {
-            return;
-        }
-
-        let focusTimeout = null;
-        if (props.shouldDelayFocus) {
-            focusTimeout = setTimeout(() => inputRefs.current[0].focus(), CONST.ANIMATED_TRANSITION);
-        } else {
-            inputRefs.current[0].focus();
-        }
-
-        return () => {
-            if (!focusTimeout) {
-                return;
-            }
-            clearTimeout(focusTimeout);
-        };
-        // We only want this to run on mount
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-
     /**
      * Callback for the onFocus event, updates the indexes
      * of the currently focused input.
@@ -290,7 +264,7 @@ function MagicCodeInput(props) {
                         <View style={[StyleSheet.absoluteFillObject, styles.w100, isMobileSafari ? styles.bgTransparent : styles.opacity0]}>
                             <TextInput
                                 ref={(ref) => (inputRefs.current[index] = ref)}
-                                autoFocus={index === 0 && props.autoFocus && !props.shouldDelayFocus}
+                                autoFocus={index === 0 && props.autoFocus}
                                 inputMode="numeric"
                                 textContentType="oneTimeCode"
                                 name={props.name}

From 67406d92f5a23ac4ec9d29d31b90c17400b46eb6 Mon Sep 17 00:00:00 2001
From: joh42 <138504087+joh42@users.noreply.github.com>
Date: Tue, 1 Aug 2023 15:28:22 +0200
Subject: [PATCH 078/137] removed unused shouldDelayFocus import

---
 .../Profile/Contacts/ValidateCodeForm/BaseValidateCodeForm.js    | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/pages/settings/Profile/Contacts/ValidateCodeForm/BaseValidateCodeForm.js b/src/pages/settings/Profile/Contacts/ValidateCodeForm/BaseValidateCodeForm.js
index e1f78cc85c95..9b3de9941474 100644
--- a/src/pages/settings/Profile/Contacts/ValidateCodeForm/BaseValidateCodeForm.js
+++ b/src/pages/settings/Profile/Contacts/ValidateCodeForm/BaseValidateCodeForm.js
@@ -16,7 +16,6 @@ import * as User from '../../../../../libs/actions/User';
 import Button from '../../../../../components/Button';
 import DotIndicatorMessage from '../../../../../components/DotIndicatorMessage';
 import * as Session from '../../../../../libs/actions/Session';
-import shouldDelayFocus from '../../../../../libs/shouldDelayFocus';
 import Text from '../../../../../components/Text';
 import {withNetwork} from '../../../../../components/OnyxProvider';
 import PressableWithFeedback from '../../../../../components/Pressable/PressableWithFeedback';

From 866bd9d351ac60b229dc71b94cfa76f78f2e29cc Mon Sep 17 00:00:00 2001
From: joh42 <138504087+joh42@users.noreply.github.com>
Date: Tue, 1 Aug 2023 15:51:23 +0200
Subject: [PATCH 079/137] renamed focusAfterTransitionEnd to just focus

---
 src/pages/settings/Profile/Contacts/ContactMethodDetailsPage.js | 2 +-
 .../Profile/Contacts/ValidateCodeForm/BaseValidateCodeForm.js   | 2 +-
 .../TwoFactorAuth/TwoFactorAuthForm/BaseTwoFactorAuthForm.js    | 2 +-
 src/pages/settings/Security/TwoFactorAuth/VerifyPage.js         | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/settings/Profile/Contacts/ContactMethodDetailsPage.js b/src/pages/settings/Profile/Contacts/ContactMethodDetailsPage.js
index a036d4bdc427..3cb2375483f6 100644
--- a/src/pages/settings/Profile/Contacts/ContactMethodDetailsPage.js
+++ b/src/pages/settings/Profile/Contacts/ContactMethodDetailsPage.js
@@ -220,7 +220,7 @@ class ContactMethodDetailsPage extends Component {
 
         return (
             <ScreenWrapper
-                onEntryTransitionEnd={() => this.validateCodeFormRef.current && this.validateCodeFormRef.current.focusAfterTransitionEnd()}
+                onEntryTransitionEnd={() => this.validateCodeFormRef.current && this.validateCodeFormRef.current.focus()}
             >
                 <HeaderWithBackButton
                     title={formattedContactMethod}
diff --git a/src/pages/settings/Profile/Contacts/ValidateCodeForm/BaseValidateCodeForm.js b/src/pages/settings/Profile/Contacts/ValidateCodeForm/BaseValidateCodeForm.js
index 9b3de9941474..5852ed6f564b 100644
--- a/src/pages/settings/Profile/Contacts/ValidateCodeForm/BaseValidateCodeForm.js
+++ b/src/pages/settings/Profile/Contacts/ValidateCodeForm/BaseValidateCodeForm.js
@@ -77,7 +77,7 @@ function BaseValidateCodeForm(props) {
     const validateLoginError = ErrorUtils.getEarliestErrorField(loginData, 'validateLogin');
 
     useImperativeHandle(props.innerRef, () => ({
-        focusAfterTransitionEnd() {
+        focus() {
             if (inputValidateCodeRef.current && inputValidateCodeRef.current.focus) {
                 inputValidateCodeRef.current.focus();
             }
diff --git a/src/pages/settings/Security/TwoFactorAuth/TwoFactorAuthForm/BaseTwoFactorAuthForm.js b/src/pages/settings/Security/TwoFactorAuth/TwoFactorAuthForm/BaseTwoFactorAuthForm.js
index cc9f2d714e47..697ce5c27e30 100644
--- a/src/pages/settings/Security/TwoFactorAuth/TwoFactorAuthForm/BaseTwoFactorAuthForm.js
+++ b/src/pages/settings/Security/TwoFactorAuth/TwoFactorAuthForm/BaseTwoFactorAuthForm.js
@@ -75,7 +75,7 @@ function BaseTwoFactorAuthForm(props) {
         validateAndSubmitForm() {
             validateAndSubmitForm();
         },
-        focusAfterTransitionEnd() {
+        focus() {
             if (inputRef.current && inputRef.current.focus) {
                 inputRef.current.focus();
             }
diff --git a/src/pages/settings/Security/TwoFactorAuth/VerifyPage.js b/src/pages/settings/Security/TwoFactorAuth/VerifyPage.js
index bb04a83ae76c..e67f0469db62 100644
--- a/src/pages/settings/Security/TwoFactorAuth/VerifyPage.js
+++ b/src/pages/settings/Security/TwoFactorAuth/VerifyPage.js
@@ -95,7 +95,7 @@ function VerifyPage(props) {
     return (
         <ScreenWrapper
             shouldShowOfflineIndicator={false}
-            onEntryTransitionEnd={() => formRef.current && formRef.current.focusAfterTransitionEnd()}
+            onEntryTransitionEnd={() => formRef.current && formRef.current.focus()}
         >
             <HeaderWithBackButton
                 title={props.translate('twoFactorAuth.headerTitle')}

From a2621922f6431de9f0268e12a04972bc30ef0d65 Mon Sep 17 00:00:00 2001
From: Thanos30 <thanos30fillidis@gmail.com>
Date: Tue, 1 Aug 2023 17:35:34 +0300
Subject: [PATCH 080/137] Task Share Destination Fixes

---
 src/libs/OptionsListUtils.js                  | 14 ++++++++---
 .../TaskShareDestinationSelectorModal.js      | 25 ++-----------------
 2 files changed, 12 insertions(+), 27 deletions(-)

diff --git a/src/libs/OptionsListUtils.js b/src/libs/OptionsListUtils.js
index 826c5886f70d..f6e3d0c44fce 100644
--- a/src/libs/OptionsListUtils.js
+++ b/src/libs/OptionsListUtils.js
@@ -615,6 +615,7 @@ function getOptions(
         includeThreads = false,
         includeTasks = false,
         includeMoneyRequests = false,
+        disallowNewChats = false,
     },
 ) {
     if (!isPersonalDetailsReady(personalDetails)) {
@@ -796,7 +797,8 @@ function getOptions(
         ((Str.isValidEmail(searchValue) && !Str.isDomainEmail(searchValue) && !Str.endsWith(searchValue, CONST.SMS.DOMAIN)) ||
             (parsedPhoneNumber.possible && Str.isValidPhone(LoginUtils.getPhoneNumberWithoutSpecialChars(parsedPhoneNumber.number.input)))) &&
         !_.find(loginOptionsToExclude, (loginOptionToExclude) => loginOptionToExclude.login === addSMSDomainIfPhoneNumber(searchValue).toLowerCase()) &&
-        (searchValue !== CONST.EMAIL.CHRONOS || Permissions.canUseChronos(betas))
+        (searchValue !== CONST.EMAIL.CHRONOS || Permissions.canUseChronos(betas)) &&
+        !disallowNewChats
     ) {
         // Generates an optimistic account ID for new users not yet saved in Onyx
         const optimisticAccountID = UserUtils.generateAccountID(searchValue);
@@ -966,17 +968,21 @@ function getNewChatOptions(reports, personalDetails, betas = [], searchValue = '
  *
  */
 
-function getShareDestinationOptions(reports, personalDetails, betas = [], searchValue = '', selectedOptions = [], excludeLogins = [], includeOwnedWorkspaceChats = true) {
+function getShareDestinationOptions(reports, personalDetails, betas = [], searchValue = '', selectedOptions = [], excludeLogins = [], includeOwnedWorkspaceChats = true, disallowNewChats = true) {
     return getOptions(reports, personalDetails, {
         betas,
         searchInputValue: searchValue.trim(),
         selectedOptions,
-        maxRecentReportsToShow: 5,
+        maxRecentReportsToShow: 0, // Unlimited
         includeRecentReports: true,
         includeMultipleParticipantReports: true,
-        includePersonalDetails: true,
+        includePersonalDetails: false,
+        includeThreads: true,
+        includeMoneyRequests: true,
+        includeTasks: true,
         excludeLogins,
         includeOwnedWorkspaceChats,
+        disallowNewChats,
     });
 }
 
diff --git a/src/pages/tasks/TaskShareDestinationSelectorModal.js b/src/pages/tasks/TaskShareDestinationSelectorModal.js
index 7a4250d8cbe9..b41937aa58b0 100644
--- a/src/pages/tasks/TaskShareDestinationSelectorModal.js
+++ b/src/pages/tasks/TaskShareDestinationSelectorModal.js
@@ -45,8 +45,6 @@ function TaskShareDestinationSelectorModal(props) {
     const [searchValue, setSearchValue] = useState('');
     const [headerMessage, setHeaderMessage] = useState('');
     const [filteredRecentReports, setFilteredRecentReports] = useState([]);
-    const [filteredPersonalDetails, setFilteredPersonalDetails] = useState([]);
-    const [filteredUserToInvite, setFilteredUserToInvite] = useState(null);
 
     const filteredReports = useMemo(() => {
         const reports = {};
@@ -59,7 +57,7 @@ function TaskShareDestinationSelectorModal(props) {
         return reports;
     }, [props.reports]);
     const updateOptions = useCallback(() => {
-        const {recentReports, personalDetails, userToInvite} = OptionsListUtils.getShareDestinationOptions(
+        const { recentReports } = OptionsListUtils.getShareDestinationOptions(
             filteredReports,
             props.personalDetails,
             props.betas,
@@ -69,11 +67,9 @@ function TaskShareDestinationSelectorModal(props) {
             true,
         );
 
-        setHeaderMessage(OptionsListUtils.getHeaderMessage(recentReports?.length + personalDetails?.length !== 0, Boolean(userToInvite), searchValue));
+        setHeaderMessage(OptionsListUtils.getHeaderMessage(recentReports?.length !== 0, false, searchValue));
 
-        setFilteredUserToInvite(userToInvite);
         setFilteredRecentReports(recentReports);
-        setFilteredPersonalDetails(personalDetails);
     }, [props, searchValue, filteredReports]);
 
     useEffect(() => {
@@ -101,23 +97,6 @@ function TaskShareDestinationSelectorModal(props) {
             indexOffset += filteredRecentReports?.length;
         }
 
-        if (filteredPersonalDetails?.length > 0) {
-            sections.push({
-                data: filteredPersonalDetails,
-                shouldShow: true,
-                indexOffset,
-            });
-            indexOffset += filteredRecentReports?.length;
-        }
-
-        if (filteredUserToInvite) {
-            sections.push({
-                data: [filteredUserToInvite],
-                shouldShow: true,
-                indexOffset,
-            });
-        }
-
         return sections;
     };
 

From 9f0e3aed0be4e986d10ab58108ae26055dbcb825 Mon Sep 17 00:00:00 2001
From: joh42 <138504087+joh42@users.noreply.github.com>
Date: Tue, 1 Aug 2023 16:39:12 +0200
Subject: [PATCH 081/137] fixed linting errors (early return and default prop)

---
 .../Contacts/ValidateCodeForm/BaseValidateCodeForm.js       | 6 ++++--
 .../TwoFactorAuthForm/BaseTwoFactorAuthForm.js              | 5 +++--
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/pages/settings/Profile/Contacts/ValidateCodeForm/BaseValidateCodeForm.js b/src/pages/settings/Profile/Contacts/ValidateCodeForm/BaseValidateCodeForm.js
index 5852ed6f564b..a149e4995972 100644
--- a/src/pages/settings/Profile/Contacts/ValidateCodeForm/BaseValidateCodeForm.js
+++ b/src/pages/settings/Profile/Contacts/ValidateCodeForm/BaseValidateCodeForm.js
@@ -67,6 +67,7 @@ const propTypes = {
 
 const defaultProps = {
     account: {},
+    innerRef: () => {},
 };
 
 function BaseValidateCodeForm(props) {
@@ -78,9 +79,10 @@ function BaseValidateCodeForm(props) {
 
     useImperativeHandle(props.innerRef, () => ({
         focus() {
-            if (inputValidateCodeRef.current && inputValidateCodeRef.current.focus) {
-                inputValidateCodeRef.current.focus();
+            if (!(inputValidateCodeRef.current && inputValidateCodeRef.current.focus)) {
+                return;
             }
+            inputValidateCodeRef.current.focus();
         },
     }));
 
diff --git a/src/pages/settings/Security/TwoFactorAuth/TwoFactorAuthForm/BaseTwoFactorAuthForm.js b/src/pages/settings/Security/TwoFactorAuth/TwoFactorAuthForm/BaseTwoFactorAuthForm.js
index 697ce5c27e30..870194953c1e 100644
--- a/src/pages/settings/Security/TwoFactorAuth/TwoFactorAuthForm/BaseTwoFactorAuthForm.js
+++ b/src/pages/settings/Security/TwoFactorAuth/TwoFactorAuthForm/BaseTwoFactorAuthForm.js
@@ -76,9 +76,10 @@ function BaseTwoFactorAuthForm(props) {
             validateAndSubmitForm();
         },
         focus() {
-            if (inputRef.current && inputRef.current.focus) {
-                inputRef.current.focus();
+            if (!(inputRef.current && inputRef.current.focus)) {
+                return;
             }
+            inputRef.current.focus();
         },
     }));
 

From e10aceca0f67454a19dac20c0a11417a5c2915eb Mon Sep 17 00:00:00 2001
From: joh42 <138504087+joh42@users.noreply.github.com>
Date: Tue, 1 Aug 2023 16:44:40 +0200
Subject: [PATCH 082/137] fixed prettier diff

---
 .../settings/Profile/Contacts/ContactMethodDetailsPage.js     | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/pages/settings/Profile/Contacts/ContactMethodDetailsPage.js b/src/pages/settings/Profile/Contacts/ContactMethodDetailsPage.js
index 3cb2375483f6..7b2cf85ef141 100644
--- a/src/pages/settings/Profile/Contacts/ContactMethodDetailsPage.js
+++ b/src/pages/settings/Profile/Contacts/ContactMethodDetailsPage.js
@@ -219,9 +219,7 @@ class ContactMethodDetailsPage extends Component {
         const isFailedAddContactMethod = Boolean(lodashGet(loginData, 'errorFields.addedLogin'));
 
         return (
-            <ScreenWrapper
-                onEntryTransitionEnd={() => this.validateCodeFormRef.current && this.validateCodeFormRef.current.focus()}
-            >
+            <ScreenWrapper onEntryTransitionEnd={() => this.validateCodeFormRef.current && this.validateCodeFormRef.current.focus()}>
                 <HeaderWithBackButton
                     title={formattedContactMethod}
                     onBackButtonPress={() => Navigation.goBack(ROUTES.SETTINGS_CONTACT_METHODS)}

From 8c98c9a67e7c4cabe6e9f7616f95e3e5fab0fdad Mon Sep 17 00:00:00 2001
From: Thanos30 <thanos30fillidis@gmail.com>
Date: Tue, 1 Aug 2023 20:21:20 +0300
Subject: [PATCH 083/137] Apply options discussed in issue

---
 src/libs/OptionsListUtils.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/libs/OptionsListUtils.js b/src/libs/OptionsListUtils.js
index f6e3d0c44fce..c782405f014b 100644
--- a/src/libs/OptionsListUtils.js
+++ b/src/libs/OptionsListUtils.js
@@ -977,6 +977,9 @@ function getShareDestinationOptions(reports, personalDetails, betas = [], search
         includeRecentReports: true,
         includeMultipleParticipantReports: true,
         includePersonalDetails: false,
+        showChatPreviewLine: true,
+        sortByReportTypeInSearch: true,
+        forcePolicyNamePreview: true,
         includeThreads: true,
         includeMoneyRequests: true,
         includeTasks: true,

From b670ed5535d439a8b79fd413b1c4f75f3067db5c Mon Sep 17 00:00:00 2001
From: Thanos30 <thanos30fillidis@gmail.com>
Date: Tue, 1 Aug 2023 20:28:01 +0300
Subject: [PATCH 084/137] remove not needed parameter

---
 src/libs/OptionsListUtils.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/libs/OptionsListUtils.js b/src/libs/OptionsListUtils.js
index c782405f014b..d675c6fd05c5 100644
--- a/src/libs/OptionsListUtils.js
+++ b/src/libs/OptionsListUtils.js
@@ -978,7 +978,6 @@ function getShareDestinationOptions(reports, personalDetails, betas = [], search
         includeMultipleParticipantReports: true,
         includePersonalDetails: false,
         showChatPreviewLine: true,
-        sortByReportTypeInSearch: true,
         forcePolicyNamePreview: true,
         includeThreads: true,
         includeMoneyRequests: true,

From 0fd3a741b492b5adf6cf0debabe16cdf69ef6ed8 Mon Sep 17 00:00:00 2001
From: charan h s <charanengg08@gmail.com>
Date: Tue, 1 Aug 2023 23:26:42 +0530
Subject: [PATCH 085/137] props.translate to translate(useLocalize)

---
 src/components/AttachmentModal.js | 35 +++++++++++++++----------------
 1 file changed, 17 insertions(+), 18 deletions(-)

diff --git a/src/components/AttachmentModal.js b/src/components/AttachmentModal.js
index 0b4ef368cdee..b798e90b8790 100755
--- a/src/components/AttachmentModal.js
+++ b/src/components/AttachmentModal.js
@@ -7,6 +7,7 @@ import lodashExtend from 'lodash/extend';
 import _ from 'underscore';
 import CONST from '../CONST';
 import Modal from './Modal';
+import useLocalize from '../hooks/useLocalize';
 import AttachmentView from './AttachmentView';
 import AttachmentCarousel from './AttachmentCarousel';
 import styles from '../styles/styles';
@@ -105,6 +106,7 @@ function AttachmentModal(props) {
               }
             : undefined,
     );
+    const {translate} = useLocalize();
 
     const onCarouselAttachmentChange = props.onCarouselAttachmentChange;
 
@@ -130,11 +132,10 @@ function AttachmentModal(props) {
      */
     const getModalType = useCallback(
         (sourceURL, _file) =>
-            sourceURL && (Str.isPDF(sourceURL) || (_file && Str.isPDF(_file.name || props.translate('attachmentView.unknownFilename'))))
+            sourceURL && (Str.isPDF(sourceURL) || (_file && Str.isPDF(_file.name || translate('attachmentView.unknownFilename'))))
                 ? CONST.MODAL.MODAL_TYPE.CENTERED_UNSWIPEABLE
                 : CONST.MODAL.MODAL_TYPE.CENTERED,
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-        [props.translate],
+        [translate],
     );
     /**
      * Download the currently viewed attachment.
@@ -184,31 +185,30 @@ function AttachmentModal(props) {
         (_file) => {
             const {fileExtension} = FileUtils.splitExtensionFromFileName(lodashGet(_file, 'name', ''));
             if (_.contains(CONST.API_ATTACHMENT_VALIDATIONS.UNALLOWED_EXTENSIONS, fileExtension.toLowerCase())) {
-                const invalidReason = props.translate('attachmentPicker.notAllowedExtension');
+                const invalidReason = translate('attachmentPicker.notAllowedExtension');
                 setIsAttachmentInvalid(true);
-                setAttachmentInvalidReasonTitle(props.translate('attachmentPicker.wrongFileType'));
+                setAttachmentInvalidReasonTitle(translate('attachmentPicker.wrongFileType'));
                 setAttachmentInvalidReason(invalidReason);
                 return false;
             }
 
             if (lodashGet(_file, 'size', 0) > CONST.API_ATTACHMENT_VALIDATIONS.MAX_SIZE) {
                 setIsAttachmentInvalid(true);
-                setAttachmentInvalidReasonTitle(props.translate('attachmentPicker.attachmentTooLarge'));
-                setAttachmentInvalidReason(props.translate('attachmentPicker.sizeExceeded'));
+                setAttachmentInvalidReasonTitle(translate('attachmentPicker.attachmentTooLarge'));
+                setAttachmentInvalidReason(translate('attachmentPicker.sizeExceeded'));
                 return false;
             }
 
             if (lodashGet(_file, 'size', 0) < CONST.API_ATTACHMENT_VALIDATIONS.MIN_SIZE) {
                 setIsAttachmentInvalid(true);
-                setAttachmentInvalidReasonTitle(props.translate('attachmentPicker.attachmentTooSmall'));
-                setAttachmentInvalidReason(props.translate('attachmentPicker.sizeNotMet'));
+                setAttachmentInvalidReasonTitle(translate('attachmentPicker.attachmentTooSmall'));
+                setAttachmentInvalidReason(translate('attachmentPicker.sizeNotMet'));
                 return false;
             }
 
             return true;
         },
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-        [props.translate],
+        [translate],
     );
     /**
      * @param {Object} _data
@@ -218,14 +218,13 @@ function AttachmentModal(props) {
         (_data) => {
             if (typeof _data.webkitGetAsEntry === 'function' && _data.webkitGetAsEntry().isDirectory) {
                 setIsAttachmentInvalid(true);
-                setAttachmentInvalidReasonTitle(props.translate('attachmentPicker.attachmentError'));
-                setAttachmentInvalidReason(props.translate('attachmentPicker.folderNotAllowedMessage'));
+                setAttachmentInvalidReasonTitle(translate('attachmentPicker.attachmentError'));
+                setAttachmentInvalidReason(translate('attachmentPicker.folderNotAllowedMessage'));
                 return false;
             }
             return true;
         },
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-        [props.translate],
+        [translate],
     );
     /**
      * @param {Object} _data
@@ -331,7 +330,7 @@ function AttachmentModal(props) {
             >
                 {props.isSmallScreenWidth && <HeaderGap />}
                 <HeaderWithBackButton
-                    title={props.headerTitle || props.translate('common.attachment')}
+                    title={props.headerTitle || translate('common.attachment')}
                     shouldShowBorderBottom
                     shouldShowDownloadButton={props.allowDownload}
                     onDownloadButtonPress={() => downloadAttachment(source)}
@@ -370,7 +369,7 @@ function AttachmentModal(props) {
                                     success
                                     style={[styles.buttonConfirm, props.isSmallScreenWidth ? {} : styles.attachmentButtonBigScreen]}
                                     textStyles={[styles.buttonConfirmText]}
-                                    text={props.translate('common.send')}
+                                    text={translate('common.send')}
                                     onPress={submitAndClose}
                                     disabled={isConfirmButtonDisabled}
                                     pressOnEnter
@@ -387,7 +386,7 @@ function AttachmentModal(props) {
                 onCancel={closeConfirmModal}
                 isVisible={isAttachmentInvalid}
                 prompt={attachmentInvalidReason}
-                confirmText={props.translate('common.close')}
+                confirmText={translate('common.close')}
                 shouldShowCancelButton={false}
             />
 

From c3591e5dc6435bcc6fd9f288c3435c4f9f4a2995 Mon Sep 17 00:00:00 2001
From: Thanos30 <thanos30fillidis@gmail.com>
Date: Tue, 1 Aug 2023 21:36:47 +0300
Subject: [PATCH 086/137] Update test to match new functionality

---
 tests/unit/OptionsListUtilsTest.js | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/tests/unit/OptionsListUtilsTest.js b/tests/unit/OptionsListUtilsTest.js
index 76ac7990d133..bfafd7f99e19 100644
--- a/tests/unit/OptionsListUtilsTest.js
+++ b/tests/unit/OptionsListUtilsTest.js
@@ -570,9 +570,8 @@ describe('OptionsListUtils', () => {
         // When we pass an empty search value
         let results = OptionsListUtils.getShareDestinationOptions(REPORTS, PERSONAL_DETAILS, [], '');
 
-        // Then we should expect 5 recent reports to show because we're grabbing DM chats and group chats
-        // because we've limited the number of recent reports to 5
-        expect(results.recentReports.length).toBe(5);
+        // Then we should expect all the recent reports to show
+        expect(results.recentReports.length).toBe(_.size(REPORTS));
 
         // When we pass a search value that doesn't match the group chat name
         results = OptionsListUtils.getShareDestinationOptions(REPORTS, PERSONAL_DETAILS, [], 'mutants');
@@ -590,8 +589,8 @@ describe('OptionsListUtils', () => {
         results = OptionsListUtils.getShareDestinationOptions(REPORTS_WITH_WORKSPACE_ROOMS, PERSONAL_DETAILS, [], '');
 
         // Then we should expect the DMS, the group chats and the workspace room to show
-        // We should expect 5 recent reports to show because we've limited the number of recent reports to 5
-        expect(results.recentReports.length).toBe(5);
+        // We should expect all the recent reports to show
+        expect(results.recentReports.length).toBe(_.size(REPORTS_WITH_WORKSPACE_ROOMS));
 
         // When we search for a workspace room
         results = OptionsListUtils.getShareDestinationOptions(REPORTS_WITH_WORKSPACE_ROOMS, PERSONAL_DETAILS, [], 'Avengers Room');

From 603b30535d2f749676a97ce745e83cf44d0cd331 Mon Sep 17 00:00:00 2001
From: Thanos30 <thanos30fillidis@gmail.com>
Date: Tue, 1 Aug 2023 21:48:09 +0300
Subject: [PATCH 087/137] prettify code and correct test to exclude archived
 rooms

---
 src/libs/OptionsListUtils.js                         | 11 ++++++++++-
 src/pages/tasks/TaskShareDestinationSelectorModal.js | 10 +---------
 tests/unit/OptionsListUtilsTest.js                   |  4 ++--
 3 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/libs/OptionsListUtils.js b/src/libs/OptionsListUtils.js
index d675c6fd05c5..3f908697b16f 100644
--- a/src/libs/OptionsListUtils.js
+++ b/src/libs/OptionsListUtils.js
@@ -968,7 +968,16 @@ function getNewChatOptions(reports, personalDetails, betas = [], searchValue = '
  *
  */
 
-function getShareDestinationOptions(reports, personalDetails, betas = [], searchValue = '', selectedOptions = [], excludeLogins = [], includeOwnedWorkspaceChats = true, disallowNewChats = true) {
+function getShareDestinationOptions(
+    reports,
+    personalDetails,
+    betas = [],
+    searchValue = '',
+    selectedOptions = [],
+    excludeLogins = [],
+    includeOwnedWorkspaceChats = true,
+    disallowNewChats = true,
+) {
     return getOptions(reports, personalDetails, {
         betas,
         searchInputValue: searchValue.trim(),
diff --git a/src/pages/tasks/TaskShareDestinationSelectorModal.js b/src/pages/tasks/TaskShareDestinationSelectorModal.js
index b41937aa58b0..c9235551b6a7 100644
--- a/src/pages/tasks/TaskShareDestinationSelectorModal.js
+++ b/src/pages/tasks/TaskShareDestinationSelectorModal.js
@@ -57,15 +57,7 @@ function TaskShareDestinationSelectorModal(props) {
         return reports;
     }, [props.reports]);
     const updateOptions = useCallback(() => {
-        const { recentReports } = OptionsListUtils.getShareDestinationOptions(
-            filteredReports,
-            props.personalDetails,
-            props.betas,
-            searchValue.trim(),
-            [],
-            CONST.EXPENSIFY_EMAILS,
-            true,
-        );
+        const {recentReports} = OptionsListUtils.getShareDestinationOptions(filteredReports, props.personalDetails, props.betas, searchValue.trim(), [], CONST.EXPENSIFY_EMAILS, true);
 
         setHeaderMessage(OptionsListUtils.getHeaderMessage(recentReports?.length !== 0, false, searchValue));
 
diff --git a/tests/unit/OptionsListUtilsTest.js b/tests/unit/OptionsListUtilsTest.js
index bfafd7f99e19..9fa5f444189c 100644
--- a/tests/unit/OptionsListUtilsTest.js
+++ b/tests/unit/OptionsListUtilsTest.js
@@ -570,8 +570,8 @@ describe('OptionsListUtils', () => {
         // When we pass an empty search value
         let results = OptionsListUtils.getShareDestinationOptions(REPORTS, PERSONAL_DETAILS, [], '');
 
-        // Then we should expect all the recent reports to show
-        expect(results.recentReports.length).toBe(_.size(REPORTS));
+        // Then we should expect all the recent reports to show but exclude the archived rooms
+        expect(results.recentReports.length).toBe(_.size(REPORTS) - 1);
 
         // When we pass a search value that doesn't match the group chat name
         results = OptionsListUtils.getShareDestinationOptions(REPORTS, PERSONAL_DETAILS, [], 'mutants');

From 3dd530145861efc8c570cf9b07c3ab17f3c6d047 Mon Sep 17 00:00:00 2001
From: Thanos30 <thanos30fillidis@gmail.com>
Date: Tue, 1 Aug 2023 21:52:34 +0300
Subject: [PATCH 088/137] add fic on workspace reports

---
 tests/unit/OptionsListUtilsTest.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/tests/unit/OptionsListUtilsTest.js b/tests/unit/OptionsListUtilsTest.js
index 9fa5f444189c..1c176bdb1ce4 100644
--- a/tests/unit/OptionsListUtilsTest.js
+++ b/tests/unit/OptionsListUtilsTest.js
@@ -589,8 +589,8 @@ describe('OptionsListUtils', () => {
         results = OptionsListUtils.getShareDestinationOptions(REPORTS_WITH_WORKSPACE_ROOMS, PERSONAL_DETAILS, [], '');
 
         // Then we should expect the DMS, the group chats and the workspace room to show
-        // We should expect all the recent reports to show
-        expect(results.recentReports.length).toBe(_.size(REPORTS_WITH_WORKSPACE_ROOMS));
+        // We should expect all the recent reports to show, excluding the archived rooms
+        expect(results.recentReports.length).toBe(_.size(REPORTS_WITH_WORKSPACE_ROOMS) - 1);
 
         // When we search for a workspace room
         results = OptionsListUtils.getShareDestinationOptions(REPORTS_WITH_WORKSPACE_ROOMS, PERSONAL_DETAILS, [], 'Avengers Room');

From b0a551c9031ac5a0bcd198fcd77f95537fd45926 Mon Sep 17 00:00:00 2001
From: Mikhail Karkachov <mikhail.karkachov@gmail.com>
Date: Tue, 1 Aug 2023 21:03:53 +0200
Subject: [PATCH 089/137] Fixed MentionSuggestions position, removed gap under
 report list with hidden composer

---
 src/pages/home/report/ReportActionCompose.js | 1 -
 src/pages/home/report/ReportActionsList.js   | 7 ++++++-
 src/pages/home/report/ReportFooter.js        | 2 +-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/pages/home/report/ReportActionCompose.js b/src/pages/home/report/ReportActionCompose.js
index d7e75d7cd4ea..644a90216091 100644
--- a/src/pages/home/report/ReportActionCompose.js
+++ b/src/pages/home/report/ReportActionCompose.js
@@ -1026,7 +1026,6 @@ class ReportActionCompose extends React.Component {
                             styles.chatItemComposeBox,
                             this.props.isComposerFullSize && styles.chatItemFullComposeBox,
                             hasExceededMaxCommentLength && styles.borderColorDanger,
-                            !shouldShowReportRecipientLocalTime && styles.mt4,
                         ]}
                     >
                         <AttachmentModal
diff --git a/src/pages/home/report/ReportActionsList.js b/src/pages/home/report/ReportActionsList.js
index 693ba7f871bc..8022911bf209 100644
--- a/src/pages/home/report/ReportActionsList.js
+++ b/src/pages/home/report/ReportActionsList.js
@@ -2,6 +2,7 @@ import PropTypes from 'prop-types';
 import React, {useCallback, useEffect, useState} from 'react';
 import Animated, {useSharedValue, useAnimatedStyle, withTiming} from 'react-native-reanimated';
 import _ from 'underscore';
+import lodashGet from 'lodash/get';
 import InvertedFlatList from '../../../components/InvertedFlatList';
 import compose from '../../../libs/compose';
 import styles from '../../../styles/styles';
@@ -157,9 +158,13 @@ function ReportActionsList(props) {
     // Native mobile does not render updates flatlist the changes even though component did update called.
     // To notify there something changes we can use extraData prop to flatlist
     const extraData = [props.isSmallScreenWidth ? props.newMarkerReportActionID : undefined, ReportUtils.isArchivedRoom(props.report)];
+    const errors = lodashGet(props.report, 'errorFields.addWorkspaceRoom') || lodashGet(props.report, 'errorFields.createChat');
+    const hideComposer = ReportUtils.shouldHideComposer(props.report, errors);
+    const shouldShowReportRecipientLocalTime =
+        ReportUtils.canShowReportRecipientLocalTime(props.personalDetails, props.report, props.currentUserPersonalDetails.accountID) && !props.isComposerFullSize;
 
     return (
-        <Animated.View style={[animatedStyles, styles.flex1]}>
+        <Animated.View style={[animatedStyles, styles.flex1, !shouldShowReportRecipientLocalTime && !hideComposer && styles.pb4]}>
             <InvertedFlatList
                 accessibilityLabel={props.translate('sidebarScreen.listOfChatMessages')}
                 ref={reportScrollManager.ref}
diff --git a/src/pages/home/report/ReportFooter.js b/src/pages/home/report/ReportFooter.js
index a9e953723f4c..3c8bd928589b 100644
--- a/src/pages/home/report/ReportFooter.js
+++ b/src/pages/home/report/ReportFooter.js
@@ -68,7 +68,7 @@ function ReportFooter(props) {
     return (
         <>
             {hideComposer && (
-                <View style={[styles.chatFooter, styles.pt4, props.isSmallScreenWidth ? styles.mb5 : null]}>
+                <View style={[styles.chatFooter, isArchivedRoom || isAnonymousUser ? styles.pt5 : {}, props.isSmallScreenWidth ? styles.mb5 : null]}>
                     {isAnonymousUser && !isArchivedRoom && (
                         <AnonymousReportFooter
                             report={props.report}

From 448813c809ad477a3cdaeebfc363fb5a4d1283a7 Mon Sep 17 00:00:00 2001
From: Carlos Martins <cmartins@expensify.com>
Date: Tue, 1 Aug 2023 14:34:30 -0600
Subject: [PATCH 090/137] create readFileAsync

---
 src/libs/fileDownload/FileUtils.js | 29 ++++++++++++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

diff --git a/src/libs/fileDownload/FileUtils.js b/src/libs/fileDownload/FileUtils.js
index 81dcfa933660..f953544f651d 100644
--- a/src/libs/fileDownload/FileUtils.js
+++ b/src/libs/fileDownload/FileUtils.js
@@ -118,4 +118,31 @@ function cleanFileName(fileName) {
     return fileName.replace(/[^a-zA-Z0-9\-._]/g, '_');
 }
 
-export {showGeneralErrorAlert, showSuccessAlert, showPermissionErrorAlert, splitExtensionFromFileName, getAttachmentName, getFileType, cleanFileName};
+/**
+ * Returns the filename replacing special characters with underscore
+ *
+ * @param {String} path - the blob url of the locally uplodaded file
+ * @param {String} fileName
+ * @returns {Promise}
+ */
+const readFileAsync = (path, fileName) => 
+    new Promise((resolve) => {
+        if (!path) {
+            resolve();
+        }
+
+        return fetch(path)
+            .then(res => {
+                if (!res.ok) {
+                    throw Error(res.statusText);
+                }
+                return res.blob();
+            })
+            .then(blob => resolve(new File([blob], cleanFileName(fileName) || 'file')))
+            .catch((e) => {
+                console.debug('[FileUtils] Could not read uploaded file', e);
+                resolve();
+            })
+    })
+
+export {showGeneralErrorAlert, showSuccessAlert, showPermissionErrorAlert, splitExtensionFromFileName, getAttachmentName, getFileType, cleanFileName, readFileAsync};

From 43922f76ed91737c354ac940b295f2a8440e3700 Mon Sep 17 00:00:00 2001
From: Carlos Martins <cmartins@expensify.com>
Date: Tue, 1 Aug 2023 14:35:16 -0600
Subject: [PATCH 091/137] update comment

---
 src/libs/fileDownload/FileUtils.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/libs/fileDownload/FileUtils.js b/src/libs/fileDownload/FileUtils.js
index f953544f651d..7206fa0ec94b 100644
--- a/src/libs/fileDownload/FileUtils.js
+++ b/src/libs/fileDownload/FileUtils.js
@@ -119,7 +119,7 @@ function cleanFileName(fileName) {
 }
 
 /**
- * Returns the filename replacing special characters with underscore
+ * Reads a locally uploaded file
  *
  * @param {String} path - the blob url of the locally uplodaded file
  * @param {String} fileName

From 551af16532fdc91d13181b34dad33b7abbd05aca Mon Sep 17 00:00:00 2001
From: Carlos Martins <cmartins@expensify.com>
Date: Tue, 1 Aug 2023 14:40:41 -0600
Subject: [PATCH 092/137] read uploaded receipt

---
 .../iou/steps/MoneyRequestConfirmPage.js      | 25 +++++++++++--------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/pages/iou/steps/MoneyRequestConfirmPage.js b/src/pages/iou/steps/MoneyRequestConfirmPage.js
index 4816a395780a..9f5151ae280d 100644
--- a/src/pages/iou/steps/MoneyRequestConfirmPage.js
+++ b/src/pages/iou/steps/MoneyRequestConfirmPage.js
@@ -20,6 +20,7 @@ import ONYXKEYS from '../../../ONYXKEYS';
 import withCurrentUserPersonalDetails, {withCurrentUserPersonalDetailsDefaultProps, withCurrentUserPersonalDetailsPropTypes} from '../../../components/withCurrentUserPersonalDetails';
 import reportPropTypes from '../../reportPropTypes';
 import personalDetailsPropType from '../../personalDetailsPropType';
+import * as FileUtils from '../../../libs/fileDownload/FileUtils';
 
 const propTypes = {
     report: reportPropTypes,
@@ -140,17 +141,21 @@ function MoneyRequestConfirmPage(props) {
                 return;
             }
 
-            IOU.requestMoney(
-                props.report,
-                props.iou.amount,
-                props.iou.currency,
-                props.currentUserPersonalDetails.login,
-                props.currentUserPersonalDetails.accountID,
-                selectedParticipants[0],
-                trimmedComment,
-            );
+            FileUtils.readFileAsync(props.iou.receiptPath, props.iou.receiptSource)
+                .then(receipt => {
+                    IOU.requestMoney(
+                        props.report,
+                        props.iou.amount,
+                        props.iou.currency,
+                        props.currentUserPersonalDetails.login,
+                        props.currentUserPersonalDetails.accountID,
+                        selectedParticipants[0],
+                        trimmedComment,
+                        receipt,
+                    );
+                })
         },
-        [props.iou.amount, props.iou.comment, props.currentUserPersonalDetails.login, props.currentUserPersonalDetails.accountID, props.iou.currency, props.report],
+        [props.iou.amount, props.iou.comment, props.currentUserPersonalDetails.login, props.currentUserPersonalDetails.accountID, props.iou.currency, props.report, props.iou.receiptPath, props.iou.receiptSource],
     );
 
     /**

From bbeb8cc5410e3782b80bc15ba5555e5f7d1472c7 Mon Sep 17 00:00:00 2001
From: Carlos Martins <cmartins@expensify.com>
Date: Tue, 1 Aug 2023 14:56:30 -0600
Subject: [PATCH 093/137] fix style

---
 src/libs/fileDownload/FileUtils.js            | 10 +++---
 .../iou/steps/MoneyRequestConfirmPage.js      | 36 +++++++++++--------
 2 files changed, 27 insertions(+), 19 deletions(-)

diff --git a/src/libs/fileDownload/FileUtils.js b/src/libs/fileDownload/FileUtils.js
index 26aa924045c9..ab9d6fae6760 100644
--- a/src/libs/fileDownload/FileUtils.js
+++ b/src/libs/fileDownload/FileUtils.js
@@ -138,24 +138,24 @@ function appendTimeToFileName(fileName) {
  * @param {String} fileName
  * @returns {Promise}
  */
-const readFileAsync = (path, fileName) => 
+const readFileAsync = (path, fileName) =>
     new Promise((resolve) => {
         if (!path) {
             resolve();
         }
 
         return fetch(path)
-            .then(res => {
+            .then((res) => {
                 if (!res.ok) {
                     throw Error(res.statusText);
                 }
                 return res.blob();
             })
-            .then(blob => resolve(new File([blob], cleanFileName(fileName) || 'file')))
+            .then((blob) => resolve(new File([blob], cleanFileName(fileName) || 'file')))
             .catch((e) => {
                 console.debug('[FileUtils] Could not read uploaded file', e);
                 resolve();
-            })
-    })
+            });
+    });
 
 export {showGeneralErrorAlert, showSuccessAlert, showPermissionErrorAlert, splitExtensionFromFileName, getAttachmentName, getFileType, cleanFileName, appendTimeToFileName, readFileAsync};
diff --git a/src/pages/iou/steps/MoneyRequestConfirmPage.js b/src/pages/iou/steps/MoneyRequestConfirmPage.js
index 9f5151ae280d..42f54687c514 100644
--- a/src/pages/iou/steps/MoneyRequestConfirmPage.js
+++ b/src/pages/iou/steps/MoneyRequestConfirmPage.js
@@ -141,21 +141,29 @@ function MoneyRequestConfirmPage(props) {
                 return;
             }
 
-            FileUtils.readFileAsync(props.iou.receiptPath, props.iou.receiptSource)
-                .then(receipt => {
-                    IOU.requestMoney(
-                        props.report,
-                        props.iou.amount,
-                        props.iou.currency,
-                        props.currentUserPersonalDetails.login,
-                        props.currentUserPersonalDetails.accountID,
-                        selectedParticipants[0],
-                        trimmedComment,
-                        receipt,
-                    );
-                })
+            FileUtils.readFileAsync(props.iou.receiptPath, props.iou.receiptSource).then((receipt) => {
+                IOU.requestMoney(
+                    props.report,
+                    props.iou.amount,
+                    props.iou.currency,
+                    props.currentUserPersonalDetails.login,
+                    props.currentUserPersonalDetails.accountID,
+                    selectedParticipants[0],
+                    trimmedComment,
+                    receipt,
+                );
+            });
         },
-        [props.iou.amount, props.iou.comment, props.currentUserPersonalDetails.login, props.currentUserPersonalDetails.accountID, props.iou.currency, props.report, props.iou.receiptPath, props.iou.receiptSource],
+        [
+            props.iou.amount,
+            props.iou.comment,
+            props.currentUserPersonalDetails.login,
+            props.currentUserPersonalDetails.accountID,
+            props.iou.currency,
+            props.report,
+            props.iou.receiptPath,
+            props.iou.receiptSource,
+        ],
     );
 
     /**

From 71a848187da25e733cf128c2f5a849a1f170ee62 Mon Sep 17 00:00:00 2001
From: Carlos Martins <cmartins@expensify.com>
Date: Tue, 1 Aug 2023 16:20:59 -0600
Subject: [PATCH 094/137] add path to file

---
 src/libs/actions/IOU.js            | 1 +
 src/libs/fileDownload/FileUtils.js | 6 +++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/libs/actions/IOU.js b/src/libs/actions/IOU.js
index 3dd249c8cb14..a77a6dd255bc 100644
--- a/src/libs/actions/IOU.js
+++ b/src/libs/actions/IOU.js
@@ -300,6 +300,7 @@ function buildOnyxDataForMoneyRequest(
  *
  */
 function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, participant, comment, receipt = undefined) {
+    console.log('over here', receipt)
     const payerEmail = OptionsListUtils.addSMSDomainIfPhoneNumber(participant.login);
     const payerAccountID = Number(participant.accountID);
     const isPolicyExpenseChat = participant.isPolicyExpenseChat;
diff --git a/src/libs/fileDownload/FileUtils.js b/src/libs/fileDownload/FileUtils.js
index ab9d6fae6760..4d714fff4f24 100644
--- a/src/libs/fileDownload/FileUtils.js
+++ b/src/libs/fileDownload/FileUtils.js
@@ -151,7 +151,11 @@ const readFileAsync = (path, fileName) =>
                 }
                 return res.blob();
             })
-            .then((blob) => resolve(new File([blob], cleanFileName(fileName) || 'file')))
+            .then((blob) => {
+                const file = new File([blob], cleanFileName(fileName));
+                file.source = path;
+                resolve(file);
+            })
             .catch((e) => {
                 console.debug('[FileUtils] Could not read uploaded file', e);
                 resolve();

From 0c5f0c26a6bc6e855a1ad86f3273901f690fef7c Mon Sep 17 00:00:00 2001
From: Carlos Martins <cmartins@expensify.com>
Date: Tue, 1 Aug 2023 16:29:17 -0600
Subject: [PATCH 095/137] pass receipt as correct param

---
 src/libs/actions/IOU.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/libs/actions/IOU.js b/src/libs/actions/IOU.js
index a77a6dd255bc..aa7d595473af 100644
--- a/src/libs/actions/IOU.js
+++ b/src/libs/actions/IOU.js
@@ -300,7 +300,6 @@ function buildOnyxDataForMoneyRequest(
  *
  */
 function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, participant, comment, receipt = undefined) {
-    console.log('over here', receipt)
     const payerEmail = OptionsListUtils.addSMSDomainIfPhoneNumber(participant.login);
     const payerAccountID = Number(participant.accountID);
     const isPolicyExpenseChat = participant.isPolicyExpenseChat;
@@ -350,7 +349,7 @@ function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, part
         receiptObject.source = receipt.source;
         receiptObject.state = CONST.IOU.RECEIPT_STATE.SCANREADY;
     }
-    const optimisticTransaction = TransactionUtils.buildOptimisticTransaction(amount, currency, iouReport.reportID, comment, receiptObject);
+    const optimisticTransaction = TransactionUtils.buildOptimisticTransaction(amount, currency, iouReport.reportID, comment, '', '', '', receiptObject);
 
     // STEP 4: Build optimistic reportActions. We need:
     // 1. CREATED action for the chatReport

From 576c4de48d5ab853c521250a2d76ee0adb45f36e Mon Sep 17 00:00:00 2001
From: Carlos Martins <cmartins@expensify.com>
Date: Tue, 1 Aug 2023 17:22:58 -0600
Subject: [PATCH 096/137] fix tests

---
 src/libs/actions/IOU.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/libs/actions/IOU.js b/src/libs/actions/IOU.js
index aa7d595473af..55a16154d914 100644
--- a/src/libs/actions/IOU.js
+++ b/src/libs/actions/IOU.js
@@ -349,7 +349,7 @@ function requestMoney(report, amount, currency, payeeEmail, payeeAccountID, part
         receiptObject.source = receipt.source;
         receiptObject.state = CONST.IOU.RECEIPT_STATE.SCANREADY;
     }
-    const optimisticTransaction = TransactionUtils.buildOptimisticTransaction(amount, currency, iouReport.reportID, comment, '', '', '', receiptObject);
+    const optimisticTransaction = TransactionUtils.buildOptimisticTransaction(amount, currency, iouReport.reportID, comment, '', '', undefined, receiptObject);
 
     // STEP 4: Build optimistic reportActions. We need:
     // 1. CREATED action for the chatReport

From b1abd9689d72af43847af74c1da47bca410fdcc5 Mon Sep 17 00:00:00 2001
From: Nikhil Vats <nikvats5499@gmail.com>
Date: Wed, 2 Aug 2023 15:34:31 +0530
Subject: [PATCH 097/137] Fix link preview size

---
 src/pages/home/report/LinkPreviewer.js | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/pages/home/report/LinkPreviewer.js b/src/pages/home/report/LinkPreviewer.js
index ca5614fe2208..720b0cfa5c56 100644
--- a/src/pages/home/report/LinkPreviewer.js
+++ b/src/pages/home/report/LinkPreviewer.js
@@ -12,8 +12,9 @@ import variables from '../../../styles/variables';
 import colors from '../../../styles/colors';
 
 const IMAGE_TYPES = ['jpg', 'jpeg', 'png'];
-const MAX_IMAGE_SIZE = 350;
-const SMALL_SCREEN_MAX_IMAGE_SIZE = 180;
+const LARGE_SCREEN_MAX_IMAGE_SIZE = 240; // used for both width and height on large screens
+const SMALL_SCREEN_MAX_IMAGE_HEIGHT = 180;
+const SMALL_SCREEN_MAX_IMAGE_WIDTH = 340;
 
 const propTypes = {
     /** Data about links provided in message. */
@@ -67,12 +68,15 @@ const defaultProps = {
 };
 
 function LinkPreviewer(props) {
-    const {windowHeight} = useWindowDimensions();
-    const [maxImageSize, setMaxImageSize] = useState(MAX_IMAGE_SIZE);
+    const {isSmallScreenWidth} = useWindowDimensions();
+    const [maxImageSize, setMaxImageSize] = useState({height: LARGE_SCREEN_MAX_IMAGE_SIZE, width: LARGE_SCREEN_MAX_IMAGE_SIZE});
 
     useEffect(() => {
-        setMaxImageSize(windowHeight / 2 < MAX_IMAGE_SIZE ? SMALL_SCREEN_MAX_IMAGE_SIZE : MAX_IMAGE_SIZE);
-    }, [windowHeight]);
+        setMaxImageSize({
+            height: isSmallScreenWidth ? SMALL_SCREEN_MAX_IMAGE_HEIGHT : LARGE_SCREEN_MAX_IMAGE_SIZE,
+            width: isSmallScreenWidth ? SMALL_SCREEN_MAX_IMAGE_WIDTH : LARGE_SCREEN_MAX_IMAGE_SIZE,
+        });
+    }, [isSmallScreenWidth]);
 
     return _.map(
         _.take(uniqBy(props.linkMetadata, 'url'), props.maxAmountOfPreviews >= 0 ? Math.min(props.maxAmountOfPreviews, props.linkMetadata.length) : props.linkMetadata.length),
@@ -120,10 +124,10 @@ function LinkPreviewer(props) {
                                     styles.linkPreviewImage,
                                     {
                                         aspectRatio: image.width / image.height,
-                                        maxHeight: Math.min(image.height, maxImageSize),
+                                        maxHeight: Math.min(image.height, maxImageSize.height),
 
                                         // Calculate maximum width when image is too tall, so it doesn't move away from left
-                                        maxWidth: Math.min((Math.min(image.height, maxImageSize) / image.height) * image.width, maxImageSize),
+                                        maxWidth: Math.min((Math.min(image.height, maxImageSize.height) / image.height) * image.width, maxImageSize.width),
                                     },
                                 ]}
                                 resizeMode="contain"

From fca7a07c86f3ceb38721781becc49c6fb6fffe06 Mon Sep 17 00:00:00 2001
From: Mikhail Karkachov <mikhail.karkachov@gmail.com>
Date: Wed, 2 Aug 2023 15:13:15 +0200
Subject: [PATCH 098/137] Decreased ReportFooter top margin for archived room

---
 src/pages/home/report/ReportFooter.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/home/report/ReportFooter.js b/src/pages/home/report/ReportFooter.js
index 3c8bd928589b..b38fdc853733 100644
--- a/src/pages/home/report/ReportFooter.js
+++ b/src/pages/home/report/ReportFooter.js
@@ -68,7 +68,7 @@ function ReportFooter(props) {
     return (
         <>
             {hideComposer && (
-                <View style={[styles.chatFooter, isArchivedRoom || isAnonymousUser ? styles.pt5 : {}, props.isSmallScreenWidth ? styles.mb5 : null]}>
+                <View style={[styles.chatFooter, isArchivedRoom || isAnonymousUser ? styles.mt4 : {}, props.isSmallScreenWidth ? styles.mb5 : null]}>
                     {isAnonymousUser && !isArchivedRoom && (
                         <AnonymousReportFooter
                             report={props.report}

From 716230d8fcaa0eea09b64516f14b9f247085f547 Mon Sep 17 00:00:00 2001
From: Nikhil Vats <nikvats5499@gmail.com>
Date: Wed, 2 Aug 2023 19:43:46 +0530
Subject: [PATCH 099/137] Configure same size for desktop and mobile

---
 src/pages/home/report/LinkPreviewer.js | 22 +++++-----------------
 1 file changed, 5 insertions(+), 17 deletions(-)

diff --git a/src/pages/home/report/LinkPreviewer.js b/src/pages/home/report/LinkPreviewer.js
index 720b0cfa5c56..e8419a4d1c5d 100644
--- a/src/pages/home/report/LinkPreviewer.js
+++ b/src/pages/home/report/LinkPreviewer.js
@@ -1,9 +1,8 @@
-import React, {useState, useEffect} from 'react';
+import React from 'react';
 import {View, Image} from 'react-native';
 import PropTypes from 'prop-types';
 import _ from 'underscore';
 import {uniqBy} from 'lodash';
-import useWindowDimensions from '../../../hooks/useWindowDimensions';
 import Text from '../../../components/Text';
 import TextLink from '../../../components/TextLink';
 import * as StyleUtils from '../../../styles/StyleUtils';
@@ -12,9 +11,8 @@ import variables from '../../../styles/variables';
 import colors from '../../../styles/colors';
 
 const IMAGE_TYPES = ['jpg', 'jpeg', 'png'];
-const LARGE_SCREEN_MAX_IMAGE_SIZE = 240; // used for both width and height on large screens
-const SMALL_SCREEN_MAX_IMAGE_HEIGHT = 180;
-const SMALL_SCREEN_MAX_IMAGE_WIDTH = 340;
+const MAX_IMAGE_HEIGHT = 180;
+const MAX_IMAGE_WIDTH = 340;
 
 const propTypes = {
     /** Data about links provided in message. */
@@ -68,16 +66,6 @@ const defaultProps = {
 };
 
 function LinkPreviewer(props) {
-    const {isSmallScreenWidth} = useWindowDimensions();
-    const [maxImageSize, setMaxImageSize] = useState({height: LARGE_SCREEN_MAX_IMAGE_SIZE, width: LARGE_SCREEN_MAX_IMAGE_SIZE});
-
-    useEffect(() => {
-        setMaxImageSize({
-            height: isSmallScreenWidth ? SMALL_SCREEN_MAX_IMAGE_HEIGHT : LARGE_SCREEN_MAX_IMAGE_SIZE,
-            width: isSmallScreenWidth ? SMALL_SCREEN_MAX_IMAGE_WIDTH : LARGE_SCREEN_MAX_IMAGE_SIZE,
-        });
-    }, [isSmallScreenWidth]);
-
     return _.map(
         _.take(uniqBy(props.linkMetadata, 'url'), props.maxAmountOfPreviews >= 0 ? Math.min(props.maxAmountOfPreviews, props.linkMetadata.length) : props.linkMetadata.length),
         (linkData) => {
@@ -124,10 +112,10 @@ function LinkPreviewer(props) {
                                     styles.linkPreviewImage,
                                     {
                                         aspectRatio: image.width / image.height,
-                                        maxHeight: Math.min(image.height, maxImageSize.height),
+                                        maxHeight: Math.min(image.height, MAX_IMAGE_HEIGHT),
 
                                         // Calculate maximum width when image is too tall, so it doesn't move away from left
-                                        maxWidth: Math.min((Math.min(image.height, maxImageSize.height) / image.height) * image.width, maxImageSize.width),
+                                        maxWidth: Math.min((Math.min(image.height, MAX_IMAGE_HEIGHT) / image.height) * image.width, MAX_IMAGE_WIDTH),
                                     },
                                 ]}
                                 resizeMode="contain"

From 8b0d0e5d00942983ac147cbf756c779c61eb9106 Mon Sep 17 00:00:00 2001
From: Artem Makushov <waterim3009@gmail.com>
Date: Wed, 2 Aug 2023 17:57:59 +0200
Subject: [PATCH 100/137] refactored ValidationUtils to date-fns

---
 src/CONST.js                      |  1 +
 src/libs/ValidationUtils.js       | 49 ++++++++++++++++---------------
 tests/unit/ValidationUtilsTest.js | 24 +++++++--------
 3 files changed, 38 insertions(+), 36 deletions(-)

diff --git a/src/CONST.js b/src/CONST.js
index 06bc1873431f..03c6d45aa754 100755
--- a/src/CONST.js
+++ b/src/CONST.js
@@ -175,6 +175,7 @@ const CONST = {
     DATE: {
         MOMENT_FORMAT_STRING: 'YYYY-MM-DD',
         SQL_DATE_TIME: 'YYYY-MM-DD HH:mm:ss',
+        FNS_FORMAT_STRING: 'yyyy-MM-dd',
         UNIX_EPOCH: '1970-01-01 00:00:00.000',
         MAX_DATE: '9999-12-31',
         MIN_DATE: '0001-01-01',
diff --git a/src/libs/ValidationUtils.js b/src/libs/ValidationUtils.js
index 0cf1a2f51811..f27d717bd213 100644
--- a/src/libs/ValidationUtils.js
+++ b/src/libs/ValidationUtils.js
@@ -1,4 +1,4 @@
-import moment from 'moment';
+import {subYears, addYears, startOfDay, endOfMonth, isAfter, isBefore, isValid, isWithinInterval, isSameDay, format} from 'date-fns';
 import _ from 'underscore';
 import {URL_REGEX_WITH_REQUIRED_PROTOCOL} from 'expensify-common/lib/Url';
 import {parsePhoneNumber} from 'awesome-phonenumber';
@@ -53,10 +53,10 @@ function isValidDate(date) {
         return false;
     }
 
-    const pastDate = moment().subtract(1000, 'years');
-    const futureDate = moment().add(1000, 'years');
-    const testDate = moment(date);
-    return testDate.isValid() && testDate.isBetween(pastDate, futureDate);
+    const pastDate = subYears(new Date(), 1000);
+    const futureDate = addYears(new Date(), 1000);
+    const testDate = new Date(date);
+    return isValid(testDate) && isAfter(testDate, pastDate) && isBefore(testDate, futureDate);
 }
 
 /**
@@ -70,10 +70,10 @@ function isValidPastDate(date) {
         return false;
     }
 
-    const pastDate = moment().subtract(1000, 'years');
-    const currentDate = moment();
-    const testDate = moment(date).startOf('day');
-    return testDate.isValid() && testDate.isBetween(pastDate, currentDate);
+    const pastDate = subYears(new Date(), 1000);
+    const currentDate = new Date();
+    const testDate = startOfDay(new Date(date));
+    return isValid(testDate) && isAfter(testDate, pastDate) && isBefore(testDate, currentDate);
 }
 
 /**
@@ -112,7 +112,7 @@ function isValidExpirationDate(string) {
 
     // Use the last of the month to check if the expiration date is in the future or not
     const expirationDate = `${CardUtils.getYearFromExpirationDateString(string)}-${CardUtils.getMonthFromExpirationDateString(string)}-01`;
-    return moment(expirationDate).endOf('month').isAfter(moment());
+    return isAfter(new Date(expirationDate), endOfMonth(new Date()));
 }
 
 /**
@@ -188,9 +188,9 @@ function isValidPaypalUsername(paypalUsername) {
  * @returns {Boolean}
  */
 function meetsMinimumAgeRequirement(date) {
-    const testDate = moment(date);
-    const minDate = moment().subtract(CONST.DATE_BIRTH.MIN_AGE_FOR_PAYMENT, 'years');
-    return testDate.isValid() && testDate.isSameOrBefore(minDate, 'day');
+    const testDate = new Date(date);
+    const minDate = subYears(new Date(), CONST.DATE_BIRTH.MIN_AGE_FOR_PAYMENT);
+    return isValid(testDate) && (isSameDay(testDate, minDate) || isBefore(testDate, minDate));
 }
 
 /**
@@ -200,9 +200,9 @@ function meetsMinimumAgeRequirement(date) {
  * @returns {Boolean}
  */
 function meetsMaximumAgeRequirement(date) {
-    const testDate = moment(date);
-    const maxDate = moment().subtract(CONST.DATE_BIRTH.MAX_AGE, 'years');
-    return testDate.isValid() && testDate.isSameOrAfter(maxDate, 'day');
+    const testDate = new Date(date);
+    const maxDate = subYears(new Date(), CONST.DATE_BIRTH.MAX_AGE);
+    return isValid(testDate) && (isSameDay(testDate, maxDate) || isAfter(testDate, maxDate));
 }
 
 /**
@@ -214,19 +214,20 @@ function meetsMaximumAgeRequirement(date) {
  * @returns {String|Array}
  */
 function getAgeRequirementError(date, minimumAge, maximumAge) {
-    const recentDate = moment().startOf('day').subtract(minimumAge, 'years');
-    const longAgoDate = moment().startOf('day').subtract(maximumAge, 'years');
-    const testDate = moment(date);
-    if (!testDate.isValid()) {
+    const currentDate = startOfDay(new Date());
+    const recentDate = subYears(currentDate, minimumAge);
+    const longAgoDate = subYears(currentDate, maximumAge);
+    const testDate = new Date(date);
+    if (!isValid(testDate)) {
         return 'common.error.dateInvalid';
     }
-    if (testDate.isBetween(longAgoDate, recentDate, undefined, '[]')) {
+    if (isWithinInterval(testDate, {start: longAgoDate, end: recentDate})) {
         return '';
     }
-    if (testDate.isSameOrAfter(recentDate)) {
-        return ['privatePersonalDetails.error.dateShouldBeBefore', {dateString: recentDate.format(CONST.DATE.MOMENT_FORMAT_STRING)}];
+    if (isSameDay(testDate, recentDate) || isAfter(testDate, recentDate)) {
+        return ['privatePersonalDetails.error.dateShouldBeBefore', {dateString: format(recentDate, CONST.DATE.FNS_FORMAT_STRING)}];
     }
-    return ['privatePersonalDetails.error.dateShouldBeAfter', {dateString: longAgoDate.format(CONST.DATE.MOMENT_FORMAT_STRING)}];
+    return ['privatePersonalDetails.error.dateShouldBeAfter', {dateString: format(longAgoDate, CONST.DATE.FNS_FORMAT_STRING)}];
 }
 
 /**
diff --git a/tests/unit/ValidationUtilsTest.js b/tests/unit/ValidationUtilsTest.js
index abccdf59d711..003e0ab75afe 100644
--- a/tests/unit/ValidationUtilsTest.js
+++ b/tests/unit/ValidationUtilsTest.js
@@ -1,6 +1,6 @@
+import {addDays, format, subYears, startOfDay} from 'date-fns';
 import CONST from '../../src/CONST';
 
-const moment = require('moment');
 const ValidationUtils = require('../../src/libs/ValidationUtils');
 
 describe('ValidationUtils', () => {
@@ -50,7 +50,7 @@ describe('ValidationUtils', () => {
         });
 
         test('Should return false for a future date', () => {
-            const futureDate = moment().add(1, 'day').format(CONST.DATE.MOMENT_FORMAT_STRING);
+            const futureDate = format(addDays(new Date(), 1), CONST.DATE.FNS_FORMAT_STRING);
             const isValid = ValidationUtils.isValidPastDate(futureDate);
             expect(isValid).toBe(false);
         });
@@ -76,7 +76,7 @@ describe('ValidationUtils', () => {
         });
 
         test('Should return true for a valid date value', () => {
-            const dateValue = moment();
+            const dateValue = new Date();
             const isFulfilled = ValidationUtils.isRequiredFulfilled(dateValue);
             expect(isFulfilled).toBe(true);
         });
@@ -139,13 +139,13 @@ describe('ValidationUtils', () => {
 
     describe('meetsMinimumAgeRequirement', () => {
         test('Should return true for a date that meets the minimum age requirement', () => {
-            const validDate = moment().subtract(18, 'years').format(CONST.DATE.MOMENT_FORMAT_STRING); // Date of birth 18 years ago
+            const validDate = format(subYears(new Date(), 18), CONST.DATE.FNS_FORMAT_STRING); // Date of birth 18 years ago
             const meetsRequirement = ValidationUtils.meetsMinimumAgeRequirement(validDate);
             expect(meetsRequirement).toBe(true);
         });
 
         test('Should return false for a date that does not meet the minimum age requirement', () => {
-            const invalidDate = moment().subtract(17, 'years').format(CONST.DATE.MOMENT_FORMAT_STRING); // Date of birth 17 years ago
+            const invalidDate = format(subYears(new Date(), 17), CONST.DATE.FNS_FORMAT_STRING); // Date of birth 17 years ago
             const meetsRequirement = ValidationUtils.meetsMinimumAgeRequirement(invalidDate);
             expect(meetsRequirement).toBe(false);
         });
@@ -159,13 +159,13 @@ describe('ValidationUtils', () => {
 
     describe('meetsMaximumAgeRequirement', () => {
         test('Should return true for a date that meets the maximum age requirement', () => {
-            const validDate = moment().subtract(65, 'years').format(CONST.DATE.MOMENT_FORMAT_STRING); // Date of birth 65 years ago
+            const validDate = format(subYears(new Date(), 65), CONST.DATE.FNS_FORMAT_STRING); // Date of birth 65 years ago
             const meetsRequirement = ValidationUtils.meetsMaximumAgeRequirement(validDate);
             expect(meetsRequirement).toBe(true);
         });
 
         test('Should return false for a date that does not meet the maximum age requirement', () => {
-            const invalidDate = moment().subtract(151, 'years').format(CONST.DATE.MOMENT_FORMAT_STRING); // Date of birth 151 years ago
+            const invalidDate = format(subYears(new Date(), 151), CONST.DATE.FNS_FORMAT_STRING); // Date of birth 151 years ago
             const meetsRequirement = ValidationUtils.meetsMaximumAgeRequirement(invalidDate);
             expect(meetsRequirement).toBe(false);
         });
@@ -179,21 +179,21 @@ describe('ValidationUtils', () => {
 
     describe('getAgeRequirementError', () => {
         test('Should return an empty string for a date within the specified range', () => {
-            const validDate = moment().subtract(30, 'years').format(CONST.DATE.MOMENT_FORMAT_STRING); // Date of birth 30 years ago
+            const validDate = format(subYears(new Date(), 30), CONST.DATE.FNS_FORMAT_STRING); // Date of birth 30 years ago
             const error = ValidationUtils.getAgeRequirementError(validDate, 18, 150);
             expect(error).toBe('');
         });
 
         test('Should return an error message for a date before the minimum age requirement', () => {
-            const invalidDate = moment().subtract(17, 'years').format(CONST.DATE.MOMENT_FORMAT_STRING); // Date of birth 17 years ago
+            const invalidDate = format(subYears(new Date(), 17), CONST.DATE.FNS_FORMAT_STRING); // Date of birth 17 years ago
             const error = ValidationUtils.getAgeRequirementError(invalidDate, 18, 150);
-            expect(error).toEqual(['privatePersonalDetails.error.dateShouldBeBefore', {dateString: moment().subtract(18, 'years').startOf('day').format(CONST.DATE.MOMENT_FORMAT_STRING)}]);
+            expect(error).toEqual(['privatePersonalDetails.error.dateShouldBeBefore', {dateString: format(startOfDay(subYears(new Date(), 18)), CONST.DATE.FNS_FORMAT_STRING)}]);
         });
 
         test('Should return an error message for a date after the maximum age requirement', () => {
-            const invalidDate = moment().subtract(160, 'years').format(CONST.DATE.MOMENT_FORMAT_STRING); // Date of birth 160 years ago
+            const invalidDate = format(subYears(new Date(), 160), CONST.DATE.FNS_FORMAT_STRING); // Date of birth 160 years ago
             const error = ValidationUtils.getAgeRequirementError(invalidDate, 18, 150);
-            expect(error).toEqual(['privatePersonalDetails.error.dateShouldBeAfter', {dateString: moment().subtract(150, 'years').startOf('day').format(CONST.DATE.MOMENT_FORMAT_STRING)}]);
+            expect(error).toEqual(['privatePersonalDetails.error.dateShouldBeAfter', {dateString: format(startOfDay(subYears(new Date(), 150)), CONST.DATE.FNS_FORMAT_STRING)}]);
         });
 
         test('Should return an error message for an invalid date', () => {

From a30fa099e0481401b2d9d1fd789e911120415ed7 Mon Sep 17 00:00:00 2001
From: Blazej Kustra <blazej.kustra@swmansion.com>
Date: Wed, 2 Aug 2023 18:09:03 +0200
Subject: [PATCH 101/137] Migrate to functional component + sign with gpg

---
 src/components/FormSubmit/index.js | 48 ++++++++++++------------------
 1 file changed, 19 insertions(+), 29 deletions(-)

diff --git a/src/components/FormSubmit/index.js b/src/components/FormSubmit/index.js
index 4ee6edb12820..d0850766ce6f 100644
--- a/src/components/FormSubmit/index.js
+++ b/src/components/FormSubmit/index.js
@@ -5,20 +5,12 @@ import * as formSubmitPropTypes from './formSubmitPropTypes';
 import CONST from '../../CONST';
 import isEnterWhileComposition from '../../libs/KeyboardShortcut/isEnterWhileComposition';
 
-// This is a wrapper component to handle the ENTER key press, and submit the form.
-class FormSubmit extends React.Component {
-    constructor(props) {
-        super(props);
-
-        this.submitForm = this.submitForm.bind(this);
-    }
-
+function FormSubmit({innerRef, children, onSubmit, style}) {
     /**
      * Calls the submit callback when ENTER is pressed on a form element.
      * @param {Object} event
      */
-
-    submitForm(event) {
+    const submitForm = (event) => {
         // ENTER is pressed with modifier key or during text composition, do not submit the form
         if (event.shiftKey || event.key !== CONST.KEYBOARD_SHORTCUTS.ENTER.shortcutKey || isEnterWhileComposition(event)) {
             return;
@@ -28,36 +20,34 @@ class FormSubmit extends React.Component {
 
         // ENTER is pressed on INPUT or SELECT element, call the submit callback.
         if (tagName === 'INPUT' || tagName === 'SELECT') {
-            this.props.onSubmit();
+            onSubmit();
             return;
         }
 
         // Pressing Enter on TEXTAREA element adds a new line. When `dataset.submitOnEnter` prop is passed, call the submit callback.
         if (tagName === 'TEXTAREA' && lodashGet(event, 'target.dataset.submitOnEnter', 'false') === 'true') {
-            this.props.onSubmit();
+            onSubmit();
             return;
         }
 
         // ENTER is pressed on checkbox element, call the submit callback.
         if (lodashGet(event, 'target.role') === 'checkbox') {
-            this.props.onSubmit();
+            onSubmit();
         }
-    }
-
-    render() {
-        return (
-            // React-native-web prevents event bubbling on TextInput for key presses
-            // https://github.com/necolas/react-native-web/blob/fa47f80d34ee6cde2536b2a2241e326f84b633c4/packages/react-native-web/src/exports/TextInput/index.js#L272
-            // Thus use capture phase.
-            <View
-                ref={this.props.innerRef}
-                onKeyDownCapture={this.submitForm}
-                style={this.props.style}
-            >
-                {this.props.children}
-            </View>
-        );
-    }
+    };
+
+    return (
+        // React-native-web prevents event bubbling on TextInput for key presses
+        // https://github.com/necolas/react-native-web/blob/fa47f80d34ee6cde2536b2a2241e326f84b633c4/packages/react-native-web/src/exports/TextInput/index.js#L272
+        // Thus use capture phase.
+        <View
+            ref={innerRef}
+            onKeyDownCapture={submitForm}
+            style={style}
+        >
+            {children}
+        </View>
+    );
 }
 
 FormSubmit.propTypes = formSubmitPropTypes.propTypes;

From 320a4d829700f95f17c60c751a01c0769e355cd4 Mon Sep 17 00:00:00 2001
From: Huzaifa Rasheed <68777211+huzaifa-99@users.noreply.github.com>
Date: Wed, 2 Aug 2023 23:15:08 +0500
Subject: [PATCH 102/137] Migrated Textinput/index.js to functional component

---
 src/components/TextInput/index.js | 111 +++++++++++++++---------------
 1 file changed, 55 insertions(+), 56 deletions(-)

diff --git a/src/components/TextInput/index.js b/src/components/TextInput/index.js
index 672167819194..d8daf1d38327 100644
--- a/src/components/TextInput/index.js
+++ b/src/components/TextInput/index.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect, useRef } from 'react';
 import _ from 'underscore';
 import styles from '../../styles/styles';
 import * as styleConst from './styleConst';
@@ -7,72 +7,71 @@ import * as baseTextInputPropTypes from './baseTextInputPropTypes';
 import DomUtils from '../../libs/DomUtils';
 import Visibility from '../../libs/Visibility';
 
-class TextInput extends React.Component {
-    componentDidMount() {
-        if (this.props.disableKeyboard) {
-            this.textInput.setAttribute('inputmode', 'none');
-        }
+const TextInput = (props) => {
+  const textInputRef = useRef(null);
+  const removeVisibilityListenerRef = useRef(null);
 
-        if (this.props.name) {
-            this.textInput.setAttribute('name', this.props.name);
-        }
-
-        // Forcefully activate the soft keyboard when the user switches between tabs while input was focused.
-        this.removeVisibilityListener = Visibility.onVisibilityChange(() => {
-            if (!Visibility.isVisible() || !this.textInput || DomUtils.getActiveElement() !== this.textInput) {
-                return;
-            }
-            this.textInput.blur();
-            this.textInput.focus();
-        });
+  useEffect(() => {
+    if (props.disableKeyboard) {
+      textInputRef.current.setAttribute('inputmode', 'none');
     }
 
-    componentWillUnmount() {
-        if (!this.removeVisibilityListener) {
-            return;
-        }
-        this.removeVisibilityListener();
+    if (props.name) {
+      textInputRef.current.setAttribute('name', props.name);
     }
 
-    render() {
-        const isLabeledMultiline = Boolean(this.props.label.length) && this.props.multiline;
-        const labelAnimationStyle = {
-            '--active-label-translate-y': `${styleConst.ACTIVE_LABEL_TRANSLATE_Y}px`,
-            '--active-label-scale': `${styleConst.ACTIVE_LABEL_SCALE}`,
-            '--label-transition-duration': `${styleConst.LABEL_ANIMATION_DURATION}ms`,
-        };
+    removeVisibilityListenerRef.current = Visibility.onVisibilityChange(() => {
+      if (!Visibility.isVisible() || !textInputRef.current || DomUtils.getActiveElement() !== textInputRef.current) {
+        return;
+      }
+      textInputRef.current.blur();
+      textInputRef.current.focus();
+    });
 
-        return (
-            <BaseTextInput
-                // eslint-disable-next-line react/jsx-props-no-spreading
-                {...this.props}
-                innerRef={(el) => {
-                    this.textInput = el;
-                    if (!this.props.innerRef) {
-                        return;
-                    }
+    return () => {
+      if (removeVisibilityListenerRef.current) {
+        removeVisibilityListenerRef.current();
+      }
+    };
+  }, []);
 
-                    if (_.isFunction(this.props.innerRef)) {
-                        this.props.innerRef(el);
-                        return;
-                    }
+  const isLabeledMultiline = Boolean(props.label.length) && props.multiline;
+  const labelAnimationStyle = {
+    '--active-label-translate-y': `${styleConst.ACTIVE_LABEL_TRANSLATE_Y}px`,
+    '--active-label-scale': `${styleConst.ACTIVE_LABEL_SCALE}`,
+    '--label-transition-duration': `${styleConst.LABEL_ANIMATION_DURATION}ms`,
+  };
 
-                    this.props.innerRef.current = el;
-                }}
-                inputStyle={[styles.baseTextInput, styles.textInputDesktop, isLabeledMultiline ? styles.textInputMultiline : {}, ...this.props.inputStyle]}
-                textInputContainerStyles={[labelAnimationStyle, ...this.props.textInputContainerStyles]}
-            />
-        );
-    }
-}
+  return (
+    <BaseTextInput
+    // eslint-disable-next-line react/jsx-props-no-spreading
+      {...props}
+      innerRef={(el) => {
+        textInputRef.current = el;
+        if (!props.innerRef) {
+          return;
+      }
+
+      if (_.isFunction(props.innerRef)) {
+          props.innerRef(el);
+          return;
+      }
+
+      props.innerRef.current = el;
+      }}
+      inputStyle={[styles.baseTextInput, styles.textInputDesktop, isLabeledMultiline ? styles.textInputMultiline : {}, ...props.inputStyle]}
+      textInputContainerStyles={[labelAnimationStyle, ...props.textInputContainerStyles]}
+    />
+  );
+};
 
 TextInput.propTypes = baseTextInputPropTypes.propTypes;
 TextInput.defaultProps = baseTextInputPropTypes.defaultProps;
 
 export default React.forwardRef((props, ref) => (
-    <TextInput
-        // eslint-disable-next-line react/jsx-props-no-spreading
-        {...props}
-        innerRef={ref}
-    />
+  <TextInput
+      // eslint-disable-next-line react/jsx-props-no-spreading
+      {...props}
+      innerRef={ref}
+  />
 ));

From 3fe6e74d94b889a72c9ee044069e459ded14d7cf Mon Sep 17 00:00:00 2001
From: Mikhail Karkachov <mikhail.karkachov@gmail.com>
Date: Wed, 2 Aug 2023 20:55:52 +0200
Subject: [PATCH 103/137] Avoid boolean style for styling view
 ReportActionsList

---
 src/pages/home/report/ReportActionsList.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/home/report/ReportActionsList.js b/src/pages/home/report/ReportActionsList.js
index 8022911bf209..091a04dc71b0 100644
--- a/src/pages/home/report/ReportActionsList.js
+++ b/src/pages/home/report/ReportActionsList.js
@@ -164,7 +164,7 @@ function ReportActionsList(props) {
         ReportUtils.canShowReportRecipientLocalTime(props.personalDetails, props.report, props.currentUserPersonalDetails.accountID) && !props.isComposerFullSize;
 
     return (
-        <Animated.View style={[animatedStyles, styles.flex1, !shouldShowReportRecipientLocalTime && !hideComposer && styles.pb4]}>
+        <Animated.View style={[animatedStyles, styles.flex1, !shouldShowReportRecipientLocalTime && !hideComposer ? styles.pb4 : {}]}>
             <InvertedFlatList
                 accessibilityLabel={props.translate('sidebarScreen.listOfChatMessages')}
                 ref={reportScrollManager.ref}

From 3c83a9d011ff19965961f96f93fdbb5feb050c01 Mon Sep 17 00:00:00 2001
From: Huzaifa Rasheed <68777211+huzaifa-99@users.noreply.github.com>
Date: Thu, 3 Aug 2023 00:41:25 +0500
Subject: [PATCH 104/137] Fix lint

---
 src/components/TextInput/index.js | 106 +++++++++++++++---------------
 1 file changed, 53 insertions(+), 53 deletions(-)

diff --git a/src/components/TextInput/index.js b/src/components/TextInput/index.js
index d8daf1d38327..6d983f4db94e 100644
--- a/src/components/TextInput/index.js
+++ b/src/components/TextInput/index.js
@@ -1,4 +1,4 @@
-import React, { useEffect, useRef } from 'react';
+import React, {useEffect, useRef} from 'react';
 import _ from 'underscore';
 import styles from '../../styles/styles';
 import * as styleConst from './styleConst';
@@ -8,70 +8,70 @@ import DomUtils from '../../libs/DomUtils';
 import Visibility from '../../libs/Visibility';
 
 const TextInput = (props) => {
-  const textInputRef = useRef(null);
-  const removeVisibilityListenerRef = useRef(null);
+    const textInputRef = useRef(null);
+    const removeVisibilityListenerRef = useRef(null);
 
-  useEffect(() => {
-    if (props.disableKeyboard) {
-      textInputRef.current.setAttribute('inputmode', 'none');
-    }
+    useEffect(() => {
+        if (props.disableKeyboard) {
+            textInputRef.current.setAttribute('inputmode', 'none');
+        }
 
-    if (props.name) {
-      textInputRef.current.setAttribute('name', props.name);
-    }
+        if (props.name) {
+            textInputRef.current.setAttribute('name', props.name);
+        }
 
-    removeVisibilityListenerRef.current = Visibility.onVisibilityChange(() => {
-      if (!Visibility.isVisible() || !textInputRef.current || DomUtils.getActiveElement() !== textInputRef.current) {
-        return;
-      }
-      textInputRef.current.blur();
-      textInputRef.current.focus();
-    });
+        removeVisibilityListenerRef.current = Visibility.onVisibilityChange(() => {
+            if (!Visibility.isVisible() || !textInputRef.current || DomUtils.getActiveElement() !== textInputRef.current) {
+                return;
+            }
+            textInputRef.current.blur();
+            textInputRef.current.focus();
+        });
 
-    return () => {
-      if (removeVisibilityListenerRef.current) {
-        removeVisibilityListenerRef.current();
-      }
-    };
-  }, []);
+        return () => {
+            if (removeVisibilityListenerRef.current) {
+                removeVisibilityListenerRef.current();
+            }
+        };
+    }, []);
 
-  const isLabeledMultiline = Boolean(props.label.length) && props.multiline;
-  const labelAnimationStyle = {
-    '--active-label-translate-y': `${styleConst.ACTIVE_LABEL_TRANSLATE_Y}px`,
-    '--active-label-scale': `${styleConst.ACTIVE_LABEL_SCALE}`,
-    '--label-transition-duration': `${styleConst.LABEL_ANIMATION_DURATION}ms`,
-  };
+    const isLabeledMultiline = Boolean(props.label.length) && props.multiline;
+    const labelAnimationStyle = {
+        '--active-label-translate-y': `${styleConst.ACTIVE_LABEL_TRANSLATE_Y}px`,
+        '--active-label-scale': `${styleConst.ACTIVE_LABEL_SCALE}`,
+        '--label-transition-duration': `${styleConst.LABEL_ANIMATION_DURATION}ms`,
+    };
 
-  return (
-    <BaseTextInput
-    // eslint-disable-next-line react/jsx-props-no-spreading
-      {...props}
-      innerRef={(el) => {
-        textInputRef.current = el;
-        if (!props.innerRef) {
-          return;
-      }
+    return (
+        <BaseTextInput
+            // eslint-disable-next-line react/jsx-props-no-spreading
+            {...props}
+            innerRef={(el) => {
+                textInputRef.current = el;
+                if (!props.innerRef) {
+                    return;
+                }
 
-      if (_.isFunction(props.innerRef)) {
-          props.innerRef(el);
-          return;
-      }
+                if (_.isFunction(props.innerRef)) {
+                    props.innerRef(el);
+                    return;
+                }
 
-      props.innerRef.current = el;
-      }}
-      inputStyle={[styles.baseTextInput, styles.textInputDesktop, isLabeledMultiline ? styles.textInputMultiline : {}, ...props.inputStyle]}
-      textInputContainerStyles={[labelAnimationStyle, ...props.textInputContainerStyles]}
-    />
-  );
+                props.innerRef.current = el;
+            }}
+            inputStyle={[styles.baseTextInput, styles.textInputDesktop, isLabeledMultiline ? styles.textInputMultiline : {}, ...props.inputStyle]}
+            textInputContainerStyles={[labelAnimationStyle, ...props.textInputContainerStyles]}
+        />
+    );
 };
 
 TextInput.propTypes = baseTextInputPropTypes.propTypes;
 TextInput.defaultProps = baseTextInputPropTypes.defaultProps;
 
 export default React.forwardRef((props, ref) => (
-  <TextInput
-      // eslint-disable-next-line react/jsx-props-no-spreading
-      {...props}
-      innerRef={ref}
-  />
+    <TextInput
+        // eslint-disable-next-line react/jsx-props-no-spreading
+        {...props}
+        innerRef={ref}
+    />
 ));

From 960430cd6f66f8b83f33f3693286d334a70daca4 Mon Sep 17 00:00:00 2001
From: Huzaifa Rasheed <68777211+huzaifa-99@users.noreply.github.com>
Date: Thu, 3 Aug 2023 00:49:49 +0500
Subject: [PATCH 105/137] Fix lint

---
 src/components/TextInput/index.js | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/TextInput/index.js b/src/components/TextInput/index.js
index 6d983f4db94e..29caa5045666 100644
--- a/src/components/TextInput/index.js
+++ b/src/components/TextInput/index.js
@@ -7,7 +7,7 @@ import * as baseTextInputPropTypes from './baseTextInputPropTypes';
 import DomUtils from '../../libs/DomUtils';
 import Visibility from '../../libs/Visibility';
 
-const TextInput = (props) => {
+function TextInput(props) {
     const textInputRef = useRef(null);
     const removeVisibilityListenerRef = useRef(null);
 
@@ -29,9 +29,8 @@ const TextInput = (props) => {
         });
 
         return () => {
-            if (removeVisibilityListenerRef.current) {
-                removeVisibilityListenerRef.current();
-            }
+            if (!removeVisibilityListenerRef.current) return;
+            removeVisibilityListenerRef.current();
         };
     }, []);
 
@@ -57,14 +56,16 @@ const TextInput = (props) => {
                     return;
                 }
 
+                // eslint-disable-next-line no-param-reassign
                 props.innerRef.current = el;
             }}
             inputStyle={[styles.baseTextInput, styles.textInputDesktop, isLabeledMultiline ? styles.textInputMultiline : {}, ...props.inputStyle]}
             textInputContainerStyles={[labelAnimationStyle, ...props.textInputContainerStyles]}
         />
     );
-};
+}
 
+TextInput.displayName = 'TextInput';
 TextInput.propTypes = baseTextInputPropTypes.propTypes;
 TextInput.defaultProps = baseTextInputPropTypes.defaultProps;
 

From abdc806c235b27d7f775e163fc38d99a37131f3d Mon Sep 17 00:00:00 2001
From: Huzaifa Rasheed <68777211+huzaifa-99@users.noreply.github.com>
Date: Thu, 3 Aug 2023 00:55:01 +0500
Subject: [PATCH 106/137] Disable missing dependency check lint rule

---
 src/components/TextInput/index.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/TextInput/index.js b/src/components/TextInput/index.js
index 29caa5045666..10da6fbb87ad 100644
--- a/src/components/TextInput/index.js
+++ b/src/components/TextInput/index.js
@@ -32,6 +32,7 @@ function TextInput(props) {
             if (!removeVisibilityListenerRef.current) return;
             removeVisibilityListenerRef.current();
         };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
 
     const isLabeledMultiline = Boolean(props.label.length) && props.multiline;

From e90f8abebab078bc6a8fd893754d8fef24ecb940 Mon Sep 17 00:00:00 2001
From: Krishna Gupta <belivethatkg@gmail.com>
Date: Thu, 3 Aug 2023 02:09:53 +0530
Subject: [PATCH 107/137] minor fix.

Signed-off-by: Krishna Gupta <belivethatkg@gmail.com>
---
 src/components/ImageWithSizeCalculation.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ImageWithSizeCalculation.js b/src/components/ImageWithSizeCalculation.js
index 6c1e7480362d..6aa87d07f23e 100644
--- a/src/components/ImageWithSizeCalculation.js
+++ b/src/components/ImageWithSizeCalculation.js
@@ -65,7 +65,7 @@ function ImageWithSizeCalculation(props) {
                 return;
             }
             setIsImageCached(false);
-        }, 300);
+        }, 200);
         return () => clearTimeout(timeout);
     }, [isLoading]);
 

From 157f56d085164bfe0a7b38b320a7bdd437f6ff4f Mon Sep 17 00:00:00 2001
From: Thanos30 <thanos30fillidis@gmail.com>
Date: Thu, 3 Aug 2023 02:28:12 +0300
Subject: [PATCH 108/137] make name more obvious

---
 src/libs/OptionsListUtils.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/libs/OptionsListUtils.js b/src/libs/OptionsListUtils.js
index 3f908697b16f..9c27fcaab8bb 100644
--- a/src/libs/OptionsListUtils.js
+++ b/src/libs/OptionsListUtils.js
@@ -615,7 +615,7 @@ function getOptions(
         includeThreads = false,
         includeTasks = false,
         includeMoneyRequests = false,
-        disallowNewChats = false,
+        excludeUnknownUsers = false,
     },
 ) {
     if (!isPersonalDetailsReady(personalDetails)) {
@@ -798,7 +798,7 @@ function getOptions(
             (parsedPhoneNumber.possible && Str.isValidPhone(LoginUtils.getPhoneNumberWithoutSpecialChars(parsedPhoneNumber.number.input)))) &&
         !_.find(loginOptionsToExclude, (loginOptionToExclude) => loginOptionToExclude.login === addSMSDomainIfPhoneNumber(searchValue).toLowerCase()) &&
         (searchValue !== CONST.EMAIL.CHRONOS || Permissions.canUseChronos(betas)) &&
-        !disallowNewChats
+        !excludeUnknownUsers
     ) {
         // Generates an optimistic account ID for new users not yet saved in Onyx
         const optimisticAccountID = UserUtils.generateAccountID(searchValue);
@@ -976,7 +976,7 @@ function getShareDestinationOptions(
     selectedOptions = [],
     excludeLogins = [],
     includeOwnedWorkspaceChats = true,
-    disallowNewChats = true,
+    excludeUnknownUsers = true,
 ) {
     return getOptions(reports, personalDetails, {
         betas,
@@ -993,7 +993,7 @@ function getShareDestinationOptions(
         includeTasks: true,
         excludeLogins,
         includeOwnedWorkspaceChats,
-        disallowNewChats,
+        excludeUnknownUsers,
     });
 }
 

From e938e749ef032bf3dcb88b7f7ec15c1591906daf Mon Sep 17 00:00:00 2001
From: Thanos30 <thanos30fillidis@gmail.com>
Date: Thu, 3 Aug 2023 03:31:55 +0300
Subject: [PATCH 109/137] exclude Archived Rooms

---
 src/pages/tasks/TaskShareDestinationSelectorModal.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/tasks/TaskShareDestinationSelectorModal.js b/src/pages/tasks/TaskShareDestinationSelectorModal.js
index c9235551b6a7..bd259c685876 100644
--- a/src/pages/tasks/TaskShareDestinationSelectorModal.js
+++ b/src/pages/tasks/TaskShareDestinationSelectorModal.js
@@ -49,7 +49,7 @@ function TaskShareDestinationSelectorModal(props) {
     const filteredReports = useMemo(() => {
         const reports = {};
         _.keys(props.reports).forEach((reportKey) => {
-            if (!ReportUtils.isAllowedToComment(props.reports[reportKey])) {
+            if (!ReportUtils.isAllowedToComment(props.reports[reportKey]) || ReportUtils.isArchivedRoom(props.reports[reportKey])) {
                 return;
             }
             reports[reportKey] = props.reports[reportKey];

From 1308dfdaa04a7385253a3e914f2df5a636bef250 Mon Sep 17 00:00:00 2001
From: Thanos30 <thanos30fillidis@gmail.com>
Date: Thu, 3 Aug 2023 03:53:31 +0300
Subject: [PATCH 110/137] exclude expensify accounts

---
 src/pages/tasks/TaskShareDestinationSelectorModal.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/pages/tasks/TaskShareDestinationSelectorModal.js b/src/pages/tasks/TaskShareDestinationSelectorModal.js
index bd259c685876..59abef982c1e 100644
--- a/src/pages/tasks/TaskShareDestinationSelectorModal.js
+++ b/src/pages/tasks/TaskShareDestinationSelectorModal.js
@@ -1,6 +1,7 @@
 /* eslint-disable es/no-optional-chaining */
 import React, {useState, useEffect, useMemo, useCallback} from 'react';
 import _ from 'underscore';
+import lodashGet from 'lodash/get';
 import {View} from 'react-native';
 import PropTypes from 'prop-types';
 import {withOnyx} from 'react-native-onyx';
@@ -49,7 +50,13 @@ function TaskShareDestinationSelectorModal(props) {
     const filteredReports = useMemo(() => {
         const reports = {};
         _.keys(props.reports).forEach((reportKey) => {
-            if (!ReportUtils.isAllowedToComment(props.reports[reportKey]) || ReportUtils.isArchivedRoom(props.reports[reportKey])) {
+            console.log('reportKey', props);
+            if (
+                !ReportUtils.isAllowedToComment(props.reports[reportKey]) ||
+                ReportUtils.isArchivedRoom(props.reports[reportKey]) ||
+                (lodashGet(props.reports[reportKey], 'participantAccountIDs', []).length === 1 &&
+                    _.some(props.reports[reportKey].participantAccountIDs, (accountID) => _.contains(CONST.EXPENSIFY_ACCOUNT_IDS, accountID)))
+            ) {
                 return;
             }
             reports[reportKey] = props.reports[reportKey];

From a21355ea41227300489ad06fdcdaaffcf52328c7 Mon Sep 17 00:00:00 2001
From: Thanos30 <thanos30fillidis@gmail.com>
Date: Thu, 3 Aug 2023 04:20:13 +0300
Subject: [PATCH 111/137] Use common function to determine if we can share a
 task in a report

---
 src/libs/ReportUtils.js                              | 12 ++++++++++++
 src/pages/home/report/ReportActionCompose.js         |  4 ++--
 src/pages/tasks/TaskShareDestinationSelectorModal.js |  6 ++----
 3 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/libs/ReportUtils.js b/src/libs/ReportUtils.js
index 91c35d4cd956..3df1816e905f 100644
--- a/src/libs/ReportUtils.js
+++ b/src/libs/ReportUtils.js
@@ -460,6 +460,17 @@ function isConciergeChatReport(report) {
     return lodashGet(report, 'participantAccountIDs', []).length === 1 && Number(report.participantAccountIDs[0]) === CONST.ACCOUNT_ID.CONCIERGE && !isChatThread(report);
 }
 
+/**
+ * Returns true if we can share a task in this report
+ * @param {Object} report
+ * @returns {Boolean}
+ */
+
+function canShareTaskInReport(report) {
+    const reportParticipants = _.without(lodashGet(report, 'participantAccountIDs', []), currentUserAccountID);
+    return (lodashGet(report, 'participantAccountIDs', []).length === 1 && _.some(reportParticipants, (accountID) => _.contains(CONST.EXPENSIFY_ACCOUNT_IDS, accountID)))
+}
+
 /**
  * Returns true if there are any Expensify accounts (i.e. with domain 'expensify.com') in the set of accountIDs
  * by cross-referencing the accountIDs with personalDetails.
@@ -2834,6 +2845,7 @@ export {
     findLastAccessedReport,
     canEditReportAction,
     canFlagReportAction,
+    canShareTaskInReport,
     shouldShowFlagComment,
     canDeleteReportAction,
     canLeaveRoom,
diff --git a/src/pages/home/report/ReportActionCompose.js b/src/pages/home/report/ReportActionCompose.js
index 644a90216091..cd2a2d7a1d3f 100644
--- a/src/pages/home/report/ReportActionCompose.js
+++ b/src/pages/home/report/ReportActionCompose.js
@@ -450,11 +450,11 @@ class ReportActionCompose extends React.Component {
      * @param {Array} reportParticipants
      * @returns {Boolean}
      */
-    getTaskOption(reportParticipants) {
+    getTaskOption() {
         // We only prevent the task option from showing if it's a DM and the other user is an Expensify default email
         if (
             !Permissions.canUseTasks(this.props.betas) ||
-            (lodashGet(this.props.report, 'participantAccountIDs', []).length === 1 && _.some(reportParticipants, (accountID) => _.contains(CONST.EXPENSIFY_ACCOUNT_IDS, accountID)))
+            ReportUtils.canShareTaskInReport(this.props.report)
         ) {
             return [];
         }
diff --git a/src/pages/tasks/TaskShareDestinationSelectorModal.js b/src/pages/tasks/TaskShareDestinationSelectorModal.js
index 59abef982c1e..cc67ee8d47a7 100644
--- a/src/pages/tasks/TaskShareDestinationSelectorModal.js
+++ b/src/pages/tasks/TaskShareDestinationSelectorModal.js
@@ -1,11 +1,11 @@
 /* eslint-disable es/no-optional-chaining */
 import React, {useState, useEffect, useMemo, useCallback} from 'react';
 import _ from 'underscore';
-import lodashGet from 'lodash/get';
 import {View} from 'react-native';
 import PropTypes from 'prop-types';
 import {withOnyx} from 'react-native-onyx';
 import OptionsSelector from '../../components/OptionsSelector';
+
 import * as OptionsListUtils from '../../libs/OptionsListUtils';
 import ONYXKEYS from '../../ONYXKEYS';
 import styles from '../../styles/styles';
@@ -50,12 +50,10 @@ function TaskShareDestinationSelectorModal(props) {
     const filteredReports = useMemo(() => {
         const reports = {};
         _.keys(props.reports).forEach((reportKey) => {
-            console.log('reportKey', props);
             if (
                 !ReportUtils.isAllowedToComment(props.reports[reportKey]) ||
                 ReportUtils.isArchivedRoom(props.reports[reportKey]) ||
-                (lodashGet(props.reports[reportKey], 'participantAccountIDs', []).length === 1 &&
-                    _.some(props.reports[reportKey].participantAccountIDs, (accountID) => _.contains(CONST.EXPENSIFY_ACCOUNT_IDS, accountID)))
+                ReportUtils.canShareTaskInReport(props.reports[reportKey])
             ) {
                 return;
             }

From c703f7df90418c2ac076620c7aa2d91c39f7e142 Mon Sep 17 00:00:00 2001
From: Thanos30 <thanos30fillidis@gmail.com>
Date: Thu, 3 Aug 2023 04:21:47 +0300
Subject: [PATCH 112/137] prettify

---
 src/libs/ReportUtils.js                      | 2 +-
 src/pages/home/report/ReportActionCompose.js | 5 +----
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/libs/ReportUtils.js b/src/libs/ReportUtils.js
index 3df1816e905f..91e68bf6da60 100644
--- a/src/libs/ReportUtils.js
+++ b/src/libs/ReportUtils.js
@@ -468,7 +468,7 @@ function isConciergeChatReport(report) {
 
 function canShareTaskInReport(report) {
     const reportParticipants = _.without(lodashGet(report, 'participantAccountIDs', []), currentUserAccountID);
-    return (lodashGet(report, 'participantAccountIDs', []).length === 1 && _.some(reportParticipants, (accountID) => _.contains(CONST.EXPENSIFY_ACCOUNT_IDS, accountID)))
+    return lodashGet(report, 'participantAccountIDs', []).length === 1 && _.some(reportParticipants, (accountID) => _.contains(CONST.EXPENSIFY_ACCOUNT_IDS, accountID));
 }
 
 /**
diff --git a/src/pages/home/report/ReportActionCompose.js b/src/pages/home/report/ReportActionCompose.js
index cd2a2d7a1d3f..bc86c835c755 100644
--- a/src/pages/home/report/ReportActionCompose.js
+++ b/src/pages/home/report/ReportActionCompose.js
@@ -452,10 +452,7 @@ class ReportActionCompose extends React.Component {
      */
     getTaskOption() {
         // We only prevent the task option from showing if it's a DM and the other user is an Expensify default email
-        if (
-            !Permissions.canUseTasks(this.props.betas) ||
-            ReportUtils.canShareTaskInReport(this.props.report)
-        ) {
+        if (!Permissions.canUseTasks(this.props.betas) || ReportUtils.canShareTaskInReport(this.props.report)) {
             return [];
         }
 

From 6bac6dc687097b2465bf53ed9d9766c05a07a15f Mon Sep 17 00:00:00 2001
From: Thanos30 <thanos30fillidis@gmail.com>
Date: Thu, 3 Aug 2023 04:28:05 +0300
Subject: [PATCH 113/137] fix name accuracy

---
 src/libs/ReportUtils.js                              | 4 ++--
 src/pages/home/report/ReportActionCompose.js         | 2 +-
 src/pages/tasks/TaskShareDestinationSelectorModal.js | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/libs/ReportUtils.js b/src/libs/ReportUtils.js
index 91e68bf6da60..784b7909e7f6 100644
--- a/src/libs/ReportUtils.js
+++ b/src/libs/ReportUtils.js
@@ -466,7 +466,7 @@ function isConciergeChatReport(report) {
  * @returns {Boolean}
  */
 
-function canShareTaskInReport(report) {
+function isExpensifyChatReport(report) {
     const reportParticipants = _.without(lodashGet(report, 'participantAccountIDs', []), currentUserAccountID);
     return lodashGet(report, 'participantAccountIDs', []).length === 1 && _.some(reportParticipants, (accountID) => _.contains(CONST.EXPENSIFY_ACCOUNT_IDS, accountID));
 }
@@ -2845,7 +2845,6 @@ export {
     findLastAccessedReport,
     canEditReportAction,
     canFlagReportAction,
-    canShareTaskInReport,
     shouldShowFlagComment,
     canDeleteReportAction,
     canLeaveRoom,
@@ -2860,6 +2859,7 @@ export {
     getPolicyName,
     getPolicyType,
     isArchivedRoom,
+    isExpensifyChatReport,
     isPolicyExpenseChatAdmin,
     isPolicyAdmin,
     isPublicRoom,
diff --git a/src/pages/home/report/ReportActionCompose.js b/src/pages/home/report/ReportActionCompose.js
index bc86c835c755..bf1220ed5c20 100644
--- a/src/pages/home/report/ReportActionCompose.js
+++ b/src/pages/home/report/ReportActionCompose.js
@@ -452,7 +452,7 @@ class ReportActionCompose extends React.Component {
      */
     getTaskOption() {
         // We only prevent the task option from showing if it's a DM and the other user is an Expensify default email
-        if (!Permissions.canUseTasks(this.props.betas) || ReportUtils.canShareTaskInReport(this.props.report)) {
+        if (!Permissions.canUseTasks(this.props.betas) || ReportUtils.isExpensifyChatReport(this.props.report)) {
             return [];
         }
 
diff --git a/src/pages/tasks/TaskShareDestinationSelectorModal.js b/src/pages/tasks/TaskShareDestinationSelectorModal.js
index cc67ee8d47a7..35cfff25132a 100644
--- a/src/pages/tasks/TaskShareDestinationSelectorModal.js
+++ b/src/pages/tasks/TaskShareDestinationSelectorModal.js
@@ -53,7 +53,7 @@ function TaskShareDestinationSelectorModal(props) {
             if (
                 !ReportUtils.isAllowedToComment(props.reports[reportKey]) ||
                 ReportUtils.isArchivedRoom(props.reports[reportKey]) ||
-                ReportUtils.canShareTaskInReport(props.reports[reportKey])
+                ReportUtils.isExpensifyChatReport(props.reports[reportKey])
             ) {
                 return;
             }

From de39debb591180dc822f8a18765b5bc8e0f446fe Mon Sep 17 00:00:00 2001
From: Thanos30 <thanos30fillidis@gmail.com>
Date: Thu, 3 Aug 2023 04:50:54 +0300
Subject: [PATCH 114/137] remove unneeded parameter

---
 src/pages/home/report/ReportActionCompose.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/home/report/ReportActionCompose.js b/src/pages/home/report/ReportActionCompose.js
index bf1220ed5c20..0a7d6f612f5c 100644
--- a/src/pages/home/report/ReportActionCompose.js
+++ b/src/pages/home/report/ReportActionCompose.js
@@ -1113,7 +1113,7 @@ class ReportActionCompose extends React.Component {
                                                     anchorAlignment={{horizontal: CONST.MODAL.ANCHOR_ORIGIN_HORIZONTAL.LEFT, vertical: CONST.MODAL.ANCHOR_ORIGIN_VERTICAL.BOTTOM}}
                                                     menuItems={[
                                                         ...this.getMoneyRequestOptions(reportParticipants),
-                                                        ...this.getTaskOption(reportParticipants),
+                                                        ...this.getTaskOption(),
                                                         {
                                                             icon: Expensicons.Paperclip,
                                                             text: this.props.translate('reportActionCompose.addAttachment'),

From cdd9fbadc1d0eb2f0b3bd65cc2507cbf66286f8e Mon Sep 17 00:00:00 2001
From: Sibtain Ali <allroundexperts@gmail.com>
Date: Thu, 3 Aug 2023 12:41:35 +0500
Subject: [PATCH 115/137] feat: remove isAssignee function

---
 src/libs/actions/Task.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/libs/actions/Task.js b/src/libs/actions/Task.js
index 8d8bd079be2c..56aa9ab09083 100644
--- a/src/libs/actions/Task.js
+++ b/src/libs/actions/Task.js
@@ -787,7 +787,6 @@ export {
     cancelTask,
     dismissModalAndClearOutTaskInfo,
     getTaskAssigneeAccountID,
-    isTaskAssigneeOrTaskOwner,
     clearEditTaskErrors,
     canModifyTask,
 };

From ac49271c4009af1555f2513a11a7313831ae1961 Mon Sep 17 00:00:00 2001
From: Danut Gavrus <danut.gavrus@gmail.com>
Date: Thu, 3 Aug 2023 11:28:00 +0300
Subject: [PATCH 116/137] [23355] Offline deleted workspace could be accessed
 from admins room.

---
 src/pages/ReportDetailsPage.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/pages/ReportDetailsPage.js b/src/pages/ReportDetailsPage.js
index 390418de5c75..9e640d70c805 100644
--- a/src/pages/ReportDetailsPage.js
+++ b/src/pages/ReportDetailsPage.js
@@ -161,6 +161,7 @@ function ReportDetailsPage(props) {
                             </View>
                             {isPolicyAdmin ? (
                                 <PressableWithoutFeedback
+                                    disabled={policy.pendingAction === CONST.RED_BRICK_ROAD_PENDING_ACTION.DELETE}
                                     accessibilityRole={CONST.ACCESSIBILITY_ROLE.BUTTON}
                                     accessibilityLabel={chatRoomSubtitle}
                                     onPress={() => {

From 7f8a634d586550c1e896b54dbc2f0e71f0f1b960 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lucas=20M=C3=B3rawski?= <lukasz.morawski@callstack.com>
Date: Thu, 3 Aug 2023 11:29:04 +0300
Subject: [PATCH 117/137] capitalized merchant in Spanish

---
 src/languages/es.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/languages/es.js b/src/languages/es.js
index a67101a5ef1e..4e6258f019cb 100644
--- a/src/languages/es.js
+++ b/src/languages/es.js
@@ -149,7 +149,7 @@ export default {
         total: 'Total',
         edit: 'Editar',
         showMore: 'Mostrar más',
-        merchant: 'comerciante',
+        merchant: 'Comerciante',
     },
     anonymousReportFooter: {
         logoTagline: 'Únete a la discussion.',

From 1a034c35b5fbfef5d2658b8aa092f0ea9dfea6a1 Mon Sep 17 00:00:00 2001
From: Abdelhafidh Belalia <16493223+s77rt@users.noreply.github.com>
Date: Thu, 3 Aug 2023 10:29:34 +0100
Subject: [PATCH 118/137] use ScreenWrapper only if editing

---
 src/pages/iou/steps/MoneyRequestAmount.js | 128 ++++++++++++----------
 1 file changed, 68 insertions(+), 60 deletions(-)

diff --git a/src/pages/iou/steps/MoneyRequestAmount.js b/src/pages/iou/steps/MoneyRequestAmount.js
index c455cbc84c88..058d029feb6c 100755
--- a/src/pages/iou/steps/MoneyRequestAmount.js
+++ b/src/pages/iou/steps/MoneyRequestAmount.js
@@ -419,69 +419,77 @@ function MoneyRequestAmount(props) {
     const formattedAmount = replaceAllDigits(amount, toLocaleDigit);
     const buttonText = isEditing.current ? translate('common.save') : translate('common.next');
 
-    return (
-        <FullPageNotFoundView shouldShow={!IOUUtils.isValidMoneyRequestType(iouType.current)}>
-            <ScreenWrapper
-                includeSafeAreaPaddingBottom={false}
-                onEntryTransitionEnd={focusTextInput}
+    const content = (
+        <>
+            <View
+                nativeID={amountViewID}
+                onMouseDown={(event) => onMouseDown(event, [amountViewID])}
+                style={[styles.flex1, styles.flexRow, styles.w100, styles.alignItemsCenter, styles.justifyContentCenter]}
+            >
+                <TextInputWithCurrencySymbol
+                    formattedAmount={formattedAmount}
+                    onChangeAmount={updateAmount}
+                    onCurrencyButtonPress={navigateToCurrencySelectionPage}
+                    placeholder={numberFormat(0)}
+                    ref={(el) => (textInput.current = el)}
+                    selectedCurrencyCode={selectedCurrencyCode}
+                    selection={selection}
+                    onSelectionChange={(e) => {
+                        if (!shouldUpdateSelection) {
+                            return;
+                        }
+                        setSelection(e.nativeEvent.selection);
+                    }}
+                />
+            </View>
+            <View
+                onMouseDown={(event) => onMouseDown(event, [numPadContainerViewID, numPadViewID])}
+                style={[styles.w100, styles.justifyContentEnd, styles.pageWrapper]}
+                nativeID={numPadContainerViewID}
             >
-                {({safeAreaPaddingBottomStyle}) => (
+                {DeviceCapabilities.canUseTouchScreen() ? (
+                    <BigNumberPad
+                        nativeID={numPadViewID}
+                        numberPressed={updateAmountNumberPad}
+                        longPressHandlerStateChanged={updateLongPressHandlerState}
+                    />
+                ) : (
+                    <View />
+                )}
+
+                <Button
+                    success
+                    style={[styles.w100, styles.mt5]}
+                    onPress={navigateToNextPage}
+                    pressOnEnter
+                    isDisabled={!amount.length || parseFloat(amount) < 0.01}
+                    text={buttonText}
+                />
+            </View>
+        </>
+    );
+
+    if (!isEditing.current) {
+        return content;
+    }
+
+    return (
+        <ScreenWrapper
+            includeSafeAreaPaddingBottom={false}
+            onEntryTransitionEnd={focusTextInput}
+        >
+            {({safeAreaPaddingBottomStyle}) => (
+                <FullPageNotFoundView shouldShow={!IOUUtils.isValidMoneyRequestType(iouType.current)}>
                     <View style={[styles.flex1, safeAreaPaddingBottomStyle]}>
-                        {isEditing.current && (
-                            <HeaderWithBackButton
-                                title={titleForStep}
-                                onBackButtonPress={navigateBack}
-                            />
-                        )}
-                        <View
-                            nativeID={amountViewID}
-                            onMouseDown={(event) => onMouseDown(event, [amountViewID])}
-                            style={[styles.flex1, styles.flexRow, styles.w100, styles.alignItemsCenter, styles.justifyContentCenter]}
-                        >
-                            <TextInputWithCurrencySymbol
-                                formattedAmount={formattedAmount}
-                                onChangeAmount={updateAmount}
-                                onCurrencyButtonPress={navigateToCurrencySelectionPage}
-                                placeholder={numberFormat(0)}
-                                ref={(el) => (textInput.current = el)}
-                                selectedCurrencyCode={selectedCurrencyCode}
-                                selection={selection}
-                                onSelectionChange={(e) => {
-                                    if (!shouldUpdateSelection) {
-                                        return;
-                                    }
-                                    setSelection(e.nativeEvent.selection);
-                                }}
-                            />
-                        </View>
-                        <View
-                            onMouseDown={(event) => onMouseDown(event, [numPadContainerViewID, numPadViewID])}
-                            style={[styles.w100, styles.justifyContentEnd, styles.pageWrapper]}
-                            nativeID={numPadContainerViewID}
-                        >
-                            {DeviceCapabilities.canUseTouchScreen() ? (
-                                <BigNumberPad
-                                    nativeID={numPadViewID}
-                                    numberPressed={updateAmountNumberPad}
-                                    longPressHandlerStateChanged={updateLongPressHandlerState}
-                                />
-                            ) : (
-                                <View />
-                            )}
-
-                            <Button
-                                success
-                                style={[styles.w100, styles.mt5]}
-                                onPress={navigateToNextPage}
-                                pressOnEnter
-                                isDisabled={!amount.length || parseFloat(amount) < 0.01}
-                                text={buttonText}
-                            />
-                        </View>
+                        <HeaderWithBackButton
+                            title={titleForStep}
+                            onBackButtonPress={navigateBack}
+                        />
+                        {content}
                     </View>
-                )}
-            </ScreenWrapper>
-        </FullPageNotFoundView>
+                </FullPageNotFoundView>
+            )}
+        </ScreenWrapper>
     );
 }
 

From 270628e0481da242b6b062053e2eddf0c732f322 Mon Sep 17 00:00:00 2001
From: joh42 <138504087+joh42@users.noreply.github.com>
Date: Thu, 3 Aug 2023 12:05:17 +0200
Subject: [PATCH 119/137] removed redundant check for focus function

---
 .../Profile/Contacts/ValidateCodeForm/BaseValidateCodeForm.js   | 2 +-
 .../TwoFactorAuth/TwoFactorAuthForm/BaseTwoFactorAuthForm.js    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/settings/Profile/Contacts/ValidateCodeForm/BaseValidateCodeForm.js b/src/pages/settings/Profile/Contacts/ValidateCodeForm/BaseValidateCodeForm.js
index a149e4995972..578e4dc3a2f6 100644
--- a/src/pages/settings/Profile/Contacts/ValidateCodeForm/BaseValidateCodeForm.js
+++ b/src/pages/settings/Profile/Contacts/ValidateCodeForm/BaseValidateCodeForm.js
@@ -79,7 +79,7 @@ function BaseValidateCodeForm(props) {
 
     useImperativeHandle(props.innerRef, () => ({
         focus() {
-            if (!(inputValidateCodeRef.current && inputValidateCodeRef.current.focus)) {
+            if (!inputValidateCodeRef.current) {
                 return;
             }
             inputValidateCodeRef.current.focus();
diff --git a/src/pages/settings/Security/TwoFactorAuth/TwoFactorAuthForm/BaseTwoFactorAuthForm.js b/src/pages/settings/Security/TwoFactorAuth/TwoFactorAuthForm/BaseTwoFactorAuthForm.js
index 870194953c1e..4c0bf81210b4 100644
--- a/src/pages/settings/Security/TwoFactorAuth/TwoFactorAuthForm/BaseTwoFactorAuthForm.js
+++ b/src/pages/settings/Security/TwoFactorAuth/TwoFactorAuthForm/BaseTwoFactorAuthForm.js
@@ -76,7 +76,7 @@ function BaseTwoFactorAuthForm(props) {
             validateAndSubmitForm();
         },
         focus() {
-            if (!(inputRef.current && inputRef.current.focus)) {
+            if (!inputRef.current) {
                 return;
             }
             inputRef.current.focus();

From 216f5e7991da882b8adf3a85de6ec1549ab7dfb7 Mon Sep 17 00:00:00 2001
From: charan h s <charanengg08@gmail.com>
Date: Thu, 3 Aug 2023 16:26:46 +0530
Subject: [PATCH 120/137] propsTranslate to localize Translate

---
 src/components/AttachmentModal.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/AttachmentModal.js b/src/components/AttachmentModal.js
index a7826dbe00d8..41448d381394 100755
--- a/src/components/AttachmentModal.js
+++ b/src/components/AttachmentModal.js
@@ -221,8 +221,8 @@ function AttachmentModal(props) {
         (_data) => {
             if (typeof _data.webkitGetAsEntry === 'function' && _data.webkitGetAsEntry().isDirectory) {
                 setIsAttachmentInvalid(true);
-                setAttachmentInvalidReasonTitle(translate('attachmentPicker.attachmentError'));
-                setAttachmentInvalidReason(translate('attachmentPicker.folderNotAllowedMessage'));
+                setAttachmentInvalidReasonTitle('attachmentPicker.attachmentError');
+                setAttachmentInvalidReason('attachmentPicker.folderNotAllowedMessage');
                 return false;
             }
             return true;
@@ -385,12 +385,12 @@ function AttachmentModal(props) {
             </Modal>
 
             <ConfirmModal
-                title={attachmentInvalidReasonTitle ? props.translate(attachmentInvalidReasonTitle) : ''}
+                title={attachmentInvalidReasonTitle ? translate(attachmentInvalidReasonTitle) : ''}
                 onConfirm={closeConfirmModal}
                 onCancel={closeConfirmModal}
                 isVisible={isAttachmentInvalid}
-                prompt={attachmentInvalidReason ? props.translate(attachmentInvalidReason) : ''}
-                confirmText={props.translate('common.close')}
+                prompt={attachmentInvalidReason ? translate(attachmentInvalidReason) : ''}
+                confirmText={translate('common.close')}
                 shouldShowCancelButton={false}
             />
 

From d070db30f8b20863d9653bb7ba25c27a291028e0 Mon Sep 17 00:00:00 2001
From: Abdelhafidh Belalia <16493223+s77rt@users.noreply.github.com>
Date: Thu, 3 Aug 2023 12:56:53 +0100
Subject: [PATCH 121/137] Update MoneyRequestAmount.js

---
 src/pages/iou/steps/MoneyRequestAmount.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/pages/iou/steps/MoneyRequestAmount.js b/src/pages/iou/steps/MoneyRequestAmount.js
index 058d029feb6c..1bb3dbbb6ed8 100755
--- a/src/pages/iou/steps/MoneyRequestAmount.js
+++ b/src/pages/iou/steps/MoneyRequestAmount.js
@@ -469,6 +469,8 @@ function MoneyRequestAmount(props) {
         </>
     );
 
+    // ScreenWrapper is only needed in edit mode because we have a dedicated route for the edit amount page (MoneyRequestEditAmountPage).
+    // The rest of the cases this component is rendered through <MoneyRequestSelectorPage /> which has it's own ScreenWrapper 
     if (!isEditing.current) {
         return content;
     }

From 08bbe41c7babf5bb144d64312960cc5075db78b9 Mon Sep 17 00:00:00 2001
From: Abdelhafidh Belalia <16493223+s77rt@users.noreply.github.com>
Date: Thu, 3 Aug 2023 13:05:15 +0100
Subject: [PATCH 122/137] prettier

---
 src/pages/iou/steps/MoneyRequestAmount.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/iou/steps/MoneyRequestAmount.js b/src/pages/iou/steps/MoneyRequestAmount.js
index 1bb3dbbb6ed8..966f8068ea21 100755
--- a/src/pages/iou/steps/MoneyRequestAmount.js
+++ b/src/pages/iou/steps/MoneyRequestAmount.js
@@ -470,7 +470,7 @@ function MoneyRequestAmount(props) {
     );
 
     // ScreenWrapper is only needed in edit mode because we have a dedicated route for the edit amount page (MoneyRequestEditAmountPage).
-    // The rest of the cases this component is rendered through <MoneyRequestSelectorPage /> which has it's own ScreenWrapper 
+    // The rest of the cases this component is rendered through <MoneyRequestSelectorPage /> which has it's own ScreenWrapper
     if (!isEditing.current) {
         return content;
     }

From e2694f52ce61fa9e67ee7ab1636cc38b2ba24d48 Mon Sep 17 00:00:00 2001
From: OSBotify <infra+osbotify@expensify.com>
Date: Thu, 3 Aug 2023 12:15:20 +0000
Subject: [PATCH 123/137] Update version to 1.3.49-2

---
 android/app/build.gradle         | 4 ++--
 ios/NewExpensify/Info.plist      | 2 +-
 ios/NewExpensifyTests/Info.plist | 2 +-
 package-lock.json                | 4 ++--
 package.json                     | 2 +-
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/android/app/build.gradle b/android/app/build.gradle
index 29cf8cd16f73..07ba1244e732 100644
--- a/android/app/build.gradle
+++ b/android/app/build.gradle
@@ -86,8 +86,8 @@ android {
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
         multiDexEnabled rootProject.ext.multiDexEnabled
-        versionCode 1001034901
-        versionName "1.3.49-1"
+        versionCode 1001034902
+        versionName "1.3.49-2"
     }
 
     signingConfigs {
diff --git a/ios/NewExpensify/Info.plist b/ios/NewExpensify/Info.plist
index a71858878ea3..b64c141f6e1e 100644
--- a/ios/NewExpensify/Info.plist
+++ b/ios/NewExpensify/Info.plist
@@ -32,7 +32,7 @@
 		</dict>
 	</array>
 	<key>CFBundleVersion</key>
-	<string>1.3.49.1</string>
+	<string>1.3.49.2</string>
 	<key>ITSAppUsesNonExemptEncryption</key>
 	<false/>
 	<key>LSApplicationQueriesSchemes</key>
diff --git a/ios/NewExpensifyTests/Info.plist b/ios/NewExpensifyTests/Info.plist
index 233e9bbbf838..c2ea6a9b09ef 100644
--- a/ios/NewExpensifyTests/Info.plist
+++ b/ios/NewExpensifyTests/Info.plist
@@ -19,6 +19,6 @@
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleVersion</key>
-	<string>1.3.49.1</string>
+	<string>1.3.49.2</string>
 </dict>
 </plist>
diff --git a/package-lock.json b/package-lock.json
index 0ef6f796166d..ca46f764c45b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "new.expensify",
-  "version": "1.3.49-1",
+  "version": "1.3.49-2",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "new.expensify",
-      "version": "1.3.49-1",
+      "version": "1.3.49-2",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/package.json b/package.json
index 1241875c10b9..1ba2c8dd2ba7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "new.expensify",
-  "version": "1.3.49-1",
+  "version": "1.3.49-2",
   "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.",

From 09df176cdd9599b871050c62e9b55a7c8fc119e0 Mon Sep 17 00:00:00 2001
From: Alex Beaman <alexbeaman@expensify.com>
Date: Thu, 3 Aug 2023 16:20:13 +0300
Subject: [PATCH 124/137] Make sure medium avatar size gets medium container
 size

---
 src/components/MultipleAvatars.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/MultipleAvatars.js b/src/components/MultipleAvatars.js
index 12bab370ffd9..ceb1c5371c7e 100644
--- a/src/components/MultipleAvatars.js
+++ b/src/components/MultipleAvatars.js
@@ -81,6 +81,9 @@ function getContainerStyles(size) {
         case CONST.AVATAR_SIZE.SMALLER:
             containerStyles = [styles.emptyAvatarSmaller, styles.emptyAvatarMarginSmaller];
             break;
+        case CONST.AVATAR_SIZE.MEDIUM:
+            containerStyles = [styles.emptyAvatarMedium, styles.emptyAvatarMargin];
+            break;
         default:
             containerStyles = [styles.emptyAvatar, styles.emptyAvatarMargin];
     }

From 549bdb3bc559414a30e4f9151a9fc711bfabb849 Mon Sep 17 00:00:00 2001
From: OSBotify <infra+osbotify@expensify.com>
Date: Thu, 3 Aug 2023 14:49:53 +0000
Subject: [PATCH 125/137] Update version to 1.3.49-3

---
 android/app/build.gradle         | 4 ++--
 ios/NewExpensify/Info.plist      | 2 +-
 ios/NewExpensifyTests/Info.plist | 2 +-
 package-lock.json                | 4 ++--
 package.json                     | 2 +-
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/android/app/build.gradle b/android/app/build.gradle
index 07ba1244e732..33c06fc38ea3 100644
--- a/android/app/build.gradle
+++ b/android/app/build.gradle
@@ -86,8 +86,8 @@ android {
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
         multiDexEnabled rootProject.ext.multiDexEnabled
-        versionCode 1001034902
-        versionName "1.3.49-2"
+        versionCode 1001034903
+        versionName "1.3.49-3"
     }
 
     signingConfigs {
diff --git a/ios/NewExpensify/Info.plist b/ios/NewExpensify/Info.plist
index b64c141f6e1e..c99f075a27b2 100644
--- a/ios/NewExpensify/Info.plist
+++ b/ios/NewExpensify/Info.plist
@@ -32,7 +32,7 @@
 		</dict>
 	</array>
 	<key>CFBundleVersion</key>
-	<string>1.3.49.2</string>
+	<string>1.3.49.3</string>
 	<key>ITSAppUsesNonExemptEncryption</key>
 	<false/>
 	<key>LSApplicationQueriesSchemes</key>
diff --git a/ios/NewExpensifyTests/Info.plist b/ios/NewExpensifyTests/Info.plist
index c2ea6a9b09ef..f8b9a7e218d3 100644
--- a/ios/NewExpensifyTests/Info.plist
+++ b/ios/NewExpensifyTests/Info.plist
@@ -19,6 +19,6 @@
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleVersion</key>
-	<string>1.3.49.2</string>
+	<string>1.3.49.3</string>
 </dict>
 </plist>
diff --git a/package-lock.json b/package-lock.json
index ca46f764c45b..abdd28b87a13 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "new.expensify",
-  "version": "1.3.49-2",
+  "version": "1.3.49-3",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "new.expensify",
-      "version": "1.3.49-2",
+      "version": "1.3.49-3",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/package.json b/package.json
index 1ba2c8dd2ba7..bb7f6c1048ac 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "new.expensify",
-  "version": "1.3.49-2",
+  "version": "1.3.49-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.",

From 89c5a08f80bb8bc4e1a7789661f74ff6fe2f3bc4 Mon Sep 17 00:00:00 2001
From: Daniel Gale-Rosen <dgalerosen@expensify.com>
Date: Thu, 3 Aug 2023 11:26:59 -0400
Subject: [PATCH 126/137] add checklist item

---
 .github/PULL_REQUEST_TEMPLATE.md         | 1 +
 contributingGuides/REVIEWER_CHECKLIST.md | 1 +
 2 files changed, 2 insertions(+)

diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
index f118601cbedb..d583931b3439 100644
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -113,6 +113,7 @@ This is a checklist for PR authors. Please make sure to complete all tasks and c
 - [ ] If the PR modifies code that runs when editing or sending messages, I tested and verified there is no unexpected behavior for all supported markdown - URLs, single line code, code blocks, quotes, headings, bold, strikethrough, and italic.
 - [ ] If the PR modifies a generic component, I tested and verified that those changes do not break usages of that component in the rest of the App (i.e. if a shared library or component like `Avatar` is modified, I verified that `Avatar` is working as expected in all cases)
 - [ ] If the PR modifies a component related to any of the existing Storybook stories, I tested and verified all stories for that component are still working as expected.
+- [ ] If the PR modifies a component or page that can be accessed by a direct deeplink, I verified that the code functions as expected when the deeplink is used.
 - [ ] If a new page is added, I verified it's using the `ScrollView` component to make it scrollable when more elements are added to the page.
 - [ ] If the `main` branch was merged into this PR after a review, I tested again and verified the outcome was still expected according to the `Test` steps.
 - [ ] I have checked off every checkbox in the PR author checklist, including those that don't apply to this PR.
diff --git a/contributingGuides/REVIEWER_CHECKLIST.md b/contributingGuides/REVIEWER_CHECKLIST.md
index 4370978c8a27..6a5dffc8b073 100644
--- a/contributingGuides/REVIEWER_CHECKLIST.md
+++ b/contributingGuides/REVIEWER_CHECKLIST.md
@@ -50,6 +50,7 @@
 - [ ] If the PR modifies code that runs when editing or sending messages, I tested and verified there is no unexpected behavior for all supported markdown - URLs, single line code, code blocks, quotes, headings, bold, strikethrough, and italic.
 - [ ] If the PR modifies a generic component, I tested and verified that those changes do not break usages of that component in the rest of the App (i.e. if a shared library or component like `Avatar` is modified, I verified that `Avatar` is working as expected in all cases)
 - [ ] If the PR modifies a component related to any of the existing Storybook stories, I tested and verified all stories for that component are still working as expected.
+- [ ] If the PR modifies a component or page that can be accessed by a direct deeplink, I verified that the code functions as expected when the deeplink is used - from a logged in and logged out account.
 - [ ] If a new page is added, I verified it's using the `ScrollView` component to make it scrollable when more elements are added to the page.
 - [ ] If the `main` branch was merged into this PR after a review, I tested again and verified the outcome was still expected according to the `Test` steps.
 - [ ] I have checked off every checkbox in the PR reviewer checklist, including those that don't apply to this PR.

From 1b8b064f1334264f99df4e32181cc5405c442b8b Mon Sep 17 00:00:00 2001
From: alphaboss1104 <alphaboss1104@gmail.com>
Date: Thu, 3 Aug 2023 17:28:04 +0200
Subject: [PATCH 127/137] fix no scroll bar in several pages

---
 src/components/OptionsList/BaseOptionsList.js         | 2 +-
 src/components/OptionsList/optionsListPropTypes.js    | 4 ++++
 src/components/OptionsSelector/BaseOptionsSelector.js | 1 +
 src/pages/ReportParticipantsPage.js                   | 1 +
 src/pages/workspace/WorkspaceInvitePage.js            | 1 +
 5 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/OptionsList/BaseOptionsList.js b/src/components/OptionsList/BaseOptionsList.js
index 28c9b1e70940..e417234bb14a 100644
--- a/src/components/OptionsList/BaseOptionsList.js
+++ b/src/components/OptionsList/BaseOptionsList.js
@@ -224,7 +224,7 @@ class BaseOptionsList extends Component {
                             onScrollBeginDrag={this.props.onScrollBeginDrag}
                             onScroll={this.props.onScroll}
                             contentContainerStyle={this.props.contentContainerStyles}
-                            showsVerticalScrollIndicator={false}
+                            showsVerticalScrollIndicator={this.props.showScrollIndicator}
                             sections={this.props.sections}
                             keyExtractor={this.extractKey}
                             stickySectionHeadersEnabled={false}
diff --git a/src/components/OptionsList/optionsListPropTypes.js b/src/components/OptionsList/optionsListPropTypes.js
index e6e507f4da09..74c13c7f2455 100644
--- a/src/components/OptionsList/optionsListPropTypes.js
+++ b/src/components/OptionsList/optionsListPropTypes.js
@@ -75,6 +75,9 @@ const propTypes = {
 
     /** Whether to disable the inner padding in rows */
     shouldDisableRowInnerPadding: PropTypes.bool,
+
+    /** Whether to show the scroll bar */
+    showScrollIndicator: PropTypes.bool,
 };
 
 const defaultProps = {
@@ -97,6 +100,7 @@ const defaultProps = {
     onLayout: undefined,
     shouldHaveOptionSeparator: false,
     shouldDisableRowInnerPadding: false,
+    showScrollIndicator: false,
 };
 
 export {propTypes, defaultProps};
diff --git a/src/components/OptionsSelector/BaseOptionsSelector.js b/src/components/OptionsSelector/BaseOptionsSelector.js
index aef909f1d5c2..a88e050b2aeb 100755
--- a/src/components/OptionsSelector/BaseOptionsSelector.js
+++ b/src/components/OptionsSelector/BaseOptionsSelector.js
@@ -356,6 +356,7 @@ class BaseOptionsSelector extends Component {
                 contentContainerStyles={[safeAreaPaddingBottomStyle, ...this.props.contentContainerStyles]}
                 listContainerStyles={this.props.listContainerStyles}
                 isLoading={!this.props.shouldShowOptions}
+                showScrollIndicator={this.props.showScrollIndicator}
             />
         );
         return (
diff --git a/src/pages/ReportParticipantsPage.js b/src/pages/ReportParticipantsPage.js
index 6bf1bc0c438a..380be17a0f7d 100755
--- a/src/pages/ReportParticipantsPage.js
+++ b/src/pages/ReportParticipantsPage.js
@@ -121,6 +121,7 @@ function ReportParticipantsPage(props) {
                                 }}
                                 hideSectionHeaders
                                 showTitleTooltip
+                                showScrollIndicator
                                 disableFocusOptions
                                 boldStyle
                                 optionHoveredStyle={styles.hoveredComponentBG}
diff --git a/src/pages/workspace/WorkspaceInvitePage.js b/src/pages/workspace/WorkspaceInvitePage.js
index 43ea7951c168..bff4a55d94a0 100644
--- a/src/pages/workspace/WorkspaceInvitePage.js
+++ b/src/pages/workspace/WorkspaceInvitePage.js
@@ -228,6 +228,7 @@ function WorkspaceInvitePage(props) {
                                 onChangeText={setSearchTerm}
                                 onConfirmSelection={inviteUser}
                                 headerMessage={headerMessage}
+                                showScrollIndicator
                                 hideSectionHeaders
                                 boldStyle
                                 shouldDelayFocus

From 2bc09e00360c95cb5df81bceb6a7138740b0670c Mon Sep 17 00:00:00 2001
From: charan h s <charanengg08@gmail.com>
Date: Thu, 3 Aug 2023 21:28:04 +0530
Subject: [PATCH 128/137] removed unnecessary translate dep

---
 src/components/AttachmentModal.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/AttachmentModal.js b/src/components/AttachmentModal.js
index 41448d381394..6f573f5cf287 100755
--- a/src/components/AttachmentModal.js
+++ b/src/components/AttachmentModal.js
@@ -211,7 +211,7 @@ function AttachmentModal(props) {
 
             return true;
         },
-        [translate],
+        [],
     );
     /**
      * @param {Object} _data
@@ -227,7 +227,7 @@ function AttachmentModal(props) {
             }
             return true;
         },
-        [translate],
+        [],
     );
 
     /**

From f137541b66df14015a0277f163a8e63356a5b4d1 Mon Sep 17 00:00:00 2001
From: charan h s <charanengg08@gmail.com>
Date: Thu, 3 Aug 2023 21:33:09 +0530
Subject: [PATCH 129/137] prettier

---
 src/components/AttachmentModal.js | 72 ++++++++++++++-----------------
 1 file changed, 33 insertions(+), 39 deletions(-)

diff --git a/src/components/AttachmentModal.js b/src/components/AttachmentModal.js
index 6f573f5cf287..7bfd6e30f398 100755
--- a/src/components/AttachmentModal.js
+++ b/src/components/AttachmentModal.js
@@ -183,52 +183,46 @@ function AttachmentModal(props) {
      * @param {Object} _file
      * @returns {Boolean}
      */
-    const isValidFile = useCallback(
-        (_file) => {
-            const {fileExtension} = FileUtils.splitExtensionFromFileName(lodashGet(_file, 'name', ''));
-            if (_.contains(CONST.API_ATTACHMENT_VALIDATIONS.UNALLOWED_EXTENSIONS, fileExtension.toLowerCase())) {
-                const invalidReason = 'attachmentPicker.notAllowedExtension';
-
-                setIsAttachmentInvalid(true);
-                setAttachmentInvalidReasonTitle('attachmentPicker.wrongFileType');
-                setAttachmentInvalidReason(invalidReason);
-                return false;
-            }
+    const isValidFile = useCallback((_file) => {
+        const {fileExtension} = FileUtils.splitExtensionFromFileName(lodashGet(_file, 'name', ''));
+        if (_.contains(CONST.API_ATTACHMENT_VALIDATIONS.UNALLOWED_EXTENSIONS, fileExtension.toLowerCase())) {
+            const invalidReason = 'attachmentPicker.notAllowedExtension';
+
+            setIsAttachmentInvalid(true);
+            setAttachmentInvalidReasonTitle('attachmentPicker.wrongFileType');
+            setAttachmentInvalidReason(invalidReason);
+            return false;
+        }
 
-            if (lodashGet(_file, 'size', 0) > CONST.API_ATTACHMENT_VALIDATIONS.MAX_SIZE) {
-                setIsAttachmentInvalid(true);
-                setAttachmentInvalidReasonTitle('attachmentPicker.attachmentTooLarge');
-                setAttachmentInvalidReason('attachmentPicker.sizeExceeded');
-                return false;
-            }
+        if (lodashGet(_file, 'size', 0) > CONST.API_ATTACHMENT_VALIDATIONS.MAX_SIZE) {
+            setIsAttachmentInvalid(true);
+            setAttachmentInvalidReasonTitle('attachmentPicker.attachmentTooLarge');
+            setAttachmentInvalidReason('attachmentPicker.sizeExceeded');
+            return false;
+        }
 
-            if (lodashGet(_file, 'size', 0) < CONST.API_ATTACHMENT_VALIDATIONS.MIN_SIZE) {
-                setIsAttachmentInvalid(true);
-                setAttachmentInvalidReasonTitle('attachmentPicker.attachmentTooSmall');
-                setAttachmentInvalidReason('attachmentPicker.sizeNotMet');
-                return false;
-            }
+        if (lodashGet(_file, 'size', 0) < CONST.API_ATTACHMENT_VALIDATIONS.MIN_SIZE) {
+            setIsAttachmentInvalid(true);
+            setAttachmentInvalidReasonTitle('attachmentPicker.attachmentTooSmall');
+            setAttachmentInvalidReason('attachmentPicker.sizeNotMet');
+            return false;
+        }
 
-            return true;
-        },
-        [],
-    );
+        return true;
+    }, []);
     /**
      * @param {Object} _data
      * @returns {Boolean}
      */
-    const isDirectoryCheck = useCallback(
-        (_data) => {
-            if (typeof _data.webkitGetAsEntry === 'function' && _data.webkitGetAsEntry().isDirectory) {
-                setIsAttachmentInvalid(true);
-                setAttachmentInvalidReasonTitle('attachmentPicker.attachmentError');
-                setAttachmentInvalidReason('attachmentPicker.folderNotAllowedMessage');
-                return false;
-            }
-            return true;
-        },
-        [],
-    );
+    const isDirectoryCheck = useCallback((_data) => {
+        if (typeof _data.webkitGetAsEntry === 'function' && _data.webkitGetAsEntry().isDirectory) {
+            setIsAttachmentInvalid(true);
+            setAttachmentInvalidReasonTitle('attachmentPicker.attachmentError');
+            setAttachmentInvalidReason('attachmentPicker.folderNotAllowedMessage');
+            return false;
+        }
+        return true;
+    }, []);
 
     /**
      * @param {Object} _data

From 55eccde0502aea00625a2a59f7285b82c472c86d Mon Sep 17 00:00:00 2001
From: OSBotify <infra+osbotify@expensify.com>
Date: Thu, 3 Aug 2023 17:01:03 +0000
Subject: [PATCH 130/137] Update version to 1.3.50-0

---
 android/app/build.gradle         | 4 ++--
 ios/NewExpensify/Info.plist      | 4 ++--
 ios/NewExpensifyTests/Info.plist | 4 ++--
 package-lock.json                | 4 ++--
 package.json                     | 2 +-
 5 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/android/app/build.gradle b/android/app/build.gradle
index 33c06fc38ea3..90881c6e2a16 100644
--- a/android/app/build.gradle
+++ b/android/app/build.gradle
@@ -86,8 +86,8 @@ android {
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
         multiDexEnabled rootProject.ext.multiDexEnabled
-        versionCode 1001034903
-        versionName "1.3.49-3"
+        versionCode 1001035000
+        versionName "1.3.50-0"
     }
 
     signingConfigs {
diff --git a/ios/NewExpensify/Info.plist b/ios/NewExpensify/Info.plist
index c99f075a27b2..a06404d030a4 100644
--- a/ios/NewExpensify/Info.plist
+++ b/ios/NewExpensify/Info.plist
@@ -19,7 +19,7 @@
 	<key>CFBundlePackageType</key>
 	<string>APPL</string>
 	<key>CFBundleShortVersionString</key>
-	<string>1.3.49</string>
+	<string>1.3.50</string>
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleURLTypes</key>
@@ -32,7 +32,7 @@
 		</dict>
 	</array>
 	<key>CFBundleVersion</key>
-	<string>1.3.49.3</string>
+	<string>1.3.50.0</string>
 	<key>ITSAppUsesNonExemptEncryption</key>
 	<false/>
 	<key>LSApplicationQueriesSchemes</key>
diff --git a/ios/NewExpensifyTests/Info.plist b/ios/NewExpensifyTests/Info.plist
index f8b9a7e218d3..efe2bc1f2ed5 100644
--- a/ios/NewExpensifyTests/Info.plist
+++ b/ios/NewExpensifyTests/Info.plist
@@ -15,10 +15,10 @@
 	<key>CFBundlePackageType</key>
 	<string>BNDL</string>
 	<key>CFBundleShortVersionString</key>
-	<string>1.3.49</string>
+	<string>1.3.50</string>
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleVersion</key>
-	<string>1.3.49.3</string>
+	<string>1.3.50.0</string>
 </dict>
 </plist>
diff --git a/package-lock.json b/package-lock.json
index abdd28b87a13..6ac853f3c5ab 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "new.expensify",
-  "version": "1.3.49-3",
+  "version": "1.3.50-0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "new.expensify",
-      "version": "1.3.49-3",
+      "version": "1.3.50-0",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/package.json b/package.json
index bb7f6c1048ac..a511773f2971 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "new.expensify",
-  "version": "1.3.49-3",
+  "version": "1.3.50-0",
   "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.",

From 68afecf5a02a69e5f11bb528eaa1c4e8dc6e3f77 Mon Sep 17 00:00:00 2001
From: Carlos Martins <cmartins@expensify.com>
Date: Thu, 3 Aug 2023 11:11:46 -0600
Subject: [PATCH 131/137] only call readfile when receipt is present

---
 .../iou/steps/MoneyRequestConfirmPage.js      | 43 +++++++++++++------
 1 file changed, 30 insertions(+), 13 deletions(-)

diff --git a/src/pages/iou/steps/MoneyRequestConfirmPage.js b/src/pages/iou/steps/MoneyRequestConfirmPage.js
index 10bd7549389c..d8711de4fc1c 100644
--- a/src/pages/iou/steps/MoneyRequestConfirmPage.js
+++ b/src/pages/iou/steps/MoneyRequestConfirmPage.js
@@ -110,6 +110,27 @@ function MoneyRequestConfirmPage(props) {
         Navigation.goBack(fallback);
     };
 
+    /**
+     * @param {Array} selectedParticipants
+     * @param {String} trimmedComment
+     * @param {File} [receipt]
+     */
+    const requestMoney = useCallback(
+        (selectedParticipants, trimmedComment, receipt) => {
+            IOU.requestMoney(
+                props.report,
+                props.iou.amount,
+                props.iou.currency,
+                props.currentUserPersonalDetails.login,
+                props.currentUserPersonalDetails.accountID,
+                selectedParticipants[0],
+                trimmedComment,
+                receipt,
+            );
+        },
+        [props.report, props.iou.amount, props.iou.currency, props.currentUserPersonalDetails.login, props.currentUserPersonalDetails.accountID],
+    );
+
     const createTransaction = useCallback(
         (selectedParticipants) => {
             const trimmedComment = props.iou.comment.trim();
@@ -142,18 +163,14 @@ function MoneyRequestConfirmPage(props) {
                 return;
             }
 
-            FileUtils.readFileAsync(props.iou.receiptPath, props.iou.receiptSource).then((receipt) => {
-                IOU.requestMoney(
-                    props.report,
-                    props.iou.amount,
-                    props.iou.currency,
-                    props.currentUserPersonalDetails.login,
-                    props.currentUserPersonalDetails.accountID,
-                    selectedParticipants[0],
-                    trimmedComment,
-                    receipt,
-                );
-            });
+            if (props.iou.receiptPath && props.iou.receiptSource) {
+                FileUtils.readFileAsync(props.iou.receiptPath, props.iou.receiptSource).then((receipt) => {
+                    requestMoney(selectedParticipants, trimmedComment, receipt);
+                });
+                return;
+            }
+
+            requestMoney(selectedParticipants, trimmedComment);
         },
         [
             props.iou.amount,
@@ -161,9 +178,9 @@ function MoneyRequestConfirmPage(props) {
             props.currentUserPersonalDetails.login,
             props.currentUserPersonalDetails.accountID,
             props.iou.currency,
-            props.report,
             props.iou.receiptPath,
             props.iou.receiptSource,
+            requestMoney,
         ],
     );
 

From 60a33ba71c1e09e25861602accc7c3af80088a3c Mon Sep 17 00:00:00 2001
From: Daniel Gale-Rosen <dgalerosen@expensify.com>
Date: Thu, 3 Aug 2023 13:46:05 -0400
Subject: [PATCH 132/137] add logged in note to PR template

---
 .github/PULL_REQUEST_TEMPLATE.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
index d583931b3439..800888580518 100644
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -113,7 +113,7 @@ This is a checklist for PR authors. Please make sure to complete all tasks and c
 - [ ] If the PR modifies code that runs when editing or sending messages, I tested and verified there is no unexpected behavior for all supported markdown - URLs, single line code, code blocks, quotes, headings, bold, strikethrough, and italic.
 - [ ] If the PR modifies a generic component, I tested and verified that those changes do not break usages of that component in the rest of the App (i.e. if a shared library or component like `Avatar` is modified, I verified that `Avatar` is working as expected in all cases)
 - [ ] If the PR modifies a component related to any of the existing Storybook stories, I tested and verified all stories for that component are still working as expected.
-- [ ] If the PR modifies a component or page that can be accessed by a direct deeplink, I verified that the code functions as expected when the deeplink is used.
+- [ ] If the PR modifies a component or page that can be accessed by a direct deeplink, I verified that the code functions as expected when the deeplink is used - from a logged in and logged out account.
 - [ ] If a new page is added, I verified it's using the `ScrollView` component to make it scrollable when more elements are added to the page.
 - [ ] If the `main` branch was merged into this PR after a review, I tested again and verified the outcome was still expected according to the `Test` steps.
 - [ ] I have checked off every checkbox in the PR author checklist, including those that don't apply to this PR.

From b9cc192e24da83cf932e20018994f0af52be05b9 Mon Sep 17 00:00:00 2001
From: Thanos30 <thanos30fillidis@gmail.com>
Date: Thu, 3 Aug 2023 21:27:54 +0300
Subject: [PATCH 133/137] update function's docs and name

---
 src/libs/ReportUtils.js                              | 6 +++---
 src/pages/home/report/ReportActionCompose.js         | 2 +-
 src/pages/tasks/TaskShareDestinationSelectorModal.js | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/libs/ReportUtils.js b/src/libs/ReportUtils.js
index 784b7909e7f6..9d08ca7d6b75 100644
--- a/src/libs/ReportUtils.js
+++ b/src/libs/ReportUtils.js
@@ -461,12 +461,12 @@ function isConciergeChatReport(report) {
 }
 
 /**
- * Returns true if we can share a task in this report
+ * Returns true if this report has only one participant and it's an Expensify account.
  * @param {Object} report
  * @returns {Boolean}
  */
 
-function isExpensifyChatReport(report) {
+function isExpensifyOnlyParticipantInReport(report) {
     const reportParticipants = _.without(lodashGet(report, 'participantAccountIDs', []), currentUserAccountID);
     return lodashGet(report, 'participantAccountIDs', []).length === 1 && _.some(reportParticipants, (accountID) => _.contains(CONST.EXPENSIFY_ACCOUNT_IDS, accountID));
 }
@@ -2859,7 +2859,7 @@ export {
     getPolicyName,
     getPolicyType,
     isArchivedRoom,
-    isExpensifyChatReport,
+    isExpensifyOnlyParticipantInReport,
     isPolicyExpenseChatAdmin,
     isPolicyAdmin,
     isPublicRoom,
diff --git a/src/pages/home/report/ReportActionCompose.js b/src/pages/home/report/ReportActionCompose.js
index 0a7d6f612f5c..827cf3aebbb8 100644
--- a/src/pages/home/report/ReportActionCompose.js
+++ b/src/pages/home/report/ReportActionCompose.js
@@ -452,7 +452,7 @@ class ReportActionCompose extends React.Component {
      */
     getTaskOption() {
         // We only prevent the task option from showing if it's a DM and the other user is an Expensify default email
-        if (!Permissions.canUseTasks(this.props.betas) || ReportUtils.isExpensifyChatReport(this.props.report)) {
+        if (!Permissions.canUseTasks(this.props.betas) || ReportUtils.isExpensifyOnlyParticipantInReport(this.props.report)) {
             return [];
         }
 
diff --git a/src/pages/tasks/TaskShareDestinationSelectorModal.js b/src/pages/tasks/TaskShareDestinationSelectorModal.js
index 35cfff25132a..00bae2db9d81 100644
--- a/src/pages/tasks/TaskShareDestinationSelectorModal.js
+++ b/src/pages/tasks/TaskShareDestinationSelectorModal.js
@@ -53,7 +53,7 @@ function TaskShareDestinationSelectorModal(props) {
             if (
                 !ReportUtils.isAllowedToComment(props.reports[reportKey]) ||
                 ReportUtils.isArchivedRoom(props.reports[reportKey]) ||
-                ReportUtils.isExpensifyChatReport(props.reports[reportKey])
+                ReportUtils.isExpensifyOnlyParticipantInReport(props.reports[reportKey])
             ) {
                 return;
             }

From ce779cc4c9ea6cb5d65a8fe34d011fcae2ec1d71 Mon Sep 17 00:00:00 2001
From: Thanos30 <thanos30fillidis@gmail.com>
Date: Thu, 3 Aug 2023 22:26:42 +0300
Subject: [PATCH 134/137] remove unneeded space

---
 src/libs/ReportUtils.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/libs/ReportUtils.js b/src/libs/ReportUtils.js
index 9d08ca7d6b75..f768bed9138c 100644
--- a/src/libs/ReportUtils.js
+++ b/src/libs/ReportUtils.js
@@ -465,7 +465,6 @@ function isConciergeChatReport(report) {
  * @param {Object} report
  * @returns {Boolean}
  */
-
 function isExpensifyOnlyParticipantInReport(report) {
     const reportParticipants = _.without(lodashGet(report, 'participantAccountIDs', []), currentUserAccountID);
     return lodashGet(report, 'participantAccountIDs', []).length === 1 && _.some(reportParticipants, (accountID) => _.contains(CONST.EXPENSIFY_ACCOUNT_IDS, accountID));

From 34ba7a527f1b91669fcc6e2fc1ab3718fd25f9db Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?F=C3=A1bio=20Henriques?= <contact@fabiohenriques.dev>
Date: Thu, 3 Aug 2023 20:43:37 +0100
Subject: [PATCH 135/137] Fix Podfile.lock Cocoapods version

---
 ios/Podfile.lock | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ios/Podfile.lock b/ios/Podfile.lock
index fd408081faf5..343828fc5595 100644
--- a/ios/Podfile.lock
+++ b/ios/Podfile.lock
@@ -1234,4 +1234,4 @@ SPEC CHECKSUMS:
 
 PODFILE CHECKSUM: bc8161c6bfffeec6e6eaf84be18de5041ddcacf6
 
-COCOAPODS: 1.11.3
+COCOAPODS: 1.12.1

From b3c50af7169a75e0bd0ed77fb1e17dc2f75f75d3 Mon Sep 17 00:00:00 2001
From: tienifr <christianwen18@gmail.com>
Date: Fri, 4 Aug 2023 03:37:07 +0700
Subject: [PATCH 136/137] add comment for bgTransparent

---
 src/components/MagicCodeInput.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/MagicCodeInput.js b/src/components/MagicCodeInput.js
index fcfa82129767..a52cee04af8a 100644
--- a/src/components/MagicCodeInput.js
+++ b/src/components/MagicCodeInput.js
@@ -281,6 +281,7 @@ function MagicCodeInput(props) {
                         >
                             <Text style={[styles.magicCodeInput, styles.textAlignCenter]}>{decomposeString(props.value, props.maxLength)[index] || ''}</Text>
                         </View>
+                        {/* Hide the input above the text. Cannot set opacity to 0 as it would break pasting on iOS Safari. */}
                         <View style={[StyleSheet.absoluteFillObject, styles.w100, styles.bgTransparent]}>
                             <TextInput
                                 ref={(ref) => (inputRefs.current[index] = ref)}

From 18daf91b09767ffcd5d00c79866fabb452c57daa Mon Sep 17 00:00:00 2001
From: Thanos30 <thanos30fillidis@gmail.com>
Date: Thu, 3 Aug 2023 23:45:49 +0300
Subject: [PATCH 137/137] remove space

---
 src/pages/tasks/TaskShareDestinationSelectorModal.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/pages/tasks/TaskShareDestinationSelectorModal.js b/src/pages/tasks/TaskShareDestinationSelectorModal.js
index 00bae2db9d81..8272406b4cbe 100644
--- a/src/pages/tasks/TaskShareDestinationSelectorModal.js
+++ b/src/pages/tasks/TaskShareDestinationSelectorModal.js
@@ -5,7 +5,6 @@ import {View} from 'react-native';
 import PropTypes from 'prop-types';
 import {withOnyx} from 'react-native-onyx';
 import OptionsSelector from '../../components/OptionsSelector';
-
 import * as OptionsListUtils from '../../libs/OptionsListUtils';
 import ONYXKEYS from '../../ONYXKEYS';
 import styles from '../../styles/styles';