qpp-style 9.19.0 → 9.20.0

package/components/SideNav/Content/SelectRole/utils.js

@@ -11,6 +11,22 @@ const extractCookieValues = (cookies) => {
   return [hasAuthorizations, cmsInternalRoles];
 };
 
+/**
+ * Check if internal cms role is a Reviewer role
+ * @param {string} cmsInternalRole
+ * @returns {boolean}
+ */
+export const isReviewerRole = (cmsInternalRole) => {
+  const reviewerRoles = [
+    'QPP Self-Nomination',
+    'QPP Targeted Review & Exceptions',
+    'QPP Case Management - PIMMS Reviewer',
+    'QPP Case Management - ACO PAC Reviewer',
+    'QPP Case Management - CMS Reviewer',
+  ];
+  return reviewerRoles.includes(cmsInternalRole);
+};
+
 /**
  * Check if internal cms roles has Reviewer role
  * @param {array} cmsInternalRoles array of values
@@ -18,11 +34,7 @@ const extractCookieValues = (cookies) => {
  */
 const hasReviewerRole = (cmsInternalRoles) => {
   if (!cmsInternalRoles) return false;
-  return cmsInternalRoles.some(
-    (name) =>
-      name === 'QPP Self-Nomination' ||
-      name === 'QPP Targeted Review & Exceptions'
-  );
+  return cmsInternalRoles.some(isReviewerRole);
 };
 
 /**

package/components/SideNav/Links/NavLinkDrawer.jsx

@@ -148,10 +148,10 @@ const NavLinkDrawer = ({
   const renderDrawerLinksRecursively = (navLinks, className = '') => {
     return (
       navLinks &&
-      navLinks.map((link) => {
+      navLinks.map((link, index) => {
         if (link.type === 'divider') {
           return (
-            <AnimationGroup display={true} key={link.label}>
+            <AnimationGroup display={true} key={index}>
               <hr />
             </AnimationGroup>
           );

package/components/SideNav/UI/SideNavUI.jsx

@@ -1,6 +1,5 @@
 import React, { useState, useEffect, useRef } from 'react';
 import PropTypes from 'prop-types';
-import SVGInline from 'react-svg-inline';
 
 import { withGetConfig } from '../../hooks/useGetConfig';
 import { LevelOneContent, LevelTwoContent } from '../Content';
@@ -15,7 +14,6 @@ import { PracticeDetails, IndividualDetails } from '../Details';
 import { ScoreChart } from '../Chart';
 import SanitizedContent from '../../SanitizedContent';
 import * as SvgComponents from '../../../lib/SvgComponents.jsx';
-import SVGIcons from '../../../lib/svg-definitions.svg';
 import CmsSwitchLink from '../Links/CmsSwitchLink';
 import defaultContent from './default-content';
 
@@ -30,7 +28,6 @@ const SideNavUI = ({
   onExpanded,
   performanceYear,
   showReportingLinks,
-  svgIcons,
   result,
 }) => {
   const [isExpandedState, setIsExpandedState] = useState(isExpanded);
@@ -274,7 +271,6 @@ const SideNavUI = ({
         config.navClassName
       }`}
     >
-      <SVGInline svg={svgIcons} />
       {content}
       <NavLinkToggle
         isAltStyle={isAltStyle}
@@ -297,7 +293,6 @@ SideNavUI.propTypes = {
   isAltStyle: PropTypes.bool,
   showReportingLinks: PropTypes.bool,
   performanceYear: PropTypes.string,
-  svgIcons: PropTypes.string,
   result: PropTypes.shape({
     content: PropTypes.shape({
       default: PropTypes.arrayOf(PropTypes.object),
@@ -320,7 +315,6 @@ SideNavUI.defaultProps = {
   isAltStyle: false,
   showReportingLinks: false,
   performanceYear: '2017',
-  svgIcons: SVGIcons,
   result: {
     content: {
       default: [],

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

@@ -93,6 +93,10 @@
     {
       "url": "/self-nomination",
       "label": "Self Nomination"
+    },
+    {
+      "url": "/cases/needs-review",
+      "label": "Review Skip Requests"
     }
   ],
   "viewer": [],

package/components/SideNav/helpers.js

@@ -16,6 +16,7 @@ import {
   ManageDocumentsIcon,
   AuthorContentIcon,
 } from '../../lib/SvgComponents';
+import { isReviewerRole } from './Content/SelectRole/utils';
 
 const submissionsUrl = '/user/submissions';
 const dashboardUrl = '/user/dashboard';
@@ -82,6 +83,7 @@ const getIcon = (url, linkLabel) => {
     '/reviewer/exception': HardshipIcon,
     '/reviewer/targeted-review': TargetIcon,
     '/self-nomination': IndividualReporting,
+    '/cases/needs-review': FacilityBasedPreviewIcon,
     [contentMgrDashboardUrl]: AccountHomeIcon,
     'Manage Documents': ManageDocumentsIcon,
     'Author Content': AuthorContentIcon,
@@ -98,6 +100,9 @@ const singleRoleContentMap = {
   'QPP Front-end - Author': 'contentManager',
   'QPP Self-Nomination': 'internalReviewers',
   'QPP Targeted Review & Exceptions': 'internalReviewers',
+  'QPP Case Management - PIMMS Reviewer': 'internalReviewers',
+  'QPP Case Management - ACO PAC Reviewer': 'internalReviewers',
+  'QPP Case Management - CMS Reviewer': 'internalReviewers',
 };
 
 const multiRoleContentMap = {
@@ -128,7 +133,7 @@ const replaceDefaultContentMgrLinks = (defaultContent) => {
 
 /**
  * Load the side nav content for the given role
- * @param {sting} roleName role of given user from internalReviewerNames
+ * @param {string} roleName role of given user from internalReviewerNames
  * @param {object} navContent object of side nav links by role (levelOneContent & defaultContent)
  * @returns {array} returns an array of objects (side nav menu links) from levelOneContent
  * || defaultContent
@@ -164,6 +169,7 @@ const isImpersonating = (docCookie) => {
  * @returns {boolean}
  */
 const isMultiRoleUser = (docCookie) => {
+  const activeRoles = new Set();
   const { qpp_cms_internal_authorized } = cookie.parse(docCookie);
   let internalAuthz = [];
   if (qpp_cms_internal_authorized) {
@@ -176,7 +182,15 @@ const isMultiRoleUser = (docCookie) => {
       internalAuth !== 'Test internalCms Resource 2'
     );
   });
