[Manual Requests] Create thread for Manual Request when opening IOUPreview

src/components/ReportActionItem/MoneyRequestAction.js

@@ -15,6 +15,10 @@ import Navigation from '../../libs/Navigation/Navigation';
 import ROUTES from '../../ROUTES';
 import styles from '../../styles/styles';
 import * as IOUUtils from '../../libs/IOUUtils';
+import {getThreadForReportActionID, buildOptimisticChatReport} from '../../libs/ReportUtils';
+import * as Report from '../../libs/actions/Report';
+import withLocalize, {withLocalizePropTypes} from '../withLocalize';
+import lodashGet from 'lodash/get';
 
 const propTypes = {
     /** All the data of the action */
@@ -55,6 +59,14 @@ const propTypes = {
     isHovered: PropTypes.bool,
 
     network: networkPropTypes.isRequired,
+
+    /** Session info for the currently logged in user. */
+    session: PropTypes.shape({
+        /** Currently logged in user email */
+        email: PropTypes.string,
+    }),
+
+    ...withLocalizePropTypes,
 };
 
 const defaultProps = {
@@ -66,11 +78,40 @@ const defaultProps = {
     iouReport: {},
     reportActions: {},
     isHovered: false,
+    session: {
+        email: null,
+    },
 };
 
 const MoneyRequestAction = (props) => {
     const hasMultipleParticipants = props.chatReport.participants.length > 1;
     const onIOUPreviewPressed = () => {
+        // This would ideally be passed as a prop or hooked up via withOnyx so that we are not be triggering a potentially intensive
+        // search in an onPress handler, I think this could lead to performance issues but it probably ok for now.
+        const thread = getThreadForReportActionID(props.action.reportActionID);
+        console.log({thread});
+        if (_.isEmpty(thread)) {
+            // Since a thread does not exist yet then we need to create it now. This is done by creating the report object
+            // and passing the parentReportActionID of the reportAction. OpenReport will then automatically create the thread for us.
+            const optimisticThreadReport = buildOptimisticChatReport(
+                props.chatReport.participants,
+                props.translate('iou.threadReportName', {payee: props.action.actorEmail, comment: props.action.originalMessage.comment}),
+                '',
+                props.chatReport.policyID,
+                props.chatReport.owner,
+                props.chatReport.type === CONST.REPORT.CHAT_TYPE.POLICY_EXPENSE_CHAT,
+                props.chatReport.oldPolicyName,
+                undefined,
+                CONST.REPORT.NOTIFICATION_PREFERENCE.ALWAYS,
+                props.action.reportActionID,
+            );
+            console.log({optimisticThreadReport});
+            Report.openReport(
+                optimisticThreadReport.reportID,
+                [_.reject(optimisticThreadReport.participants, (login) => login === lodashGet(props.session, 'email', ''))],
+                optimisticThreadReport,
+            );
+        }
         if (hasMultipleParticipants) {
             Navigation.navigate(ROUTES.getReportParticipantsRoute(props.chatReportID));
         } else {
@@ -126,6 +167,7 @@ MoneyRequestAction.defaultProps = defaultProps;
 MoneyRequestAction.displayName = 'MoneyRequestAction';
 
 export default compose(
+    withLocalize,
     withOnyx({
         chatReport: {
             key: ({chatReportID}) => `${ONYXKEYS.COLLECTION.REPORT}${chatReportID}`,
@@ -137,6 +179,9 @@ export default compose(
             key: ({chatReportID}) => `${ONYXKEYS.COLLECTION.REPORT_ACTIONS}${chatReportID}`,
             canEvict: false,
         },
+        session: {
+            key: ONYXKEYS.SESSION,
+        },
     }),
     withNetwork(),
 )(MoneyRequestAction);

src/languages/en.js

@@ -328,6 +328,7 @@ export default {
         payerOwesAmount: ({payer, amount}) => `${payer} owes ${amount}`,
         noReimbursableExpenses: 'This report has an invalid amount',
         pendingConversionMessage: "Total will update when you're back online",
+        threadReportName: ({payee, comment}) => `${payee} request${comment ? ` for ${comment}` : ''}`,
         error: {
             invalidSplit: 'Split amounts do not equal total amount',
             other: 'Unexpected error, please try again later',

src/libs/ReportUtils.js

@@ -1276,6 +1276,7 @@ function buildOptimisticChatReport(
     oldPolicyName = '',
     visibility = undefined,
     notificationPreference = CONST.REPORT.NOTIFICATION_PREFERENCE.ALWAYS,
+    parentReportActionID = '',
 ) {
     const currentTime = DateUtils.getDBTime();
     return {
@@ -1295,6 +1296,7 @@ function buildOptimisticChatReport(
         participants: participantList,
         policyID,
         reportID: generateReportID(),
+        parentReportActionID,
         reportName,
         stateNum: 0,
         statusNum: 0,
@@ -1894,6 +1896,22 @@ function getWhisperDisplayNames(participants) {
     return _.map(participants, (login) => getDisplayNameForParticipant(login, !isWhisperOnlyVisibleToCurrentUSer)).join(', ');
 }
 
+/**
+ * Used to determine if a thread exists already or not for a given reportActionID
+ *
+ * @param {String}
+ * @returns {Boolean}
+ */
+function getThreadForReportActionID(reportActionID) {
+    return _.find(allReports, (report) => {
+        if (!report.parentReportActionID) {
+            return false;
+        }
+
+        return report.parentReportActionID === reportActionID;
+    });
+}
+
 /**
  * Show subscript on IOU or expense report
  * @param {Object} report
@@ -1990,5 +2008,6 @@ export {
     canRequestMoney,
     getWhisperDisplayNames,
     getWorkspaceAvatar,
+    getThreadForReportActionID,
     shouldReportShowSubscript,
 };

src/libs/actions/Report.js

@@ -399,6 +399,11 @@ function openReport(reportID, participantList = [], newReportObject = {}) {
 
         // Add the createdReportActionID parameter to the API call
         params.createdReportActionID = optimisticCreatedAction.reportActionID;
+
+        // Only add the parentReportActionID if it's been added to the optimistic report
+        if (newReportObject.parentReportActionID) {
+            params.parentReportActionID = newReportObject.parentReportActionID;
+        }
     }
 
     API.write('OpenReport', params, onyxData);