feat: Hide most sections for agents in account page

src/CONST/index.ts

@@ -6421,6 +6421,7 @@ const CONST = {
         DENIED_ACCESS_VARIANTS: {
             DELEGATE: 'delegate',
             SUBMITTER: 'submitter',
+            AGENT: 'agent',
         },
     },
     DELEGATE_ROLE_HELP_DOT_ARTICLE_LINK: 'https://help.expensify.com/expensify-classic/hubs/copilots-and-delegates/',

src/components/DelegateNoAccessWrapper.tsx

@@ -4,18 +4,26 @@ import useOnyx from '@hooks/useOnyx';
 import useResponsiveLayout from '@hooks/useResponsiveLayout';
 import AccountUtils from '@libs/AccountUtils';
 import Navigation from '@libs/Navigation/Navigation';
+import {isAgentEmail} from '@libs/SessionUtils';
 import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
-import type {Account} from '@src/types/onyx';
+import type {Account, Session} from '@src/types/onyx';
 import callOrReturn from '@src/types/utils/callOrReturn';
 import FullPageNotFoundView from './BlockingViews/FullPageNotFoundView';
 
+type AccessContext = {
+    account: OnyxEntry<Account>;
+    session: OnyxEntry<Session>;
+};
+
 const DENIED_ACCESS_VARIANTS = {
     // To Restrict All Delegates From Accessing The Page.
-    [CONST.DELEGATE.DENIED_ACCESS_VARIANTS.DELEGATE]: (account: OnyxEntry<Account>) => isDelegate(account),
+    [CONST.DELEGATE.DENIED_ACCESS_VARIANTS.DELEGATE]: ({account}: AccessContext) => isDelegate(account),
     // To Restrict Only Limited Access Delegates From Accessing The Page.
-    [CONST.DELEGATE.DENIED_ACCESS_VARIANTS.SUBMITTER]: (account: OnyxEntry<Account>) => isSubmitter(account),
-} as const satisfies Record<string, (account: OnyxEntry<Account>) => boolean>;
+    [CONST.DELEGATE.DENIED_ACCESS_VARIANTS.SUBMITTER]: ({account}: AccessContext) => isSubmitter(account),
+    // To Restrict Agent Accounts From Accessing The Page.
+    [CONST.DELEGATE.DENIED_ACCESS_VARIANTS.AGENT]: ({session}: AccessContext) => isAgentEmail(session?.email),
+} as const satisfies Record<string, (context: AccessContext) => boolean>;
 
 type AccessDeniedVariants = keyof typeof DENIED_ACCESS_VARIANTS;
 
