[$250] Mention - @expensify.sms is copied along with phone number when copied to clipboard

[lanitochka17]

If you haven’t already, check out our contributing guidelines for onboarding and email [email protected] to request to join our Slack channel!

---

Version Number: 1.4.51-0
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
Issue reported by: Applause - Internal Team

Issue found when executing PR #37559

Action Performed:

1. Go to staging.new.expensify.com
2. Go to any chat
3. Send a text with phone number mention
4. Right click on the message > Copy to clipboard
5. Paste the content in the composer

Expected Result:

@expensify.sms will not be copied along with phone number

Actual Result:

@expensify.sms is copied along with phone number

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

Bug6411578_1710278333139.20240313_051600.mp4

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~01e5f15c665b86efd4
• Upwork Job ID: 1772750767801118720
• Last Price Increase: 2024-04-02
• Automatic offers:
• alitoshmatov | Reviewer | 0

[melvin-bot]

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

[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

[lanitochka17]

We think that this bug might be related to #vip-vsp
CC @quinthar

[nkdengineer]

Proposal

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

• Mention - @expensify.sms is copied along with phone number when copied to clipboard

What is the root cause of that problem?

• In here we are using the messageHtml to get the copy text in case of this bug

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

• We can use:

    setClipboardMessage(content.replace(/(<mention-user>)(.*?)(<\/mention-user>)/gi, function(match, openTag, content, closeTag) {
                        // Replace email addresses inside content with *****
                        content = content.replace(new RegExp(EMAIL_PART, "gim"), (match)=>Str.removeSMSDomain(match))
                        // Return the modified content inside the tags
                        return openTag + content + closeTag;
                    }));

in here and here

• In the above,
  (<mention-user>)(.*?)(<\/mention-user> is the regex matching all the text inside mention-user tag, which will handle the case user types "[email protected]" directly, in this case, we should not remove the "@expensify.com", EMAIL_PART = ([\\w\\-\\+\\'#]+(?:\\.[\\w\\-\\'\\+]+)*@(?:[\\w\\-]+\\.)+[a-z]{2,})" is regex matching an text containing an email (we already used it in here)

• Or we can just use:

  setClipboardMessage(content.replace(/(<mention-user>)(.*?)(<\/mention-user>)/gi, function(match, openTag, content, closeTag) {
                        content = Str.removeSMSDomain(content);
                        return openTag + content + closeTag;
                    }));

What alternative solutions did you explore? (Optional)

• We also can update this to:

            const messageHtml = Str.removeSMSDomain(getActionHtml(reportAction));

[melvin-bot]

@greg-schroeder Huh... This is 4 days overdue. Who can take care of this?

[melvin-bot]

@greg-schroeder Still overdue 6 days?! Let's take care of this!

[greg-schroeder]

Apologies, I was OOO last week. I'll take a look at this shortly

[greg-schroeder]

Adding to #vip-vsb as this is chat-related, and I'm pretty sure this is very simple.

[melvin-bot]

⚠️ Could not update price automatically because there is no linked Upwork Job ID. The BZ team member will need to update the price manually in Upwork.

[melvin-bot]

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

[melvin-bot]

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

[allgandalf]

Proposal

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

@expensify.sms is copied along with phone number when copied to clipboard

What is the root cause of that problem?

We set the html message received without checking if it is the @expensfiy.sms domain

App/src/pages/home/report/ContextMenu/ContextMenuActions.tsx

Line 344 in 91d7eb2

const messageHtml = getActionHtml(reportAction);

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

We need to use Str.removeSMSDomain from expensify-common to remove the sms domain

It would be probably good to apply this filtering formessageText as well:

App/src/pages/home/report/ContextMenu/ContextMenuActions.tsx

Line 345 in 91d7eb2

const messageText = ReportActionsUtils.getReportActionMessageText(reportAction);

Result

simplescreenrecorder-2024-03-27_07.12.14.mp4

[allgandalf]

Updated proposal

Added result video

Sidenote, currently on dev we are facing infinte loop problems #39028

[melvin-bot]

📣 @Ozeias01Nunes! 📣
Hey, it seems we don’t have your contributor details yet! You'll only have to do this once, and this is how we'll hire you on Upwork.
Please follow these steps:

1. Make sure you've read and understood the contributing guidelines.
2. Get the email address used to login to your Expensify account. If you don't already have an Expensify account, create one here. If you have multiple accounts (e.g. one for testing), please use your main account email.
3. Get the link to your Upwork profile. It's necessary because we only pay via Upwork. You can access it by logging in, and then clicking on your name. It'll look like this. If you don't already have an account, sign up for one here.
4. Copy the format below and paste it in a comment on this issue. Replace the placeholder text with your actual details.
   
   Format:

Contributor details
Your Expensify account email: <REPLACE EMAIL HERE>
Upwork Profile Link: <REPLACE LINK HERE>

[Ozeias01Nunes]

Contributor details
Your Expensify account email: [email protected]
Upwork Profile Link: https://www.upwork.com/freelancers/~0131a29d57cf560448

[melvin-bot]

✅ Contributor details stored successfully. Thank you for contributing to Expensify!

[Ozeias01Nunes]

Proposal

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

@expensify.sms is copied along with phone number when copied to clipboard

What is the root cause of that problem?

We set the html message received without checking if it is the @expensfiy.sms domain

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

Whether the text of the selected message ends with the SMS domain. If this happens, I replace the domain with an empty string.

Screen recording demonstrating expected operation.

Screencast-from-2024-04-02-13-14-55.mp4

Screenshot of solution code.

Code
} else if (messageText && messageText.endsWith(CONST.SMS.DOMAIN)) { setClipboardMessage(messageText.replace(CONST.SMS.DOMAIN, '')); }

