Copilot - Not here page opens on central pane when switching account on Subscription tab

[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: v9.0.26-1
Reproducible in staging?: Y
Reproducible in production?: N
Email or phone of affected tester (no customers): applausetester+kh050806@applause.expensifail.com
Issue reported by: Applause Internal Team

Action Performed:

Precondition:

• Account has a subscription (activate by creating a workspace).

1. Go to staging.new.expensify.com
2. Log in as a copilot.
3. Go to Account settings.
4. Go to Subscription.
5. Click Account switcher.
6. Select another account.

Expected Result:

Not here page will not open on central pane.

Actual Result:

Not here page opens on central pane when switching account on Subscription page.

Workaround:

Unknown

Platforms:

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

Screenshots/Videos

Bug6585878_1724884609221.20240829_063331.mp4

View all open jobs on GitHub

Issue Owner

Current Issue Owner: @rushatgabhane

[melvin-bot]

Triggered auto assignment to @mallenexpensify (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.

[bernhardoj]

Proposal

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

Subscription page shows not found when switching account.

What is the root cause of that problem?

When we switch account, we clear the onyx and calls open app.

App/src/libs/actions/Delegate.ts

Lines 74 to 82 in b9af3d1

	.then(() => Onyx.clear(KEYS_TO_PRESERVE_DELEGATE_ACCESS))
	.then(() => {
	// Update authToken in Onyx and in our local variables so that API requests will use the new authToken
	updateSessionAuthTokens(response?.restrictedToken, response?.encryptedAuthToken);
	NetworkStore.setAuthToken(response?.restrictedToken ?? null);
	confirmReadyToOpenApp();
	openApp();
	});

Because the data is cleared, the subscription data is gone and thus not found page is shown.

App/src/pages/settings/Subscription/SubscriptionSettingsPage.tsx

Lines 30 to 32 in b9af3d1

	if (!subscriptionPlan) {
	return <NotFoundPage />;
	}

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

We can show a loading indicator while the app is still loading.

if (!subscriptionPlan) {
    if (isLoadingApp) {
        return <FullScreenLoadingIndicator />
    }
    return <NotFoundPage />;
}

But this isn't enough because clearing the onyx happened first before the open app request, so not found will still show briefly.

We can optimistically set the IS_LOADING_APP when switching the account (connect & disconnect) knowing that we will call open app (set it to false when fails),

App/src/libs/actions/Delegate.ts

Lines 23 to 38 in b9af3d1

	function connect(email: string) {
	if (!delegatedAccess?.delegators) {
	return;
	}
	const optimisticData: OnyxUpdate[] = [
	{
	onyxMethod: Onyx.METHOD.MERGE,
	key: ONYXKEYS.ACCOUNT,
	value: {
	delegatedAccess: {
	delegators: delegatedAccess.delegators.map((delegator) => (delegator.email === email ? {...delegator, error: undefined} : delegator)),
	},
	},
	},
	];

and also we need to preserve the key so it won't be cleared.

App/src/libs/actions/Delegate.ts

Line 21 in b9af3d1

const KEYS_TO_PRESERVE_DELEGATE_ACCESS = [ONYXKEYS.NVP_TRY_FOCUS_MODE, ONYXKEYS.PREFERRED_THEME, ONYXKEYS.NVP_PREFERRED_LOCALE, ONYXKEYS.SESSION];

Or, we can introduce a new onyx key called IS_SWITCHING_ACCOUNT.
Or, we can just add it as a new property to ACCOUNT

account.isSwitching

[melvin-bot]

Triggered auto assignment to @cristipaval (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]

Sorry, forgot to add DeployBlockerCash label

[cristipaval]

This isn't a blocker, given that the Not found page shows briefly for a second only. Demoting