@@ -38,9 +46,10 @@ function isSubmitter(account: OnyxEntry<Account>) {
 
 function DelegateNoAccessWrapper({accessDeniedVariants = [], shouldForceFullScreen, onBackButtonPress, ...props}: DelegateNoAccessWrapperProps) {
     const [account] = useOnyx(ONYXKEYS.ACCOUNT);
+    const [session] = useOnyx(ONYXKEYS.SESSION);
     const isPageAccessDenied = accessDeniedVariants.reduce((acc, variant) => {
         const accessDeniedFunction = DENIED_ACCESS_VARIANTS[variant];
-        return acc || accessDeniedFunction(account);
+        return acc || accessDeniedFunction({account, session});
     }, false);
     const {shouldUseNarrowLayout} = useResponsiveLayout();
 

src/libs/Navigation/AppNavigator/Navigators/SettingsSplitNavigator.tsx

@@ -4,6 +4,7 @@ import {View} from 'react-native';
 import FocusTrapForScreens from '@components/FocusTrap/FocusTrapForScreen';
 import createSplitNavigator from '@libs/Navigation/AppNavigator/createSplitNavigator';
 import useSplitNavigatorScreenOptions from '@libs/Navigation/AppNavigator/useSplitNavigatorScreenOptions';
+import withAgentAccessDenied from '@libs/Navigation/AppNavigator/withAgentAccessDenied';
 import type {SettingsSplitNavigatorParamList} from '@libs/Navigation/types';
 import SCREENS from '@src/SCREENS';
 import type ReactComponentModule from '@src/types/utils/ReactComponentModule';
@@ -13,18 +14,18 @@ const loadInitialSettingsPage = () => require<ReactComponentModule>('../../../..
 type Screens = Partial<Record<keyof SettingsSplitNavigatorParamList, () => React.ComponentType>>;
 
 const CENTRAL_PANE_SETTINGS_SCREENS = {
-    [SCREENS.SETTINGS.PREFERENCES.ROOT]: () => require<ReactComponentModule>('../../../../pages/settings/Preferences/PreferencesPage').default,
-    [SCREENS.SETTINGS.SECURITY]: () => require<ReactComponentModule>('../../../../pages/settings/Security/SecuritySettingsPage').default,
+    [SCREENS.SETTINGS.PREFERENCES.ROOT]: withAgentAccessDenied(() => require<ReactComponentModule>('../../../../pages/settings/Preferences/PreferencesPage').default),
+    [SCREENS.SETTINGS.SECURITY]: withAgentAccessDenied(() => require<ReactComponentModule>('../../../../pages/settings/Security/SecuritySettingsPage').default),
     [SCREENS.SETTINGS.COPILOT]: () => require<ReactComponentModule>('../../../../pages/settings/Copilot/CopilotPage').default,
     [SCREENS.SETTINGS.PROFILE.ROOT]: () => require<ReactComponentModule>('../../../../pages/settings/Profile/ProfilePage').default,
-    [SCREENS.SETTINGS.WALLET.ROOT]: () => require<ReactComponentModule>('../../../../pages/settings/Wallet/WalletPage').default,
-    [SCREENS.SETTINGS.AGENTS.ROOT]: () => require<ReactComponentModule>('../../../../pages/settings/Agents/AgentsPage').default,
+    [SCREENS.SETTINGS.WALLET.ROOT]: withAgentAccessDenied(() => require<ReactComponentModule>('../../../../pages/settings/Wallet/WalletPage').default),
+    [SCREENS.SETTINGS.AGENTS.ROOT]: withAgentAccessDenied(() => require<ReactComponentModule>('../../../../pages/settings/Agents/AgentsPage').default),
     [SCREENS.SETTINGS.RULES.ROOT]: () => require<ReactComponentModule>('../../../../pages/settings/Rules/ExpenseRulesPage').default,
     [SCREENS.SETTINGS.HELP]: () => require<ReactComponentModule>('../../../../pages/settings/HelpPage/HelpPage').default,
     [SCREENS.SETTINGS.ABOUT]: () => require<ReactComponentModule>('../../../../pages/settings/AboutPage/AboutPage').default,
     [SCREENS.SETTINGS.TROUBLESHOOT]: () => require<ReactComponentModule>('../../../../pages/settings/Troubleshoot/TroubleshootPage').default,
     [SCREENS.SETTINGS.SAVE_THE_WORLD]: () => require<ReactComponentModule>('../../../../pages/TeachersUnite/SaveTheWorldPage').default,
-    [SCREENS.SETTINGS.SUBSCRIPTION.ROOT]: () => require<ReactComponentModule>('../../../../pages/settings/Subscription/SubscriptionSettingsPage').default,
+    [SCREENS.SETTINGS.SUBSCRIPTION.ROOT]: withAgentAccessDenied(() => require<ReactComponentModule>('../../../../pages/settings/Subscription/SubscriptionSettingsPage').default),
 } satisfies Screens;
 
 const Split = createSplitNavigator<SettingsSplitNavigatorParamList>();

src/libs/Navigation/AppNavigator/withAgentAccessDenied.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import DelegateNoAccessWrapper from '@components/DelegateNoAccessWrapper';
+import CONST from '@src/CONST';
+
+function withAgentAccessDenied(getComponent: () => React.ComponentType): () => React.ComponentType {
+    let ProtectedComponent: React.ComponentType | undefined;
+    return () => {
+        if (!ProtectedComponent) {
+            const Component = getComponent();
+            ProtectedComponent = (props) => (
+                <DelegateNoAccessWrapper accessDeniedVariants={[CONST.DELEGATE.DENIED_ACCESS_VARIANTS.AGENT]}>
+                    <Component {...props} />
+                </DelegateNoAccessWrapper>
+            );
+        }
+        return ProtectedComponent;
+    };
+}
+
+export default withAgentAccessDenied;

src/pages/settings/InitialSettingsPage.tsx

@@ -44,6 +44,7 @@ import {hasPendingExpensifyCardAction} from '@libs/CardUtils';
 import createDynamicRoute from '@libs/Navigation/helpers/dynamicRoutesUtils/createDynamicRoute';
 import useIsSidebarRouteActive from '@libs/Navigation/helpers/useIsSidebarRouteActive';
 import Navigation from '@libs/Navigation/Navigation';
+import {useIsAgentAccount} from '@libs/SessionUtils';
 import {getFreeTrialText, hasSubscriptionRedDotError} from '@libs/SubscriptionUtils';
 import type {SkeletonSpanReasonAttributes} from '@libs/telemetry/useSkeletonSpan';
 import {shouldHideOldAppRedirect} from '@libs/TryNewDotUtils';
@@ -170,6 +171,7 @@ function InitialSettingsPage({currentUserPersonalDetails}: InitialSettingsPagePr
     const [tryNewDot, tryNewDotMetadata] = useOnyx(ONYXKEYS.NVP_TRY_NEW_DOT);
     const isLoadingTryNewDot = isLoadingOnyxValue(tryNewDotMetadata);
     const {isBetaEnabled} = usePermissions();
+    const isAgentAccount = useIsAgentAccount();
 
     const freeTrialText = getFreeTrialText(currentUserPersonalDetails.accountID, translate, policies, introSelected, firstDayFreeTrial, lastDayFreeTrial);
 
@@ -261,47 +263,59 @@ function InitialSettingsPage({currentUserPersonalDetails}: InitialSettingsPagePr
             sentryLabel: CONST.SENTRY_LABEL.ACCOUNT.PROFILE,
             action: () => Navigation.navigate(ROUTES.SETTINGS_PROFILE.getRoute()),
         },
-        {
-            translationKey: 'common.wallet',
-            icon: icons.Wallet,
-            screenName: SCREENS.SETTINGS.WALLET.ROOT,
-            brickRoadIndicator: walletBrickRoadIndicator,
-            sentryLabel: CONST.SENTRY_LABEL.ACCOUNT.WALLET,
-            action: () => Navigation.navigate(ROUTES.SETTINGS_WALLET),
-            badgeText: hasActivatedWallet ? convertToDisplayString(userWallet?.currentBalance, CONST.CURRENCY.USD) : undefined,
-        },
+        ...(!isAgentAccount
+            ? [
+                  {
+                      translationKey: 'common.wallet' as const,
+                      icon: icons.Wallet,
+                      screenName: SCREENS.SETTINGS.WALLET.ROOT,
+                      brickRoadIndicator: walletBrickRoadIndicator,
+                      sentryLabel: CONST.SENTRY_LABEL.ACCOUNT.WALLET,
+                      action: () => Navigation.navigate(ROUTES.SETTINGS_WALLET),
+                      badgeText: hasActivatedWallet ? convertToDisplayString(userWallet?.currentBalance, CONST.CURRENCY.USD) : undefined,
+                  },
+              ]
+            : []),
         {
             translationKey: 'expenseRulesPage.title',
             icon: icons.Bolt,
             screenName: SCREENS.SETTINGS.RULES.ROOT,
             sentryLabel: CONST.SENTRY_LABEL.ACCOUNT.RULES,
             action: () => Navigation.navigate(ROUTES.SETTINGS_RULES),
         },
-        {
-            translationKey: 'common.preferences',
-            icon: icons.Gear,
-            screenName: SCREENS.SETTINGS.PREFERENCES.ROOT,
-            sentryLabel: CONST.SENTRY_LABEL.ACCOUNT.PREFERENCES,
-            action: () => Navigation.navigate(ROUTES.SETTINGS_PREFERENCES),
-        },
+        ...(!isAgentAccount
+            ? [
+                  {
+                      translationKey: 'common.preferences' as const,
+                      icon: icons.Gear,
+                      screenName: SCREENS.SETTINGS.PREFERENCES.ROOT,
+                      sentryLabel: CONST.SENTRY_LABEL.ACCOUNT.PREFERENCES,
+                      action: () => Navigation.navigate(ROUTES.SETTINGS_PREFERENCES),
+                  },
+              ]
+            : []),
         {
             translationKey: 'delegate.copilot',
             icon: icons.Users,
             screenName: SCREENS.SETTINGS.COPILOT,
             sentryLabel: CONST.SENTRY_LABEL.ACCOUNT.COPILOT,
             action: () => Navigation.navigate(ROUTES.SETTINGS_COPILOT),
         },
-        {
-            translationKey: 'initialSettingsPage.security',
-            icon: icons.Lock,
-            screenName: SCREENS.SETTINGS.SECURITY,
-            brickRoadIndicator: securityBrickRoadIndicator,
-            sentryLabel: CONST.SENTRY_LABEL.ACCOUNT.SECURITY,
-            action: () => Navigation.navigate(ROUTES.SETTINGS_SECURITY),
-        },
+        ...(!isAgentAccount
+            ? [
+                  {
+                      translationKey: 'initialSettingsPage.security' as const,
+                      icon: icons.Lock,
+                      screenName: SCREENS.SETTINGS.SECURITY,
+                      brickRoadIndicator: securityBrickRoadIndicator,
+                      sentryLabel: CONST.SENTRY_LABEL.ACCOUNT.SECURITY,
+                      action: () => Navigation.navigate(ROUTES.SETTINGS_SECURITY),
+                  },
+              ]
+            : []),
     ];
 
-    if (isBetaEnabled(CONST.BETAS.CUSTOM_AGENT)) {
+    if (!isAgentAccount && isBetaEnabled(CONST.BETAS.CUSTOM_AGENT)) {
         const rulesIndex = accountItems.findIndex((item) => item.screenName === SCREENS.SETTINGS.RULES.ROOT);
         accountItems.splice(rulesIndex + 1, 0, {
             translationKey: 'agentsPage.title',
@@ -314,7 +328,7 @@ function InitialSettingsPage({currentUserPersonalDetails}: InitialSettingsPagePr
         });
     }
 
-    if (subscriptionPlan || (amountOwed ?? 0) > 0) {
+    if (!isAgentAccount && (subscriptionPlan || (amountOwed ?? 0) > 0)) {
         accountItems.splice(1, 0, {
             translationKey: 'allSettingsScreen.subscription',
             icon: icons.CreditCard,