[Due for payment 2025-05-30] [$250] Sound - No sound when paying to a user via QAB

[jponikarchuk]

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.1.39-1
Reproducible in staging?: Yes
Reproducible in production?: Yes
If this was caught during regression testing, add the test name, ID and link from TestRail: https://expensify.testrail.io/index.php?/tests/view/6031362
Email or phone of affected tester (no customers): agexptest+pr0105c@gmail.com
Issue reported by: Applause Internal Team
Device used: Windows 10/ Chrome, Samsung S23FE/ Android 14
App Component: Money Requests

Action Performed:

1. Go to staging.new.expensify.com
2. Log in with a new gmail account
3. Open a DM with any user
4. Click + in the composer and pay using the Pay {userName} option
5. Verify success sound is played
6. Click FAB > Click on QAB
7. Pay the user again

Expected Result:

The success sound is played.

Actual Result:

No sound when paying to a user via QAB.

Workaround:

Unknown

Platforms:

• Android: App
• Android: mWeb Chrome
• iOS: App
• iOS: mWeb Safari
• iOS: mWeb Chrome
• Windows: Chrome
• MacOS: Chrome / Safari
• MacOS: Desktop

Screenshots/Videos

1.mp4

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~021919507454284417985
• Upwork Job ID: 1919507454284417985
• Last Price Increase: 2025-05-05
• Automatic offers:
• linhvovan29546 | Contributor | 107277283

Issue Owner

Current Issue Owner: @johncschuster

[melvin-bot]

Triggered auto assignment to @johncschuster (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.

[linhvovan29546]

🚨 Edited by proposal-police: This proposal was edited at 2025-05-05 01:34:49 UTC.

Proposal

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

Sound - No sound when paying to a user via QAB

What is the root cause of that problem?

We currently play a sound when a user paying to user via the Report screen(AttachmentPickerWithMenuItems). However, this sound is missing when the user sends money via the QAB (Quick Action Button).

App/src/pages/iou/request/step/IOURequestStepAmount.tsx

Line 207 in 223a34c

sendMoneyElsewhere(report, backendAmount, currency, '', currentUserPersonalDetails.accountID, participants.at(0) ?? {});

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

We should add playSound(SOUNDS.DONE); here

App/src/pages/iou/request/step/IOURequestStepAmount.tsx

Line 207 in 223a34c

sendMoneyElsewhere(report, backendAmount, currency, '', currentUserPersonalDetails.accountID, participants.at(0) ?? {});

                    playSound(SOUNDS.DONE);
                    sendMoneyElsewhere(report, backendAmount, currency, '', currentUserPersonalDetails.accountID, participants.at(0) ?? {});
                    return;

In addition, we should review other similar functions (e.g., sendMoneyWithWallet) to ensure the sound is played consistently.

What specific scenarios should we cover in automated tests to prevent reintroducing this issue in the future?

N/A

What alternative solutions did you explore? (Optional)

We can add playSound here, and then remove all instances of playSound inside shouldSkipConfirmation, such as in requestMoney and trackExpense(We can add a condition to check the iouType to determine whether playSound should be triggered.)

App/src/pages/iou/request/step/IOURequestStepAmount.tsx

Line 200 in 6ffa273

if (shouldSkipConfirmation) {

            if (shouldSkipConfirmation) {
                playSound(SOUNDS.DONE);
...

[twilight2294]

Proposal

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

No sound when paying to a user via QAB

What is the root cause of that problem?

We do not use playSound once the API to pay elsewhere is successful that is why we don't hear any sound:

App/src/libs/actions/IOU.ts

Lines 8643 to 8650 in 223a34c

	function sendMoneyElsewhere(report: OnyxEntry<OnyxTypes.Report>, amount: number, currency: string, comment: string, managerID: number, recipient: Participant) {
	const {params, optimisticData, successData, failureData} = getSendMoneyParams(report, amount, currency, comment, CONST.IOU.PAYMENT_TYPE.ELSEWHERE, managerID, recipient);
	API.write(WRITE_COMMANDS.SEND_MONEY_ELSEWHERE, params, {optimisticData, successData, failureData});
	dismissModalAndOpenReportInInboxTab(params.chatReportID);
	notifyNewAction(params.chatReportID, managerID);
	}

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

We need to use the playSound in the API and remove other instances where the sound is duplicated if any:

function sendMoneyElsewhere(report: OnyxEntry<OnyxTypes.Report>, amount: number, currency: string, comment: string, managerID: number, recipient: Participant) {
    const {params, optimisticData, successData, failureData} = getSendMoneyParams(report, amount, currency, comment, CONST.IOU.PAYMENT_TYPE.ELSEWHERE, managerID, recipient);

    playSound(SOUNDS.SUCCESS);
    API.write(WRITE_COMMANDS.SEND_MONEY_ELSEWHERE, params, {optimisticData, successData, failureData});

    dismissModalAndOpenReportInInboxTab(params.chatReportID);
    notifyNewAction(params.chatReportID, managerID);
}

What specific scenarios should we cover in automated tests to prevent reintroducing this issue in the future?

N/A

What alternative solutions did you explore? (Optional)

N/A

[linhvovan29546]

Updated

[melvin-bot]

@johncschuster Uh oh! This issue is overdue by 2 days. Don't forget to update your issues!

[melvin-bot]

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

[melvin-bot]

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