[HOLD for payment 2024-09-24] [$125] Import categories - Error message for multiple GL code mappings displays "glCode"

[IuliiaHerets]

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: 9.0.29-0
Reproducible in staging?: Y
Reproducible in production?: N
Issue was found when executing this PR: #47827
Email or phone of affected tester (no customers): applausetester+kh010901@applause.expensifail.com
Issue reported by: Applause Internal Team

Action Performed:

1. Go to staging.new.expensify.com
2. Go to Control workspace settings > Categories.
3. Click 3-dot menu.
4. Click Import spreadsheet.
5. Import a CSV file that has multiple columns.
6. Map Name, Enabled.
7. Map GL code a few times.
8. Click Import.

Expected Result:

The error message for multiple GL code mappings will display "GL code".

Actual Result:

The error message for multiple GL code mappings displays "glCode".

Workaround:

Unknown

Platforms:

• Android: Native
• Android: mWeb Chrome
• iOS: Native
• iOS: mWeb Safari
• MacOS: Chrome / Safari
• MacOS: Desktop

Screenshots/Videos

Bug6592371_1725411660394.20240904_074708.mp4

Bug6592371_1725411660406!Independent.-.Multi.Level.tags.csv

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~016b3b7ee11227810d
• Upwork Job ID: 1831261318645362164
• Last Price Increase: 2024-09-04

Issue Owner

Current Issue Owner: @mkhutornyi

[melvin-bot]

Triggered auto assignment to @greg-schroeder (Bug), see https://stackoverflow.com/c/expensify/questions/14418 for more details. Please add this bug to a GH project, as outlined in the SO.

[melvin-bot]

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

[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.

[IuliiaHerets]

We think that this bug might be related to #wave-control

[daledah]

Proposal

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

The error message for multiple GL code mappings displays "glCode".

What is the root cause of that problem?

In Onyx, columns are stored as column values, not column text:

Then in

App/src/pages/workspace/categories/ImportedCategoriesPage.tsx

Line 56 in 562d7b4

const columns = Object.values(spreadsheet?.columns ?? {});

and

App/src/pages/workspace/categories/ImportedCategoriesPage.tsx

Lines 66 to 73 in 562d7b4

	} else {
	const duplicate = findDuplicate(columns);
	if (duplicate) {
	errors.duplicates = translate('spreadsheet.singleFieldMultipleColumns', duplicate);
	} else {
	errors = {};
	}
	}

We use column value to display duplicate error instead of column text, which result in the error displayed as glCode, meanwhile when displaying missing column error in

App/src/pages/workspace/categories/ImportedCategoriesPage.tsx

Lines 59 to 65 in 562d7b4

	if (!requiredColumns.every((requiredColumn) => columns.includes(requiredColumn.value))) {
	// eslint-disable-next-line rulesdir/prefer-early-return
	requiredColumns.forEach((requiredColumn) => {
	if (!columns.includes(requiredColumn.value)) {
	errors.required = translate('spreadsheet.fieldNotMapped', requiredColumn.text);
	}
	});

we use column text, which results in correct message.

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

Get column text from the column value using columnRoles here

Change this:

App/src/pages/workspace/categories/ImportedCategoriesPage.tsx

Line 69 in 562d7b4

errors.duplicates = translate('spreadsheet.singleFieldMultipleColumns', duplicate);

to:

        const duplicateColumn = columnRoles.find((role) => role.value === duplicate);
        errors.duplicates = translate('spreadsheet.singleFieldMultipleColumns', duplicateColumn?.text ?? '');

What alternative solutions did you explore? (Optional)