[HOLD for payment 2024-09-10] [$250] IOU - Message and Notification Swapping in IOU When Transitioning from Offline to Online

[lanitochka17]

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: 9.0.13-3
Reproducible in staging?: Y
Reproducible in production?: Y
If this was caught during regression testing, add the test name, ID and link from TestRail: N/A
Email or phone of affected tester (no customers): betlihemasfaw14@gmail.com
Issue reported by: Applause - Internal Team

Action Performed:

1. Navigate to Workspace Chat > Plus Sign > Submit Expense
2. Add amount and merchant, then confirm
3. Go to IOU, switch to offline mode, and generate a notification by changing the date
4. Write a message, then switch back to online mode. Notice the message and notification swap

Expected Result:

Messages and notifications should remain in place

Actual Result:

Messages and notifications swap in IOU when translated from offline to online

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

Bug6551162_1721788179924.Screen_Recording_2024-07-23_at_7.11.05_PM.mp4

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~017fdfd49bd9346b4c
• Upwork Job ID: 1818663278050494650
• Last Price Increase: 2024-08-14
• Automatic offers:
• nkdengineer | Contributor | 103525574

Issue Owner

Current Issue Owner: @greg-schroeder

[melvin-bot]

Triggered auto assignment to @greg-schroeder (Bug), see https://stackoverflow.com/c/expensify/questions/14418 for more details. Please add this bug to a GH project, as outlined in the SO.

[lanitochka17]

@greg-schroeder FYI I haven't added the External label as I wasn't 100% sure about this issue. Please take a look and add the label if you agree it's a bug and can be handled by external contributors

[nyomanjyotisa]

Proposal

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

Message and Notification Swapping in IOU When Transitioning from Offline to Online

What is the root cause of that problem?

The root cause of the problem is that the API call to update the date modifies the created value, which subsequently rearranges the positions of report actions. This occurs because the current sorting mechanism does not prioritize report actions with pendingAction equal to add.

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

Updating the sorting logic to ensure that report actions with pendingAction equals to 'add' are always positioned in the first of the list. This change will prevent the reordering of these actions due to API updates on the created value if there are some pending add actions left

Add the following code here

        if (first.pendingAction === 'add' && second.pendingAction !== 'add') {
            return 1  * invertedMultiplier;
        } else if (first.pendingAction !== 'add' && second.pendingAction === 'add') {
            return -1  * invertedMultiplier;
        }

What alternative solutions did you explore? (Optional)

[nkdengineer]

Edited by proposal-police: This proposal was edited at 2024-08-08 10:23:22 UTC.

Proposal

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

Messages and notifications swap in IOU when translated from offline to online

What is the root cause of that problem?

After we update the money request, we call saveUpdateInformation here making the queue paused here

App/src/libs/Middleware/SaveResponseInOnyx.ts

Line 38 in 00d2c42

OnyxUpdates.saveUpdateInformation(responseToApply);

Then when the queue is unpaused, we merge the pending Onyx data from the response API to Onyx meanwhile other write APIs are not complete. created from BE is larger than other report actions makes the order change.

App/src/libs/Network/SequentialQueue.ts

Line 179 in 00d2c42

flushOnyxUpdatesQueue();

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

We can remove the flushOnyxUpdatesQueue here then we should update here to only update the Onyx data if the queue is empty because when the queue is paused, the process promise will be resolved immediately

if (PersistedRequests.getAll().length === 0) {
  flushOnyxUpdatesQueue();
}

App/src/libs/Network/SequentialQueue.ts

Line 161 in 9c7c4a1

flushOnyxUpdatesQueue();

What alternative solutions did you explore? (Optional)

[melvin-bot]

Job added to Upwork: https://www.upwork.com/jobs/~017fdfd49bd9346b4c

[melvin-bot]

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