[HOLD for payment 2024-06-13] [$500] Reddot pinned chat appears for approver for submitter's failed scanned receipt

[m-natarajan]

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!

---

Version Number: 1.4.43-3
Reproducible in staging?: y
Reproducible in production?: y
Issue reported by: @puneetlath
Slack conversation: https://expensify.slack.com/archives/C049HHMV9SM/p1708448202824579

Action Performed:

1. Create a collect policy in OD as account A
2. Invite user B as employee
3. Log in as user B in NewDot
4. Create a expense report with a invalid receipt to fail the scanning
5. Log in to user A in NewDot

Expected Result:

No RBR pinned chat appear in the LHN for the error message

Actual Result:

Seeing red dot pinned chat in LHN for submitter's workspace chat as approver

Workaround:

unknown

Platforms:

Which of our officially supported platforms is this issue occurring on?

• Android: Native
• Android: mWeb Chrome
• iOS: Native
• iOS: mWeb Safari
• MacOS: Chrome / Safari
• MacOS: Desktop

Screenshots/Videos

Add any screenshot/video evidence

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~0158b53b3b70327b50
• Upwork Job ID: 1760383519930896384
• Last Price Increase: 2024-04-08
• Automatic offers:
• dukenv0307 | Contributor | 0

Issue Owner

Current Issue Owner: @isabelastisser

[melvin-bot]

Triggered auto assignment to @isabelastisser (Bug), see https://stackoverflow.com/c/expensify/questions/14418 for more details.

[melvin-bot]

Job added to Upwork: https://www.upwork.com/jobs/~0158b53b3b70327b50

[melvin-bot]

Triggered auto assignment to Contributor-plus team member for initial proposal review - @eVoloshchak (External)

[wildan-m]

Proposal

Please re-state the problem that we are trying to solve in this issue.

What is the root cause of that problem?

Currently errors are not distinguished by owner, so they will show to all users who have access.

What changes do you think we should make in order to solve the problem?

If the red dot should only be visible to the owner, we can relocate this line:

App/src/libs/SidebarUtils.ts

Line 238 in d33bf6e

result.brickRoadIndicator = hasErrors || hasViolations ? CONST.BRICK_ROAD_INDICATOR_STATUS.ERROR : '';

below this code:

App/src/libs/SidebarUtils.ts

Lines 359 to 361 in d33bf6e

	result.isIOUReportOwner = ReportUtils.isIOUOwnedByCurrentUser(result as Report);

And adjust the logic to:

    result.isIOUReportOwner = ReportUtils.isIOUOwnedByCurrentUser(result as Report);
    result.brickRoadIndicator = (hasErrors || hasViolations) && result.isIOUReportOwner ? CONST.BRICK_ROAD_INDICATOR_STATUS.ERROR : '';

If this condition also applies to the workspace switcher, we can place the check here:

    if (doesReportContainErrors && ReportUtils.isIOUOwnedByCurrentUser(report)) {
        return CONST.BRICK_ROAD_INDICATOR_STATUS.ERROR;
    }

If we also want to ignore CONST.BRICK_ROAD_INDICATOR_STATUS.INFO in the workspace switcher, we can modify getBrickRoadForPolicy to:

