[HOLD for payment 2024-04-15] [$250] Bank account - Company's website field is missing https://

[kbecciv]

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: 1.4.54-1
Reproducible in staging?: y
Reproducible in production?: n
Issue reported by: Applause - Internal Team

Action Performed:

1. Go to staging.new.expensify.com.
2. Go to Profile > Workspaces > any workspace.
3. Go to Bank account > Connect manually.
4. Proceed until Company's website step.

Expected Result:

Company website field will have https://
in the field by default (production behavior).

Actual Result:

Company website field does not have https://
in the field. The field is empty.

Workaround:

n/a

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

Bug6419158_1710850301608.bandicam_2024-03-19_20-08-41-501.mp4

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~0166d2a81ddf61dab7
• Upwork Job ID: 1772294434143510528
• Last Price Increase: 2024-03-25
• Automatic offers:
• dukenv0307 | Reviewer | 0
• tienifr | Contributor | 0

[github-actions]

👋 Friendly reminder that deploy blockers are time-sensitive ⏱ issues! Check out the open `StagingDeployCash` deploy checklist to see the list of PRs included in this release, then work quickly to do one of the following:

1. Identify the pull request that introduced this issue and revert it.
2. Find someone who can quickly fix the issue.
3. Fix the issue yourself.

[melvin-bot]

Triggered auto assignment to @cristipaval (Engineering), see https://stackoverflowteams.com/c/expensify/questions/9980/ for more details.

[kbecciv]

We think that this bug might be related to #wave-collect - Release 1

[tienifr]

Proposal

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

Company website field does not have https://
in the field. The field is empty.

What is the root cause of that problem?

Here's the PR that cause this issue
We reset website to empty string in here, it was undefined before

-> the inputValues is init with empty string

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

Solution 1:
We should use the same logic here to init the website when users reset bank account website

Solution 2:
We can update the CompanyStepProps and Form tyep to allow undefined

What alternative solutions did you explore? (Optional)

NA

[aimane-chnaif]

@tienifr that root cause was to make Typescript happy.
@mateuuszzzzz can you please check this?

Proposal

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

Bank account - Company's website field is missing https://

What is the root cause of that problem?

Here :

App/src/pages/ReimbursementAccount/BusinessInfo/substeps/WebsiteBusiness.tsx

Lines 51 to 55 in e34f10e

	const defaultWebsiteExample = useMemo(
	() => (user?.isFromPublicDomain ? 'https://' : `https://www.${Str.extractEmailDomain(session?.email ?? '')}`),
	[session?.email, user?.isFromPublicDomain],
	);
	const defaultCompanyWebsite = reimbursementAccount?.achData?.website ?? defaultWebsiteExample;

because of empty string the website field is empty.

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

We can remove defaultWebsiteExample completely and add this :

const defaultCompanyWebsite = 'https://';

this will show https://

What alternative solutions did you explore? (Optional)

const defaultCompanyWebsite = reimbursementAccount?.achData?.website || defaultWebsiteExample;

Result

Screen.Recording.2024-03-19.at.8.43.04.PM.mov

Updated Proposal

[cristipaval]

I'm demoting this one as NAB given that it is a minor UI issue. We have the URL validation so the user can't add invalid data 🤷‍♂️