qpp-style 9.12.1 → 9.13.2

package/components/Header/HeaderMenuItem.jsx

@@ -33,6 +33,7 @@ const excludedClickOutClasses = [
 
 const HeaderMenuItem = ({
   handleClick,
+  isMobileMenuExpanded,
   columns,
   menuName,
   rows,
@@ -76,12 +77,19 @@ const HeaderMenuItem = ({
       ) {
         return;
       }
+      setOpenMobileSubMenu('')
       closeMenus();
     };
     document.addEventListener('mousedown', listener);
     return () => document.removeEventListener('mousedown', listener);
   }, [menuRef]);
 
+  useEffect(() => {
+    if (!isMobileMenuExpanded || !isOpen){
+      setOpenMobileSubMenu('')
+    }
+  }, [isMobileMenuExpanded, isOpen])
+
   return (
     <li
       key={`header-item-${menuIdentifier}`}
@@ -162,7 +170,7 @@ const HeaderMenuItem = ({
                       >
                         <Accordion
                           title={c.heading}
-                          isOpen={openMobileSubMenu === c.heading}
+                          isOpen={isMobileMenuExpanded && openMobileSubMenu === c.heading}
                         >
                           <ul>
                             {c.items.map((item) => {
@@ -212,6 +220,7 @@ HeaderMenuItem.propTypes = {
   subtitle: PropTypes.string.isRequired,
   className: PropTypes.string,
   handleClick: PropTypes.func.isRequired,
+  isMobileMenuExpanded: PropTypes.bool.isRequired,
 };
 HeaderMenuItem.defaultProps = {
   menuName: '',

package/components/Header/HeaderUI.jsx

@@ -111,6 +111,7 @@ const HeaderUI = ({
                 handleClick={() => {
                   setIsMobileMenuExpanded(!isMobileMenuExpanded);
                 }}
+                isMobileMenuExpanded={isMobileMenuExpanded}
                 key={header.name}
                 {...header}
               />

package/components/Header/ImpersonatorBanner.jsx

@@ -4,11 +4,26 @@ import axios from 'axios';
 import CloseIcon from '@material-ui/icons/Close';
 
 import { TextButton } from '../Button';
-import { deleteImpersonatedUser, revertQppHasAuthsCookie } from '../../session/logout';
+import {
+  deleteImpersonatedUser,
+  revertQppHasAuthsCookie,
+} from '../../session/logout';
+
+const getViewType = (viewType) => ({
+  username: 'HARP ID',
+  npi: 'NPI',
+  tin: 'TIN',
+  apm_id: 'APM Entity',
+  cms_id: 'Registry',
+  vg_id: 'Virtual Group',
+}[viewType]);
 
 const ImpersonatorBanner = () => {
-  const { qpp_auth_token: token = null, qpp_impersonated_user: user = null } =
-    cookie.parse(document.cookie);
+  const {
+    qpp_auth_token: token = null,
+    qpp_impersonated_user: user = null,
+    qpp_impersonated_type: viewType = null,
+  } = cookie.parse(document.cookie);
 
   const className = [
     'qpp-u-display--flex',
@@ -21,14 +36,17 @@ const ImpersonatorBanner = () => {
   ].join(' ');
 
   const onClick = () => {
-    const fn = () => {      
-      deleteImpersonatedUser({ qpp_impersonated_user: user });
+    const fn = () => {
+      deleteImpersonatedUser({
+        qpp_impersonated_user: user,
+        qpp_impersonated_type: viewType,
+      });
       // Set qpp_has_authorizations cookie back to impersonator's value
       revertQppHasAuthsCookie();
       window.location.reload();
     };
     return axios
-      .delete('/api/auth/users/impersonate', {
+      .delete('/api/auth/helpdesk/view', {
         headers: {
           Accept: 'application/vnd.qpp.cms.gov.v1+json',
           Authorization: `Bearer ${token}`,
@@ -42,11 +60,10 @@ const ImpersonatorBanner = () => {
     user && (
       <div className={className}>
         <div>
-          VIEW ONLY | You are currently impersonating HARP user:{' '}
-          <strong>{user}</strong>
+          VIEW ONLY | You are currently viewing {getViewType(viewType)}: <strong>{user}</strong>
         </div>
         <TextButton onClick={onClick} className="qpp-u-color--gray-80">
-          Exit Impersonation Mode
+          Exit View Mode
           <CloseIcon />
         </TextButton>
       </div>

package/components/SideNav/UI/default-content.json

@@ -43,8 +43,8 @@
       "label": "Manage Access",
       "listOfLinks": [
         {
-          "url": "/user/impersonate",
-          "label": "QPP User Impersonation"
+          "url": "/user/helpdesk-viewing-tool",
+          "label": "Viewing Tool"
         },
         {
           "url": "/user/self-nomination/#/landing",