const getBrickRoadForPolicy = (report: Report, shouldOnlyShowOwnedReport = true): BrickRoad => {
    if(shouldOnlyShowOwnedReport && !ReportUtils.isIOUOwnedByCurrentUser(report))
    {
        return undefined;
    }

What alternative solutions did you explore? (Optional)

[wildan-m]

@eVoloshchak proposal updated.

Add an optional condition if we also want to apply the same rule for the workspace switcher.

[isabelastisser]

Hey @eVoloshchak, can you please review the proposal? Thanks!

[brandonhenry]

Proposal

Please re-state the problem that we are trying to solve in this issue.

In the current implementation, when a submitter creates an expense report with an invalid receipt that fails to scan, RBR
appears in the LHN only for the submitter of the report.

The expected behavior is:

• The RBR on the LHN should only show for the user that made the request
• The RBRs on the report preview, money request preview, and the ones in the money request view, should show to every user that has access to them

What is the root cause of that problem?

The getAllReportErrors function currently does not distinguish between showing RBRs on the LHN vs showing them on report/request previews and the money request view.

App/src/libs/OptionsListUtils.ts

Line 472 in 690174f

function getAllReportErrors(report: OnyxEntry<Report>, reportActions: OnyxEntry<ReportActions>): OnyxCommon.Errors {

Specifically, the ReportUtils.hasSmartscanError check is used to determine if a smartscan error RBR should be shown:

} else if (ReportUtils.hasSmartscanError(Object.values(reportActions ?? {}))) {
    reportActionErrors.smartscan = ErrorUtils.getMicroSecondOnyxError('report.genericSmartscanFailureMessage');
}

App/src/libs/OptionsListUtils.ts

Lines 492 to 493 in 690174f

	} else if (ReportUtils.hasSmartscanError(Object.values(reportActions ?? {}))) {
	reportActionErrors.smartscan = ErrorUtils.getMicroSecondOnyxError('report.genericSmartscanFailureMessage');

This adds the RBR for any user that has access to the report actions, regardless of if they are the submitter or not.

What changes do you think we should make in order to solve the problem?

To meet the requirements of only showing the RBR on the LHN for the submitter, while still showing it for all users on report/request previews and the money request view, I propose:

1. Create a new function shouldShowLHNErrorForMissingSmartscanFields that checks if the current user is the submitter before calling the existing hasMissingSmartscanFields:

function shouldShowLHNErrorForMissingSmartscanFields(iouReportID) {
  const reportActions = ReportActionsUtils.getAllReportActions(iouReportID);
  const submitterReportActions = _.filter(reportActions, reportAction => 
    reportAction.actorAccountID === currentUserAccountID
  );

  return ReportUtils.hasMissingSmartscanFields(iouReportID);
}

2. Update getAllReportErrors to use this new function for determining LHN errors:

} else if (shouldShowLHNErrorForMissingSmartscanFields(report?.reportID ?? '')) {
    reportActionErrors.smartscan = ErrorUtils.getMicroSecondOnyxError('report.genericSmartscanFailureMessage');
}

3. Leave hasMissingSmartscanFields as is, so it continues to be used for showing RBRs on report/request previews and money request view for all users with access.

This separates the logic for showing LHN errors vs preview/money request view errors, to meet the different requirements for each.

[dukenv0307]

Proposal

Please re-state the problem that we are trying to solve in this issue.

• Reddot pinned chat appears for approver for submitter's failed scanned receipt

What is the root cause of that problem?

• When displaying a RBR, we do not check if the current user is requestor or not, which leads to the bug:
  

  App/src/libs/OptionsListUtils.ts

  Lines 504 to 506 in ddf9e7a

  	} else if (ReportUtils.hasSmartscanError(Object.values(reportActions ?? {}))) {
  	reportActionErrors.smartscan = ErrorUtils.getMicroSecondOnyxError('report.genericSmartscanFailureMessage');
  	}

What changes do you think we should make in order to solve the problem?

• Removed

What alternative solutions did you explore? (Optional)

• We can create a util function to check if the current user is the requestor or not:

     const isRequestor: (reportAction) => currentUserAccountID === reportAction?.actorAccountID

• Then, we need to fix the RBR LHN in the transaction thread report, expense report and the chat report.
• The first one is transaction thread report, we need to update this one:
  

  App/src/libs/OptionsListUtils.ts

  Line 482 in 690174f

  if (parentReportAction?.actorAccountID === currentUserAccountID && ReportActionUtils.isTransactionThread(parentReportAction)) {

  
  to:

    if (isRequestor(parentReportAction) && ReportActionUtils.isTransactionThread(parentReportAction)) {

• The second one is expense report, we need to update hasMissingSmartscanFields in this one:
  

  App/src/libs/OptionsListUtils.ts

  Line 489 in 690174f

  if (ReportUtils.hasMissingSmartscanFields(report?.reportID ?? '') && !ReportUtils.isSettled(report?.reportID)) {

  
  to:

function hasMissingSmartscanFields(iouReportID: string): boolean {
    const reportActions = Object.values(ReportActionsUtils.getAllReportActions(iouReportID));
    return reportActions.some((action)=>{
        if(!ReportActionsUtils.isMoneyRequestAction(action)){
            return false
        }
        const transaction = TransactionUtils.getLinkedTransaction(action)
        return TransactionUtils.hasMissingSmartscanFields(transaction) && isRequestor(action)
    })
}

• The last one is the chat report. We do not need to update anything in this one:
  

  App/src/libs/OptionsListUtils.ts

  Line 492 in 690174f

  } else if (ReportUtils.hasSmartscanError(Object.values(reportActions ?? {}))) {

  
  because the above change we made for hasMissingSmartscanFields is enough

• Additionally, we also need to fix the MoneyRequestView based on the comment "The RBRs on the report preview, money request preview, and the ones in the money request view, should show to every user that has access to them.". Do it by remove canEdit in here

• We can create a additional param in hasMissingSmartscanFields, named isLHN preview to only apply the change with LHN preview message