-  return filteredInternalAuthz.length > 1;
+
+  filteredInternalAuthz.forEach((element) => {
+    if (isReviewerRole(element)) {
+      return activeRoles.add('reviewer');
+    }
+    return activeRoles.add(element);
+  });
+
+  return activeRoles.size > 1;
 };
 
 /**
@@ -290,6 +304,14 @@ const getUrlConditionMap = (userPermissions) => {
       'QPP Self-Nomination'
     ),
 
+    '/cases/needs-review': userPermissions.internalReviewerNames?.some((val) =>
+      [
+        'QPP Case Management - PIMMS Reviewer',
+        'QPP Case Management - ACO PAC Reviewer',
+        'QPP Case Management - CMS Reviewer',
+      ].includes(val)
+    ),
+
     // dev pre
     '/user/applications': userPermissions.ehrAuthorized,
     '/user/test-data': userPermissions.ehrAuthorized,

package/components/index.js

@@ -9,7 +9,6 @@ import Footer from './Footer/FooterUI';
 import Header from './Header/HeaderUI';
 import Modal from './Modal';
 import SideNav from './SideNav/UI/SideNavUI';
-import Spinner from './UnwrappedSpinner';
 import TabPanel from './Tabs/TabPanel';
 import Tabs from './Tabs/index';
 import Tooltip from './Tooltip';
@@ -115,7 +114,6 @@ export {
   Modal,
   Search,
   SideNav,
-  Spinner,
   TabPanel,
   Tabs,
   TextButton,