[CFI] Show Merchant, Date, Amount Fields in the Scan flow

[trjExpensify]

Action item from here.

---

Issue reported by: @trjExpensify
Slack conversation (hyperlinked to channel name): #migrate

Action Performed:

This is a new feature.

1. Get on the newManualExpenseFlow beta.
2. Go to Create expense
3. Click the Scan tab
4. Take a picture of a receipt
5. Click "Show more"
6. Verify Merchant, Date, Amount fields are present
7. Enter a merchant name
8. Click "Create expense"
9. Verify the in-line errors for required date and amount appear
10. Fill out those fields
11. Click "Create expense"
12. Verify the the expense is created
13. Verify the receipt doesn't show "Scanning..." fields or any of the user entered merchant, date, amount fields update. Repeat the steps above in the different scan flows:

• Drag and drop (desktop)
• Green scan fab
• Quick Action Button
• Long press on the app icon > "Scan receipt"

Expected Result:

• Add the Merchant, Amount, and Date fields to the Scan tab confirmation screen
• Revealed after clicking "Show more"
• If any of the merchant, date, amount fields are entered manually, all become required to create the expense.
• Choosing to enter the merchant, date, amount in this Scan flow should behave the same as Create expense > Manual if you were to attach a receipt image during creation. We don't show fields as "Scanning..." post creation, or update the values to what was read from the receipt.

Actual Result:

The scan flow doesn't show these fields in NewDot currently. As a result, migrating users accustom to Scan > enter details are getting stuck.

Workaround:

Go back to Classic. Or, create the expense and modify once created.

Platforms:

Select the officially supported platforms where the issue was reproduced:

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

Screenshots/Videos

In-line above.

View all open jobs on GitHub

Issue Owner

Current Issue Owner: @ikevin127

[melvin-bot]

Triggered auto assignment to Design team member for new feature review - @dubielzyk-expensify (NewFeature)

[puneetlath]

It looks like on Classic we have you explicitly choose "fill out the details myself" to go from the scan flow to the manual flow. But I think what you have suggested is probably more seamless, so I like it.

[trjExpensify]

Yeah, I grabbed this from @shawnborton in the thread. I agree we could go that path of having both "Show more" and "Fill out the details myself" specifically for these additional fields - but seems like this is fine. 👍

[JmillsExpensify]

I kind of like Show more. It's less words, and also already talk about editing the fields automatically/manually in the supporting text right under the receipt. That said, I don't feel super strongly either way.