[HOLD for payment 2024-01-18] [$500] Add markdown syntax for creating a new task

[thienlnam]

We want to create some syntax that will create a task when the following message is added to the composer

[] @jack This is the task name

Should create a task in the current room that:

• Is assigned to jack
• Has the title 'This is the task name'
• The share destination would be the current report where this comment is posted

The assignee can be optional, in which case the command would look something like this

[] This is the task name

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~013d0a874d62f021b7
• Upwork Job ID: 1734321392740421632
• Last Price Increase: 2023-12-18
• Automatic offers:
• Ollyws | Reviewer | 28066406
• suneox | Contributor | 28066407

Issue Owner

Current Issue Owner: @anmurali

[melvin-bot]

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

[melvin-bot]

Triggered auto assignment to @bfitzexpensify (NewFeature), see https://stackoverflowteams.com/c/expensify/questions/14418#:~:text=BugZero%20process%20steps%20for%20feature%20requests for more details.

[melvin-bot]

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

[suneox]

Proposal

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

Add markdown syntax for creating a new task

What is the root cause of that problem?

New feature

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

At function onSubmitComment on ReportScreen we will check if content match with task regex we will create a new task otherwise keep current behavior

    const allPersonalDetails = usePersonalDetails();
    const onSubmitComment = useCallback(
        (text) => {
            const taskRegex = /^\[\](?:\s+@([^\s@]+@[\w.-]+))?\s+(.+)/;
            const match = text.match(taskRegex);
            if (match) {
                const email = match[1] ? match[1].trim() : undefined; // Email might be undefined if not captured
                const title = match[2];
                let assignee = {};
                if (email) {
                    assignee = _.find(_.values(allPersonalDetails), (p) => p.login === email) || {};
                }
                Task.createTaskAndNavigate(getReportID(route), title, '', assignee.login, assignee.accountID, assignee.assigneeChatReport, report.policyID);
            } else {
                Report.addComment(getReportID(route), text);
            }



            // We need to scroll to the bottom of the list after the comment is added
            const refID = setTimeout(() => {
                flatListRef.current.scrollToOffset({animated: false, offset: 0});
            }, 10);

            return () => clearTimeout(refID);
        },
        [route],
    );

POC

32864_POC.mp4

What alternative solutions did you explore? (Optional)