[$500] EReceipt - Card section in EReceipt for Expensify transaction is blank

[kavimuru]

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!

---

Wave/Project Suggestion : #wave5-free-submitters

Version Number: 1.4.30-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:
Email or phone of affected tester (no customers):
Logs: https://stackoverflow.com/c/expensify/questions/4856
Expensify/Expensify Issue URL:
Issue reported by: Applause internal team
Slack conversation:

Action Performed:

1. Log in to account with Expensify Card transaction (tester@applausecard.expensifail.com
   ).
2. Go to workspace chat with the transaction (https://staging.new.expensify.com/r/4612388815642526
   ).
3. Open transaction that has card number in the receipt (identify from Old Dot). (https://staging.new.expensify.com/r/4366841222340859
   )
4. Open the receipt.

Expected Result:

The card section shows the card detail.

Actual Result:

The card section is blank.

Workaround:

Can the user still use Expensify without this being fixed? Have you informed them of the workaround?

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

Bug6352936_1706074445794.20240124_115745.mp4

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~0143ec88c80eec0c3c
• Upwork Job ID: 1750052229901262848
• Last Price Increase: 2024-02-07

[melvin-bot]

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

[melvin-bot]

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

[melvin-bot]

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

[AzhanJaved]

Hi there,
I'm a React Native developer with 5+ years of experience, eager to solve the elusive case of the blank card section in Expensify EReceipts (issue #35036). Having delved into the clues (comments, video evidence), I propose a two-pronged investigation to unveil the culprit and restore card information with aplomb.

My Proposed Solution:

1. Data Detective:
   Following the Breadcrumbs: Employing debugging tools, I'll track the data flow, sniffing out any missing information between the backend and the EReceipt. APIs, authentication, and parsing will be under my digital microscope.
   Error Trapper: Unit tests will be my secret weapon, capturing any rogue errors or edge cases that might be hiding the card details.
2. Conditional Conundrum:
   Logic Lens: I'll scrutinize the component responsible for displaying the card information, dissecting its conditional rendering logic for inconsistencies or missing variables. React DevTools will be my trusty sidekick, visualizing the component hierarchy and state.
   Test the Hypothesis: Through comprehensive unit tests, I'll verify that the card information displays correctly under various scenarios, ensuring a permanent fix.

I'm eager to delve deeper into the investigation and discuss my findings in the GitHub issue. Looking forward to your response.

Regards,
Arbaz

[melvin-bot]

📣 @AzhanJaved! 📣
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>

[AzhanJaved]

Contributor details
Your Expensify account email: muhammadazhanjaved9191@gmail.com
Upwork Profile Link: https://www.upwork.com/fl/~01ffc7b6b8084ce2fd

[melvin-bot]

⚠️ Missing/invalid email or upwork profile link. Please make sure you add both your Expensify email and Upwork profile link in the format specified.

[Ollyws]

@AzhanJaved Thanks for the interest, please have a look at the contributing guide for details on how to construct a proposal.

[AzhanJaved]

Hi @olly Thanks for responding back. I’ve applied for the the job on upwork too Here is the link to my profile:https://www.upwork.com/fl/~01ffc7b6b8084ce2fd Get Outlook for iOS<https://aka.ms/o0ukef>

…

________________________________ From: Olly ***@***.***> Sent: Thursday, January 25, 2024 12:08:42 AM To: Expensify/App ***@***.***> Cc: Muhammad Azhan Javed ***@***.***>; Mention ***@***.***> Subject: Re: [Expensify/App] [$500] EReceipt - Card section in EReceipt for Expensify transaction is blank (Issue #35036) @AzhanJaved<https://github.com/AzhanJaved> Thanks for the interest, please have a look at the contributing guide<https://github.com/Expensify/App/blob/db0d01bac3f6443fdb3d8b969fa31c0669b31efc/contributingGuides/CONTRIBUTING.md?plain=1#L96-L109> for details on how to construct a proposal. — Reply to this email directly, view it on GitHub<#35036 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/A4KTD3XXJSZKCBYAMZAJV6TYQFL3VAVCNFSM6AAAAABCIHRL3OVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSMBYG42TIMRUGQ>. You are receiving this because you were mentioned.Message ID: ***@***.***>

[dragnoir]

@Ollyws do you think we can have an Expensify Card transaction account for testing?

[Ollyws]

I will have a look there may be a way to simulate it on the front end.

[dragnoir]

I can simulate using this https://expensify.slack.com/archives/C01GTK53T8Q/p1705450786474319?thread_ts=1705450150.383239&cid=C01GTK53T8Q

but I can't reproduce the issue.

[melvin-bot]

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

[Ollyws]

@dragnoir If you create a normal money request, find the transaction ID for that request then navigate to the transaction page and paste Onyx.merge("transactions_<TRANSACTIONID>", { hasEReceipt: true }); into the console it should be reproducible.

Screen.Recording.2024-02-01.at.13.03.32.mov

[dragnoir]

@Ollyws thx for your help. But this doesn't reproduce the issue as I tested.

[melvin-bot]

@Ollyws, @adelekennedy Huh... This is 4 days overdue. Who can take care of this?

[adelekennedy]

I can't reproduce this either, going to add the retest weekly label

[melvin-bot]

@Ollyws @adelekennedy this issue was created 2 weeks ago. Are we close to approving a proposal? If not, what's blocking us from getting this issue assigned? Don't hesitate to create a thread in #expensify-open-source to align faster in real time. Thanks!

[melvin-bot]

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

[adelekennedy]

still not reproducing

[melvin-bot]

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