Implementation of Tier-Specific Access for Child Applications in Zendesk Without Utilizing Zendesk Admin Center

Problem Statement: 
i. Our objective is to conceal(hide) the child application (Nav bar) at the application level. 
ii. However, when we attempt to impose restrictions on a group using the admin center, it hides all child applications, not the specific ones we intend.
iii. Within the Zendesk environment, we encounter limitations in implementing restrictions at the child level.

Description: 
A. We have developed a package comprising three child applications:
     a. Nav bar 
     b. Ticket editor 
     c. Ticket sidebar 

B. The requirement is that if a Tier 1 group user is logged in, we should hide the Nav bar child application or icon, while still allowing access to the application from the ticket editor. 

C. Our manifest.json file includes the following details: 
{ "name": "Xumo Agent Lookup", "author": { "name": "Zendesk Login", "email": "abc@comcast.com" }, "defaultLocale": "en", "private": true, "location": { "support": { "nav_bar": { "name": "Xumo Agent Transaction Lookup", "url": "assets/nav_bar/index.html", "size": { "height": "100%", "width": "100%" }, "flexible": true, "dev": "localhost", "dev": 3300 } } } } 

D. User details, including groups, email, and role, are retrieved from the currentUser API. 

E.  We setup reactjs vite environment for code base. 

F. Despite attempting to utilize the Zendesk Admin Center, we have not found a satisfactory solution. Hence, we seek to implement group-level access from the codebase.

We kindly request your assistance in achieving this functionality. Your support would be greatly appreciated.