[alitoshmatov]

@nkdengineer Thank you for your proposal, It seems like you overcomplicated your approach, can't we just get text inside mention-user tag and remove sms domain addition with Str.removeSmsDomain?

[alitoshmatov]

@GandalfGwaihir the issue occurs when @expensify.sms is within other text

Screen.Recording.2024-04-02.at.1.40.54.PM.mov

[melvin-bot]

📣 It's been a week! Do we have any satisfactory proposals yet? Do we need to adjust the bounty for this issue? 💸

[Ozeias01Nunes]

@alitoshmatov I updated my proposal based on comment.

[alitoshmatov]

@nkdengineer 's proposal looks good which suggests to remove sms domain from texts inside user mention tags

C+ reviewed 🎀 👀 🎀

[melvin-bot]

Triggered auto assignment to @youssef-lr, see https://stackoverflow.com/c/expensify/questions/7972 for more details.

[greg-schroeder]

Bump @youssef-lr to confirm contributor selection: #38187 (comment)

[greg-schroeder]

Friendly bump @youssef-lr

[melvin-bot]

📣 @alitoshmatov 🎉 An offer has been automatically sent to your Upwork account for the Reviewer role 🎉 Thanks for contributing to the Expensify app!

Offer link
Upwork job

[melvin-bot]

📣 @nkdengineer You have been assigned to this job!
Please apply to the Upwork job and leave a comment on the Github issue letting us know when we can expect a PR to be ready for review 🧑‍💻
Once you apply to this job, your Upwork ID will be stored and you will be automatically hired for future jobs!
Keep in mind: Code of Conduct | Contributing 📖

[greg-schroeder]

Linked PR in review, just awaiting @youssef-lr's review next!

[youssef-lr]

Merged!

[alitoshmatov]

The pr went into production on 22nd of April, so payment is long overdue

[greg-schroeder]

Hmm. I'm not sure why the automation keeps failing, but I'll process this now.

[greg-schroeder]

@nkdengineer you need to follow the steps here in order for me to pay you.

@alitoshmatov I paid you!

[nkdengineer]

@greg-schroeder Thank you 🙇 I've applied to the job

[greg-schroeder]

Thanks! Will pay you now as soon as you accept the offer!

[nkdengineer]

@greg-schroeder I accepted the offer!

[greg-schroeder]

Okay, paid!