[Due for payment 2025-09-02] [$250] Expense Chat - System message missing hyperlink

[mitarachim]

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: v9.1.90-0
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://test-management.browserstack.com/projects/2219752/folder/13176730/test-cases/41237113
Email or phone of affected tester (no customers): N/A
Issue reported by: Applause Internal Team
Device used: Macbook, Sequoia 15.6, Chrome, Desktop
App Component: Chat Report View

Action Performed:

1. Go to https://staging.new.expensify.com/
2. Sign up with a Gmail address that includes a +
3. Select “Track and budget expenses”. Click Skip on the remaining steps until the onboarding flow is completed
4. Create a workspace > Create a report > Create 2 manual expenses
5. Check both expenses > Click the “2 selected” button > Move expenses > Remove from report
6. Go to your self DM
7. Click on one of the removed expenses

Expected Result:

System message should include a hyperlink.

Actual Result:

System message is shown without a hyperlink.

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

Bug6909833_1754522338789.Skreen_Recording_2025-08-06_at_8.05.40_PM.mp4

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~021953849909154560167
• Upwork Job ID: 1953849909154560167
• Last Price Increase: 2025-08-08

Issue Owner

Current Issue Owner: @trjExpensify

[melvin-bot]

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

[Krishna2323]

Proposal

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

Expense Chat - System message missing hyperlink

What is the root cause of that problem?

• We do not have anchor tag for unreportedTransaction translation
  

  App/src/languages/en.ts

  Line 1060 in 403006c

  unreportedTransaction: 'moved this expense to your personal space',

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

• Add anchor tag as we do for movedTransaction.
  

  App/src/languages/en.ts

  Line 1059 in 403006c

  movedTransaction: ({reportUrl, reportName}: MovedTransactionParams) => `moved this expense${reportName ? ` to <a href="${reportUrl}">${reportName}</a>` : ''}`,

• Update all files which are using unreportedTransaction, CONST.REPORT.ACTIONS.TYPE.UNREPORTED_TRANSACTION. and also update all translation files.
• Create a new util function like getMovedTransactionMessage.
• We can get the self dm report ID using const selfDMReportID = ReportUtils.findSelfDMReportID();
• Instead of using report name, we can use personal space and create translations for it.

function getUnreportedTransactionMessage(report: OnyxEntry<Report>) {
    const reportName = getReportName(report) ?? report?.reportName ?? '';
    const reportUrl = `${environmentURL}/r/${report?.reportID}`;
    const message = translateLocal('iou.unreportedTransaction', {
        reportUrl,
        reportName,
    });
    return message;
}

} else if (action.actionName === CONST.REPORT.ACTIONS.TYPE.UNREPORTED_TRANSACTION) {
    const selfDMReportID = findSelfDMReportID();
    const toReport = allReports?.[`${ONYXKEYS.COLLECTION.REPORT}${selfDMReportID}`];
    children = (
        <ReportActionItemBasicMessage message="">
            <RenderHTML html={`<comment><muted-text>${getUnreportedTransactionMessage(toReport)}</muted-text></comment>`} />
        </ReportActionItemBasicMessage>
    );
}

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)

Result

[aadil42]

Proposal

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

the system msg when moving the report doesn't include hyper link.

What is the root cause of that problem?

We're getting system generated msg in the report from here.

App/src/pages/home/report/PureReportActionItem.tsx

Line 1143 in 69d1f32

children = <ReportActionItemBasicMessage message={translate('iou.unreportedTransaction')} />;

As you can see this is a simple text not a link.

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

Question by myself.

It is not very clear from the OP what result do we want. It says 'it should include hyperlink'
Do they mean the whole current system msg should be a hyperlink or we should concatenate an extra text with system msg like 'click here' and only that 'click here' part should be a hyperlink.

solution starts here.

We can wrap the text with existing TextLink component.

            const chatReportID = report?.chatReportID;

           children =  <TextLink
                            onPress={() => {
                                Navigation.navigate(ROUTES.REPORT_WITH_ID.getRoute(chatReportID));
                            }}

                        >
                            <ReportActionItemBasicMessage message={translate('iou.unreportedTransaction')} />                        
                        </TextLink>;

If we're just adding extra text in the existing system msg 'click here' and only that extra text is a hyperlink then we can just add that extra text and only wrap that text with TextLink.

NOTE

If we are looking to make all the all system generated msgs a hyper link

like here:

App/src/pages/home/report/PureReportActionItem.tsx

Line 1151 in 69d1f32

children = <ReportActionItemBasicMessage message={getWorkspaceNameUpdatedMessage(action)} />;

and here:

App/src/pages/home/report/PureReportActionItem.tsx

Line 1153 in 69d1f32

children = <ReportActionItemBasicMessage message={getWorkspaceCurrencyUpdateMessage(action)} />;

and in many other places(you can check them all out as they're side by side) in the PureReportActionItem.tsx component.

Then we can wrap all of them inside our existing TextLink component and pass appropriate onPress.

Did not include all these cases because the proposal would have gotten very long. But I think you guys get the gist.

Sorry for the long-ass proposal.

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)

Optionally: We can also wrap it inside PressableWithoutFeedback instead of TextLink Both would work.

[trjExpensify]

@JmillsExpensify @luacmartins we're expecting a hyperlink on personal space here, right? To link to the selfDM.

[aadil42]

@trjExpensify, We're using <TextLink /> in the video But we can also use <PressableWithoutFeedback /> .

Screen.Recording.2025-08-08.at.2.mp4

[luacmartins]

@JmillsExpensify @luacmartins we're expecting a hyperlink on personal space here, right? To link to the selfDM.

Yea, it should be consistent with the report case

[melvin-bot]

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