[DRAFT] Feature/kuba nowakowski/domains/add members page

src/ONYXKEYS.ts

@@ -719,6 +719,17 @@ const ONYXKEYS = {
 
         /** SAML login metadata for a domain */
         SAML_METADATA: 'saml_metadata_',
+
+        /** Domain admin permissions */
+        DOMAIN_ADMIN_PERMISSIONS: 'expensify_adminPermissions_',
+
+        /** Pending actions for a domain */
+        DOMAIN_PENDING_ACTIONS: 'domainPendingActions_',
+
+        /** Errors related to a domain */
+        DOMAIN_ERRORS: 'domainErrors_',
+
+        DOMAIN_SECURITY_GROUP: 'expensify_securityGroup',
     },
 
     /** List of Form ids */
@@ -925,6 +936,7 @@ const ONYXKEYS = {
         ENABLE_GLOBAL_REIMBURSEMENTS_DRAFT: 'enableGlobalReimbursementsFormDraft',
         CREATE_DOMAIN_FORM: 'createDomainForm',
         CREATE_DOMAIN_FORM_DRAFT: 'createDomainFormDraft',
+        RESET_DOMAIN_FORM: 'resetDomainForm',
     },
     DERIVED: {
         REPORT_ATTRIBUTES: 'reportAttributes',
@@ -1040,6 +1052,7 @@ type OnyxFormValuesMapping = {
     [ONYXKEYS.FORMS.WORKSPACE_PER_DIEM_FORM]: FormTypes.WorkspacePerDiemForm;
     [ONYXKEYS.FORMS.ENABLE_GLOBAL_REIMBURSEMENTS]: FormTypes.EnableGlobalReimbursementsForm;
     [ONYXKEYS.FORMS.CREATE_DOMAIN_FORM]: FormTypes.CreateDomainForm;
+    [ONYXKEYS.FORMS.RESET_DOMAIN_FORM]: FormTypes.ResetDomainForm;
 };
 
 type OnyxFormDraftValuesMapping = {
@@ -1105,6 +1118,9 @@ type OnyxCollectionValuesMapping = {
     [ONYXKEYS.COLLECTION.ISSUE_NEW_EXPENSIFY_CARD]: OnyxTypes.IssueNewCard;
     [ONYXKEYS.COLLECTION.SHARED_NVP_PRIVATE_ADMIN_ACCESS]: boolean;
     [ONYXKEYS.COLLECTION.SAML_METADATA]: OnyxTypes.SamlMetadata;
+    [ONYXKEYS.COLLECTION.DOMAIN_ADMIN_PERMISSIONS]: number;
+    [ONYXKEYS.COLLECTION.DOMAIN_PENDING_ACTIONS]: OnyxTypes.DomainPendingActions;
+    [ONYXKEYS.COLLECTION.DOMAIN_ERRORS]: OnyxTypes.DomainErrors;
 };
 
 type OnyxValuesMapping = {

src/ROUTES.ts

@@ -3424,6 +3424,42 @@ const ROUTES = {
         route: 'domain/:accountID/verified',
         getRoute: (accountID: number) => `domain/${accountID}/verified` as const,
     },
+    DOMAIN_ADMINS: {
+        route: 'domain/:accountID/admins',
+        getRoute: (accountID: number) => `domain/${accountID}/admins` as const,
+    },
+    DOMAIN_ADD_ADMIN: {
+        route: 'domain/:accountID/admins/invite',
+        getRoute: (accountID: number) => `domain/${accountID}/admins/invite` as const,
+    },
+    DOMAIN_ADMIN_DETAILS: {
+        route: 'domain/:domainAccountID/admins/:accountID',
+        getRoute: (domainAccountID: number, accountID: number) => `domain/${domainAccountID}/admins/${accountID}` as const,
+    },
+    DOMAIN_ADMINS_SETTINGS: {
+        route: 'domain/:accountID/admins/settings',
+        getRoute: (accountID: number) => `domain/${accountID}/admins/settings` as const,
+    },
+    DOMAIN_ADD_PRIMARY_CONTACT: {
+        route: 'domain/:accountID/admins/settings/primary-contact',
+        getRoute: (accountID: number) => `domain/${accountID}/admins/settings/primary-contact` as const,
+    },
+    DOMAIN_RESET_DOMAIN: {
+        route: 'domain/:domainAccountID/admins/:accountID/reset-domain',
+        getRoute: (domainAccountID: number, accountID: number) => `domain/${domainAccountID}/admins/${accountID}/reset-domain` as const,
+    },
+    DOMAIN_MEMBERS: {
+        route: 'domain/:accountID/members',
+        getRoute: (accountID: number) => `domain/${accountID}/members` as const,
+    },
+    DOMAIN_MEMBER_DETAILS: {
+        route: 'domain/:domainAccountID/members/:accountID',
+        getRoute: (domainAccountID: number, accountID: number) => `domain/${domainAccountID}/members/${accountID}` as const,
+    },
+    DOMAIN_ADD_MEMBER: {
+        route: 'domain/:accountID/members/invite',
+        getRoute: (accountID: number) => `domain/${accountID}/members/invite` as const,
+    },
 } as const;
 
 /**

src/SCREENS.ts

@@ -847,6 +847,15 @@ const SCREENS = {
         VERIFIED: 'Domain_Verified',
         INITIAL: 'Domain_Initial',
         SAML: 'Domain_SAML',
+        ADMINS: 'Domain_Admins',
+        ADD_ADMIN: 'Domain_Add_Admin',
+        ADMIN_DETAILS: 'Domain_Admin_Details',
+        ADMINS_SETTINGS: 'Admins_Settings',
+        ADD_PRIMARY_CONTACT: 'Add_Primary_Contact',
+        RESET_DOMAIN: 'Reset_Domain',
+        MEMBERS: 'Domain_Members',
+        MEMBER_DETAILS:'Member_Details',
+        ADD_MEMBER: 'Domain_Add_Member',
     },
 } as const;
 

src/components/Icon/chunks/illustrations.chunk.ts

@@ -57,6 +57,7 @@ import Abacus from '@assets/images/simple-illustrations/simple-illustration__aba
 // Simple Illustrations - Original core ones
 import Accounting from '@assets/images/simple-illustrations/simple-illustration__accounting.svg';
 import Alert from '@assets/images/simple-illustrations/simple-illustration__alert.svg';
+import Members from '@assets/images/simple-illustrations/simple-illustration__approval-members.svg';
 import Approval from '@assets/images/simple-illustrations/simple-illustration__approval.svg';
 import Binoculars from '@assets/images/simple-illustrations/simple-illustration__binoculars.svg';
 import BlueShield from '@assets/images/simple-illustrations/simple-illustration__blueshield.svg';
@@ -271,6 +272,7 @@ const Illustrations = {
     Mailbox,
     ShieldYellow,
     Clock,
+    Members,
 };
 
 /**

src/languages/en.ts

@@ -7757,6 +7757,24 @@ const translations = {
             subtitle: 'Require members on your domain to log in via single sign-on, restrict workspace creation, and more.',
             enable: 'Enable',
         },
+        admins: {
+            title: 'Admins',
+            addAdmin: 'Add admin',
+            findAdmin: 'Find admin',
+            revokeAdminAccess: 'Revoke admin access',
+            resetDomain: 'Reset domain',
+            invite: 'Invite',
+            settings: 'Settings',
+            addPrimaryContact: 'Add primary contact',
+            resetDomainExplanation: 'Please enter your domain to confirm you wish to reset the domain. Your domain name is:',
+            enterDomainName: 'Enter your domain name here',
+        },
+        members:{
+            title: 'Members',
+            findMember: 'Find member',
+            addMember: 'Add member',
+            invite: 'Invite',
+        }
     },
 };
 

src/libs/API/parameters/AddAdminToDomainParams.ts

@@ -0,0 +1,7 @@
+type AddAdminToDomainParams = {
+    authToken?: string | null;
+    domainName: string;
+    targetEmail: string;
+};
+
+export default AddAdminToDomainParams;

src/libs/API/parameters/AddMemberToDomainParams.ts

@@ -0,0 +1,7 @@
+type AddMemberToDomainParams = {
+    authToken?: string | null;
+    domainName: string;
+    targetEmail: string;
+};
+
+export default AddMemberToDomainParams;

src/libs/API/parameters/SetConsolidatedDomainBillingEnabledParams.ts

@@ -0,0 +1,8 @@
+type SetConsolidatedDomainBillingEnabledParams = {
+    authToken?: string | null;
+    domainAccountID: number;
+    domainName: string;
+    enabled: boolean;
+};
+
+export default SetConsolidatedDomainBillingEnabledParams;

src/libs/API/parameters/index.ts

@@ -445,4 +445,6 @@ export type {default as DomainParams} from './DomainParams';
 export type {default as GetScimTokenParams} from './GetScimTokenParams';
 export type {default as SetSamlIdentityParams} from './SetSamlIdentityParams';
 export type {default as UpdateSamlEnabledParams} from './UpdateSamlEnabledParams';
-export type {default as UpdateSamlRequiredParams} from './UpdateSamlRequiredParams';
+export type {default as AddAdminToDomainParams} from './AddAdminToDomainParams';
+export type {default as AddMemberToDomainParams} from './AddMemberToDomainParams';
+export type {default as SetConsolidatedDomainBillingEnabledParams} from './SetConsolidatedDomainBillingEnabledParams';

src/libs/API/types.ts

@@ -524,6 +524,9 @@ const WRITE_COMMANDS = {
     UPDATE_SAML_ENABLED: 'UpdateSAMLEnabled',
     UPDATE_SAML_REQUIRED: 'UpdateSAMLRequired',
     CREATE_DOMAIN: 'CreateDomain',
+    ADD_DOMAIN_ADMIN: 'AddDomainAdmin',
+    ADD_DOMAIN_MEMBER: 'AddDomainMember',
+    SET_CONSOLIDATED_DOMAIN_BILLING_ENABLED: 'SetConsolidatedDomainBillingEnabled',
 } as const;
 
 type WriteCommand = ValueOf<typeof WRITE_COMMANDS>;
@@ -1069,6 +1072,9 @@ type WriteCommandParameters = {
     [WRITE_COMMANDS.UPDATE_SAML_ENABLED]: Parameters.UpdateSamlEnabledParams;
     [WRITE_COMMANDS.UPDATE_SAML_REQUIRED]: Parameters.UpdateSamlRequiredParams;
     [WRITE_COMMANDS.CREATE_DOMAIN]: Parameters.DomainParams;
+    [WRITE_COMMANDS.ADD_DOMAIN_ADMIN]: Parameters.AddAdminToDomainParams;
+    [WRITE_COMMANDS.ADD_DOMAIN_MEMBER]: Parameters.AddMemberToDomainParams;
+    [WRITE_COMMANDS.SET_CONSOLIDATED_DOMAIN_BILLING_ENABLED]: Parameters.SetConsolidatedDomainBillingEnabledParams;
 };
 
 const READ_COMMANDS = {

src/libs/DomainUtils.ts

@@ -0,0 +1,65 @@
+import ONYXKEYS from '@src/ONYXKEYS';
+import type * as OnyxTypes from '@src/types/onyx';
+import getEmptyArray from '@src/types/utils/getEmptyArray';
+
+/**
+ * Extracts a list of admin IDs (accountIDs) from the domain object.
+ * * It filters the domain properties for keys starting with the admin permissions prefix
+ * and returns the values as an array of numbers.
+ *
+ * @param domain - The domain object from Onyx
+ * @returns An array of admin account IDs
+ */
+function selectAdminIDs(domain: OnyxTypes.Domain | undefined): number[] {
+    if (!domain) {
+        return [];
+    }
+
+    return (
+        Object.entries(domain)
+            .filter(([key]) => key.startsWith(ONYXKEYS.COLLECTION.DOMAIN_ADMIN_PERMISSIONS))
+            .map(([, value]) => {
+                const rawValue = typeof value === 'object' && value !== null && 'value' in value ? value.value : value;
+                return Number(rawValue);
+            })
+            .filter((id) => !Number.isNaN(id)) ?? getEmptyArray<number>()
+    );
+}
+
+/**
+ * Finds the specific key in the domain object that corresponds to a given admin's accountID.
+ *
+ * @param domain - The domain object from Onyx
+ * @param accountID - The account ID of the admin
+ * @returns The key string (e.g. 'expensify_adminPermissions_<NUMBER>') or undefined if not found
+ */
+function getAdminKey(domain: OnyxTypes.Domain | undefined, accountID: number): string | undefined {
+    if (!domain) {
+        return undefined;
+    }
+
+    return Object.entries(domain).find(([key, value]) => {
+        return key.startsWith(ONYXKEYS.COLLECTION.DOMAIN_ADMIN_PERMISSIONS) && Number(value) === accountID;
+    })?.[0];
+}
+
+function selectMemberIDs(domain: OnyxTypes.Domain | undefined): number[] {
+    if (!domain) {
+        return [];
+    }
+
+    const memberIDs = Object.entries(domain)
+        .filter(([key]) => key.startsWith(ONYXKEYS.COLLECTION.DOMAIN_SECURITY_GROUP))
+        .flatMap(([, value]) => {
+            const groupData = value as { shared?: Record<string, string> };
+            if (!groupData?.shared) {
+                return [];
+            }
+            return Object.keys(groupData.shared);
+        })
+        .map((id) => Number(id))
+        .filter((id) => !Number.isNaN(id));
+    return [...new Set(memberIDs)];
+}
+
+export {selectAdminIDs, getAdminKey, selectMemberIDs};

src/libs/Navigation/AppNavigator/ModalStackNavigators/index.tsx

@@ -844,6 +844,13 @@ const SettingsModalStackNavigator = createModalStackNavigator<SettingsNavigatorP
     [SCREENS.WORKSPACE.RECEIPT_PARTNERS_CHANGE_BILLING_ACCOUNT]: () => require<ReactComponentModule>('../../../../pages/workspace/receiptPartners/ChangeReceiptBillingAccountPage').default,
     [SCREENS.DOMAIN.VERIFY]: () => require<ReactComponentModule>('../../../../pages/domain/SamlVerifyDomainPage').default,
     [SCREENS.DOMAIN.VERIFIED]: () => require<ReactComponentModule>('../../../../pages/domain/SamlDomainVerifiedPage').default,
+    [SCREENS.DOMAIN.ADD_ADMIN]: () => require<ReactComponentModule>('../../../../pages/domain/admins/DomainAddAdminPage').default,
+    [SCREENS.DOMAIN.ADMINS_SETTINGS]: () => require<ReactComponentModule>('../../../../pages/domain/admins/SettingsPage').default,
+    [SCREENS.DOMAIN.ADD_PRIMARY_CONTACT]: () => require<ReactComponentModule>('@pages/domain/admins/AddPrimaryContactPage').default,
+    [SCREENS.DOMAIN.ADMIN_DETAILS]: () => require<ReactComponentModule>('../../../../pages/domain/DomainAdminDetailsPage').default,
+    [SCREENS.DOMAIN.RESET_DOMAIN]: () => require<ReactComponentModule>('@pages/domain/DomainResetDomainPage').default,
+    [SCREENS.DOMAIN.MEMBER_DETAILS]: () => require<ReactComponentModule>('../../../../pages/domain/members/MembersDetailsPage').default,
+    [SCREENS.DOMAIN.ADD_MEMBER]: () => require<ReactComponentModule>('../../../../pages/domain/members/DomainAddMemberPage').default,
 });
 
 const TwoFactorAuthenticatorStackNavigator = createModalStackNavigator<EnablePaymentsNavigatorParamList>({

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

@@ -13,6 +13,9 @@ import type ReactComponentModule from '@src/types/utils/ReactComponentModule';
 
 const loadDomainInitialPage = () => require<ReactComponentModule>('../../../../pages/domain/DomainInitialPage').default;
 const loadDomainSamlPage = () => require<ReactComponentModule>('../../../../pages/domain/DomainSamlPage').default;
+const loadDomainAdminsPage = () => require<ReactComponentModule>('../../../../pages/domain/DomainAdminsPage').default;
+const loadDomainMembersPage = () => require<ReactComponentModule>('../../../../pages/domain/members/DomainMembersPage').default;
+
 
 const Split = createSplitNavigator<DomainSplitNavigatorParamList>();
 
@@ -43,6 +46,18 @@ function DomainSplitNavigator({route, navigation}: PlatformStackScreenProps<Auth
                         name={SCREENS.DOMAIN.SAML}
                         getComponent={loadDomainSamlPage}
                     />
+
+                    <Split.Screen
+                        key={SCREENS.DOMAIN.ADMINS}
+                        name={SCREENS.DOMAIN.ADMINS}
+                        getComponent={loadDomainAdminsPage}
+                    />
+
+                    <Split.Screen
+                        key={SCREENS.DOMAIN.MEMBERS}
+                        name={SCREENS.DOMAIN.MEMBERS}
+                        getComponent={loadDomainMembersPage}
+                    />
                 </Split.Navigator>
             </View>
         </FocusTrapForScreens>

src/libs/Navigation/linkingConfig/RELATIONS/DOMAIN_TO_RHP.ts

@@ -5,6 +5,8 @@ import SCREENS from '@src/SCREENS';
 const DOMAIN_TO_RHP: Partial<Record<keyof DomainSplitNavigatorParamList, string[]>> = {
     [SCREENS.DOMAIN.INITIAL]: [],
     [SCREENS.DOMAIN.SAML]: [SCREENS.DOMAIN.VERIFY, SCREENS.DOMAIN.VERIFIED],
+    [SCREENS.DOMAIN.ADMINS]: [SCREENS.DOMAIN.ADD_ADMIN, SCREENS.DOMAIN.ADMIN_DETAILS, SCREENS.DOMAIN.ADMINS_SETTINGS, SCREENS.DOMAIN.ADD_PRIMARY_CONTACT, SCREENS.DOMAIN.RESET_DOMAIN],
+    [SCREENS.DOMAIN.MEMBERS]: [SCREENS.DOMAIN.MEMBER_DETAILS,SCREENS.DOMAIN.ADD_MEMBER],
 };
 
 export default DOMAIN_TO_RHP;

src/libs/Navigation/linkingConfig/config.ts

@@ -1095,9 +1095,30 @@ const config: LinkingOptions<RootNavigatorParamList>['config'] = {
                         [SCREENS.DOMAIN.VERIFY]: {
                             path: ROUTES.DOMAIN_VERIFY.route,
                         },
+                        [SCREENS.DOMAIN.ADD_ADMIN]: {
+                            path: ROUTES.DOMAIN_ADD_ADMIN.route,
+                        },
+                        [SCREENS.DOMAIN.ADD_PRIMARY_CONTACT]: {
+                            path: ROUTES.DOMAIN_ADD_PRIMARY_CONTACT.route,
+                        },
                         [SCREENS.DOMAIN.VERIFIED]: {
                             path: ROUTES.DOMAIN_VERIFIED.route,
                         },
+                        [SCREENS.DOMAIN.ADMIN_DETAILS]: {
+                            path: ROUTES.DOMAIN_ADMIN_DETAILS.route,
+                        },
+                        [SCREENS.DOMAIN.ADMINS_SETTINGS]: {
+                            path: ROUTES.DOMAIN_ADMINS_SETTINGS.route,
+                        },
+                        [SCREENS.DOMAIN.RESET_DOMAIN]: {
+                            path: ROUTES.DOMAIN_RESET_DOMAIN.route,
+                        },
+                        [SCREENS.DOMAIN.MEMBER_DETAILS]: {
+                            path: ROUTES.DOMAIN_MEMBER_DETAILS.route,
+                        },
+                        [SCREENS.DOMAIN.ADD_MEMBER]: {
+                            path: ROUTES.DOMAIN_ADD_MEMBER.route,
+                        },
                     },
                 },
                 [SCREENS.RIGHT_MODAL.TWO_FACTOR_AUTH]: {
@@ -1911,6 +1932,12 @@ const config: LinkingOptions<RootNavigatorParamList>['config'] = {
                 [SCREENS.DOMAIN.SAML]: {
                     path: ROUTES.DOMAIN_SAML.route,
                 },
+                [SCREENS.DOMAIN.ADMINS]: {
+                    path: ROUTES.DOMAIN_ADMINS.route,
+                },
+                [SCREENS.DOMAIN.MEMBERS]: {
+                    path: ROUTES.DOMAIN_MEMBERS.route,
+                },
             },
         },