@rh-support/troubleshoot 2.6.7 → 2.6.9

package/lib/esm/components/CaseEditView/ActiveCustomerEscalation/ActiveCustomerEscalation.d.ts

@@ -3,6 +3,7 @@ interface IProps {
     caseNumber: string;
     caseSeverity: string;
     caseStatus: string;
+    canViewACESection: boolean;
 }
 export declare const ActiveCustomerEscalation: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/lib/esm/components/CaseEditView/ActiveCustomerEscalation/ActiveCustomerEscalation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActiveCustomerEscalation.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ActiveCustomerEscalation/ActiveCustomerEscalation.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,wBAAwB,+EA6HnC,CAAC"}
+{"version":3,"file":"ActiveCustomerEscalation.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ActiveCustomerEscalation/ActiveCustomerEscalation.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,wBAAwB,+EA8KnC,CAAC"}

package/lib/esm/components/CaseEditView/ActiveCustomerEscalation/ActiveCustomerEscalation.js

@@ -1,6 +1,7 @@
 import { Button, ButtonVariant, List, ListItem, Popover } from '@patternfly/react-core';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
-import { useCanEditCase } from '@rh-support/react-context';
+import LockIcon from '@patternfly/react-icons/dist/js/icons/lock-icon';
+import { useCanEditCase, useGlobalStateContext } from '@rh-support/react-context';
 import { Can, resourceActions, resources } from '@rh-support/user-permissions';
 import React, { forwardRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -9,6 +10,9 @@ import { RequestEscalationModal } from './RequestEscalationModal';
 export const ActiveCustomerEscalation = forwardRef((props, ref) => {
     const { t } = useTranslation();
     const { caseDetailsPageState: { caseEscalations }, } = useCaseDetailsPageStateContext();
+    const { globalMetadataState: { loggedInUserRights }, } = useGlobalStateContext();
+    const isExternal = loggedInUserRights.data.isExternal();
+    const isInternal = loggedInUserRights.data.isInternal();
     const canEditCase = useCanEditCase();
     const isCreateRMEVisible = (caseEscalations.data || []).length === 0 || caseEscalations.data.every((item) => item.status === 'Closed');
     const commonElements = (React.createElement(React.Fragment, null,
@@ -20,15 +24,27 @@ export const ActiveCustomerEscalation = forwardRef((props, ref) => {
             React.createElement("a", { href: "/support/escalation", target: "_blank", "aria-label": t('Learn more about Red Hat support case escalation') },
                 React.createElement(InfoCircleIcon, null))),
         React.createElement("div", { className: "card-body" },
-            React.createElement("p", null,
-                React.createElement("strong", null, t('Red Hat associates can open an ACE escalation when')),
-                ":"),
-            React.createElement(List, { className: "pf-v5-u-pl-lg" },
-                React.createElement(ListItem, null, t('The customer wants an update')),
-                React.createElement(ListItem, null, t('The customer thinks the case is not moving appropriately')),
-                React.createElement(ListItem, null, t('The customer wants a new resource')),
-                React.createElement(ListItem, null, t('The issue is more severe than originally thought'))),
-            React.createElement("a", { href: `/watchlist/internal/aces/new?caseNumber=${props.caseNumber}`, target: "_blank", rel: "noopener noreferrer", className: "pf-v5-c-button pf-m-tertiary", "data-tracking-id": "request-ace-trigger", "aria-label": t('Request an escalation') }, t('Request an escalation')))));
+            isInternal && (React.createElement(React.Fragment, null,
+                React.createElement("p", null,
+                    React.createElement(LockIcon, null),
+                    " ",
+                    React.createElement("strong", null, `${t('Available to customers only')}`)),
+                React.createElement("p", null,
+                    React.createElement(Trans, null,
+                        "Available to customers only. When a customer submits an escalation request, it is routed to a support manager for review. Support agents can refer to the",
+                        ' ',
+                        React.createElement("a", { href: "https://access.redhat.com/support/escalation", target: "_blank", rel: "noreferrer" }, "Escalation guidelines"),
+                        "for details.")))),
+            isExternal && props.canViewACESection && (React.createElement(React.Fragment, null,
+                React.createElement("p", null,
+                    React.createElement("strong", null, t('Red Hat associates can open an ACE escalation when')),
+                    ":"),
+                React.createElement(List, { className: "pf-v5-u-pl-lg" },
+                    React.createElement(ListItem, null, t('The customer wants an update')),
+                    React.createElement(ListItem, null, t('The customer thinks the case is not moving appropriately')),
+                    React.createElement(ListItem, null, t('The customer wants a new resource')),
+                    React.createElement(ListItem, null, t('The issue is more severe than originally thought'))),
+                React.createElement("a", { href: `/watchlist/internal/aces/new?caseNumber=${props.caseNumber}`, target: "_blank", rel: "noopener noreferrer", className: "pf-v5-c-button pf-m-tertiary", "data-tracking-id": "request-ace-trigger", "aria-label": t('Request an escalation') }, t('Request an escalation')))))));
     const [openRequestEscalationModal, setOpenRequestEscalationModal] = useState(false);
     const toggleModal = () => {
         if (canEditCase.alert())
@@ -43,15 +59,27 @@ export const ActiveCustomerEscalation = forwardRef((props, ref) => {
                         React.createElement(Trans, null, "Learn more about escalation cases."))) },
                     React.createElement(InfoCircleIcon, { title: t('Learn more about escalation cases popover') })))),
         React.createElement("div", { className: "card-body" },
-            React.createElement("p", null,
-                React.createElement("strong", null, t('Request a management escalation if your issue')),
-                ":"),
-            React.createElement(List, { className: "pf-v5-u-pl-lg" },
-                React.createElement(ListItem, null, t(`Isn't being resolved appropriately.`)),
-                React.createElement(ListItem, null, t('Needs a senior resource.')),
-                React.createElement(ListItem, null, t('Is more severe or should be a higher priority.'))),
-            commonElements,
-            React.createElement(Button, { variant: ButtonVariant.secondary, onClick: toggleModal, "data-tracking-id": "request-rme-trigger", "aria-label": t('Request an escalation') }, t('Request an escalation')))));
+            isInternal && (React.createElement(React.Fragment, null,
+                React.createElement("p", null,
+                    React.createElement(LockIcon, null),
+                    " ",
+                    React.createElement("strong", null, `${t('Available to customers only')}`)),
+                React.createElement("p", null,
+                    React.createElement(Trans, null,
+                        "Available to customers only. When a customer submits an escalation request, it is routed to a support manager for review. Support agents can refer to the",
+                        ' ',
+                        React.createElement("a", { href: "https://access.redhat.com/support/escalation", target: "_blank", rel: "noreferrer" }, "Escalation guidelines"),
+                        "for details.")))),
+            isExternal && (React.createElement(React.Fragment, null,
+                React.createElement("p", null,
+                    React.createElement("strong", null, t('Request a management escalation if your issue')),
+                    ":"),
+                React.createElement(List, { className: "pf-v5-u-pl-lg" },
+                    React.createElement(ListItem, null, t(`Isn't being resolved appropriately.`)),
+                    React.createElement(ListItem, null, t('Needs a senior resource.')),
+                    React.createElement(ListItem, null, t('Is more severe or should be a higher priority.'))),
+                commonElements,
+                React.createElement(Button, { variant: ButtonVariant.secondary, onClick: toggleModal, "data-tracking-id": "request-rme-trigger", "aria-label": t('Request an escalation') }, t('Request an escalation')))))));
     return (React.createElement(React.Fragment, null,
         React.createElement(RequestEscalationModal, { caseNumber: props.caseNumber, severity: props.caseSeverity, caseStatus: props.caseStatus, show: openRequestEscalationModal, onClose: toggleModal }),
         React.createElement(Can, { do: resourceActions.CREATE, on: resources.ICE_ESCALATION, passThrough: true }, (canCreateICE) => canCreateICE ? isInternalElements : isCreateRMEVisible ? isNotInternalElements : React.createElement(React.Fragment, null))));

package/lib/esm/components/CaseEditView/Case.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Case.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/Case.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAS,mBAAmB,EAAiD,MAAM,kBAAkB,CAAC;AAkB7G,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC;CACnC;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,MAAM,qBA6LzC"}
+{"version":3,"file":"Case.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/Case.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAS,mBAAmB,EAAiD,MAAM,kBAAkB,CAAC;AAmB7G,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC;CACnC;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,MAAM,qBA4OzC"}

package/lib/esm/components/CaseEditView/Case.js

@@ -1,3 +1,12 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import { CoverSpinner, ErrorBoundary, OverviewContentLoader, ToastNotification, useDocumentTitle, usePrevious, } from '@rh-support/components';
 import { GlobalMetadataStateContext, HostnameAwarenessModal } from '@rh-support/react-context';
 import { AbilityContext, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
@@ -9,6 +18,7 @@ import { useTranslation } from 'react-i18next';
 import { Route, Switch, useLocation, useParams, useRouteMatch } from 'react-router-dom';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { useCaseDetailsPageDispatchContext } from '../../context/CaseDetailsPageContext';
+import { CaseReducerConstants } from '../../reducers/CaseConstNTypes';
 import { fetchAttachments, fetchCaseEscalations, fetchExternalTrackers, fetchFeedbacks, } from '../../reducers/CaseDetailsPageReducer';
 import { fetchCaseDetails, setCaseAccountNumber } from '../../reducers/CaseReducer';
 import { CaseDetailsAside } from './CaseDetailsAside';
@@ -29,6 +39,7 @@ export default function Case(props) {
     const queryParams = getUrlParsedParams(useLocation().search);
     const ability = useContext(AbilityContext);
     const caseDetailsTabsRef = useRef(null);
+    const currentCaseRef = useRef();
     const canSeeFeedbackButtons = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_FEEDBACK_BUTTONS);
     const canReadCase = ability.can(resourceActions.READ, resources.CASE_DETAILS);
     const canSeeExternalTracker = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_EXTERNAL_TRACKER);
@@ -80,20 +91,45 @@ export default function Case(props) {
             props.routeProps.history.replace('/case/list');
             return;
         }
-        if (caseNumber) {
-            fetchCaseDetails(caseDispatch, caseNumber, loggedInUserRights.data, loggedInUser.data);
-            canSeeRMEs &&
-                fetchCaseEscalations(caseDetailsPageDispatch, caseNumber, loggedInUserRights.data.getAccountNumber());
-            // fetch data in advance
-            canSeeAttachments &&
-                fetchAttachments(caseDetailsPageDispatch, caseNumber, loggedInUsersAccount.data.secureSupport);
-            canSeeExternalTracker && fetchExternalTrackers(caseDetailsPageDispatch, caseNumber);
-            checkRemoteSessionFlag();
-        }
-        if (canSeeFeedbackButtons && caseNumber) {
-            // fetch data in advance
-            fetchFeedbacks(caseDetailsPageDispatch, caseNumber);
-        }
+        const targetCaseNumber = caseNumber;
+        caseDispatch({ type: CaseReducerConstants.resetCaseState });
+        // Update reference after reset
+        currentCaseRef.current = targetCaseNumber;
+        const safeFetchCaseDetails = () => __awaiter(this, void 0, void 0, function* () {
+            try {
+                // Check that we're still on the intended case before fetching
+                if (currentCaseRef.current !== targetCaseNumber)
+                    return;
+                const safeDispatch = (action) => {
+                    // Only dispatch if we're still working with the target case number
+                    if (currentCaseRef.current === targetCaseNumber) {
+                        caseDispatch(action);
+                    }
+                };
+                yield fetchCaseDetails(safeDispatch, targetCaseNumber, loggedInUserRights.data, loggedInUser.data);
+                if (currentCaseRef.current !== targetCaseNumber)
+                    return;
+                if (canSeeRMEs) {
+                    fetchCaseEscalations((action) => currentCaseRef.current === targetCaseNumber && caseDetailsPageDispatch(action), targetCaseNumber, loggedInUserRights.data.getAccountNumber());
+                }
+                if (canSeeAttachments) {
+                    fetchAttachments((action) => currentCaseRef.current === targetCaseNumber && caseDetailsPageDispatch(action), targetCaseNumber, loggedInUsersAccount.data.secureSupport);
+                }
+                if (canSeeExternalTracker) {
+                    fetchExternalTrackers((action) => currentCaseRef.current === targetCaseNumber && caseDetailsPageDispatch(action), targetCaseNumber);
+                }
+                if (canSeeFeedbackButtons) {
+                    fetchFeedbacks((action) => currentCaseRef.current === targetCaseNumber && caseDetailsPageDispatch(action), targetCaseNumber);
+                }
+                if (currentCaseRef.current === targetCaseNumber) {
+                    checkRemoteSessionFlag();
+                }
+            }
+            catch (error) {
+                console.error('Error fetching case details:', error);
+            }
+        });
+        safeFetchCaseDetails();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         caseNumber,

package/lib/esm/components/CaseEditView/CaseDetailsAside.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseDetailsAside.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsAside.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAYvE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAMD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAqX7C"}
+{"version":3,"file":"CaseDetailsAside.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsAside.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAYhF,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAMD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBA+Y7C"}

package/lib/esm/components/CaseEditView/CaseDetailsAside.js

@@ -7,6 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+import { publicApi } from '@cee-eng/hydrajs';
 import { Button, Checkbox, Icon, Popover, PopoverPosition, Switch, Tooltip } from '@patternfly/react-core';
 import AngleDoubleLeftIcon from '@patternfly/react-icons/dist/js/icons/angle-double-left-icon';
 import AngleDoubleRightIcon from '@patternfly/react-icons/dist/js/icons/angle-double-right-icon';
@@ -14,13 +15,13 @@ import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-ic
 import ListIcon from '@patternfly/react-icons/dist/js/icons/list-icon';
 import LockIcon from '@patternfly/react-icons/dist/js/icons/lock-icon';
 import TrendUpIcon from '@patternfly/react-icons/dist/js/icons/trend-up-icon';
-import { ErrorBoundary, ToastNotification, useBreakpoint, useForceUpdate } from '@rh-support/components';
+import { ErrorBoundary, ToastNotification, useBreakpoint, useFetch, useForceUpdate } from '@rh-support/components';
 import { GlobalMetadataDispatchContext, toggleViewAsCustomerFlag, useGlobalStateContext, useUserPreferences, } from '@rh-support/react-context';
 import { ability, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
 import { isSpecialSupportOfferingEnabled, scrollIntoView } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
-import React, { useContext, useEffect, useRef, useState } from 'react';
+import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';
 import { useCaseSelector } from '../../context/CaseContext';
@@ -33,7 +34,7 @@ import { ESSRemoteSession, RemoteSessionAgreement } from './RequestRemoteSession
 export function CaseDetailsAside(props) {
     var _a, _b;
     const { t } = useTranslation();
-    const { severity, status, isFetchingCaseDetails, isFetchingCaseDetailsError, acceptedRemoteSessionTerms, product, waitingOnCallback, } = useCaseSelector((state) => ({
+    const { severity, status, isFetchingCaseDetails, isFetchingCaseDetailsError, acceptedRemoteSessionTerms, product, waitingOnCallback, groupNumber, } = useCaseSelector((state) => ({
         severity: state.caseDetails.severity,
         status: state.caseDetails.status,
         isFetchingCaseDetails: state.isFetchingCaseDetails,
@@ -41,6 +42,7 @@ export function CaseDetailsAside(props) {
         acceptedRemoteSessionTerms: state.caseDetails.remoteSessionTermsAcked,
         waitingOnCallback: state.caseDetails.waitingOnCallback,
         product: state.caseDetails.product,
+        groupNumber: state.caseDetails.groupNumber,
     }), isEqual);
     const selectedProduct = product;
     const { caseDetailsPageState: { caseEscalations }, } = useCaseDetailsPageStateContext();
@@ -61,10 +63,8 @@ export function CaseDetailsAside(props) {
     const isXLScreen = breakPoint.xl;
     const toggleCustomerViewRef = useRef(null);
     const isFirstMountRef = useRef(true);
-    const { globalMetadataState: { navBarRef, viewAsCustomer, loggedInUsersAccount, loggedInUserRights, allProducts }, } = useGlobalStateContext();
+    const { globalMetadataState: { navBarRef, viewAsCustomer, loggedInUsersAccount, allProducts }, } = useGlobalStateContext();
     const isSecureSupportAccount = loggedInUsersAccount.data.secureSupport;
-    // To enable RSA Section for external users
-    const isExternal = loggedInUserRights.data.isExternal();
     // To check if user has read only access
     const canReadCase = ability.can(resourceActions.READ, resources.CASE_DETAILS);
     const onToggleAside = (ev) => {
@@ -78,7 +78,28 @@ export function CaseDetailsAside(props) {
     const { getOriginalCaseView, updateOriginalCaseView } = useUserPreferences();
     const [viewAsInternalPref, setViewAsInternalPref] = useState();
     const [isDefaultBoxChecked, setIsDefaultBoxChecked] = useState(true);
+    const [groups, setGroups] = useState([]);
     const { isExportingPDF } = useContext(PDFContext);
+    //getCaseGroupsForInternalUser returns casegroups with write permission for both internal and external users
+    const getCasegroupsWithWritePermissionFetch = useFetch(publicApi.caseGroups.getCaseGroupsForInternalUser, {
+        propgateErrors: true,
+    });
+    const fetchGroupsWithWritePermission = () => __awaiter(this, void 0, void 0, function* () {
+        try {
+            const userAccountNumber = loggedInUsersAccount.data.accountNumber;
+            const fetchedGroups = yield getCasegroupsWithWritePermissionFetch.request(userAccountNumber);
+            setGroups(fetchedGroups);
+        }
+        catch (error) {
+            console.error('Failed to fetch case groups with write permission:', error);
+            ToastNotification.addDangerMessage(t('Failed to fetch case groups'));
+            setGroups([]);
+        }
+    });
+    // Memoized permission check that updates when groupNumber or groups change
+    const isWritePermissionforCase = useMemo(() => {
+        return groups.some((group) => group.groupNum === groupNumber) || groupNumber === '-1';
+    }, [groupNumber, groups]);
     useEffect(() => {
         const userPreferredCaseView = () => __awaiter(this, void 0, void 0, function* () {
             try {
@@ -102,6 +123,7 @@ export function CaseDetailsAside(props) {
             }
         });
         userPreferredCaseView();
+        fetchGroupsWithWritePermission();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     const setSectionToScollRef = (sectionRef) => {
@@ -210,12 +232,12 @@ export function CaseDetailsAside(props) {
                         React.createElement(Checkbox, { label: t('Set to default'), isChecked: isDefaultBoxChecked, onChange: onDefaultCheckboxChange, id: "set-default-view-checkbox", name: "default-view-checkbox", isDisabled: isDefaultBoxChecked, className: 'defaultViewCheckbox' })))),
                 React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading top solutions') } },
                     React.createElement(CaseSolutions, { caseNumber: caseNumber, ref: topSolutionsRef, isSecureSupportAccount: isSecureSupportAccount })),
-                isExternal && isESSCustomer && (React.createElement(ErrorBoundary, { errorMsgInfo: {
+                isESSCustomer && (React.createElement(ErrorBoundary, { errorMsgInfo: {
                         message: t('There was an error loading requesting remote session section'),
                     } },
                     React.createElement(ESSRemoteSession, { waitingOnCallback: waitingOnCallback, remoteSessionTermsAcked: acceptedRemoteSessionTerms, caseNumber: caseNumber, caseSeverity: severity, caseStatus: status, ref: createEscalationRef, readOnly: canReadCase }))),
-                isExternal && !isESSCustomer && (React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading remote session agreement section') } },
+                !isESSCustomer && (React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading remote session agreement section') } },
                     React.createElement(RemoteSessionAgreement, { caseNumber: caseNumber, caseSeverity: severity, caseStatus: status, ref: createEscalationRef, waitingOnCallback: waitingOnCallback, acceptedRemoteSessionTerms: acceptedRemoteSessionTerms && waitingOnCallback, readOnly: canReadCase }))),
-                !caseEscalations.isFetching && canViewACESection && (React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading customer escalation section') } },
-                    React.createElement(ActiveCustomerEscalation, { caseNumber: caseNumber, caseSeverity: severity, caseStatus: status, ref: createEscalationRef })))))));
+                !caseEscalations.isFetching && isWritePermissionforCase && (React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading customer escalation section') } },
+                    React.createElement(ActiveCustomerEscalation, { canViewACESection: canViewACESection, caseNumber: caseNumber, caseSeverity: severity, caseStatus: status, ref: createEscalationRef })))))));
 }

package/lib/esm/components/CaseEditView/RequestRemoteSession/ESSRemoteSession.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ESSRemoteSession.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/ESSRemoteSession.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,eAAO,MAAM,gBAAgB,+EA+F3B,CAAC"}
+{"version":3,"file":"ESSRemoteSession.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/ESSRemoteSession.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,eAAO,MAAM,gBAAgB,+EAuH3B,CAAC"}

package/lib/esm/components/CaseEditView/RequestRemoteSession/ESSRemoteSession.js

@@ -1,9 +1,10 @@
 import { Button, List, ListItem, Popover, Tooltip } from '@patternfly/react-core';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
+import LockIcon from '@patternfly/react-icons/dist/js/icons/lock-icon';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
 import { TncConstants } from '@rh-support/utils';
 import React, { forwardRef, useContext, useRef, useState } from 'react';
-import { useTranslation } from 'react-i18next';
+import { Trans, useTranslation } from 'react-i18next';
 import { NewEssTermsModal } from './NewEssTermsModal';
 export const ESSRemoteSession = forwardRef((props, ref) => {
     const tooltipRef = useRef();
@@ -11,6 +12,8 @@ export const ESSRemoteSession = forwardRef((props, ref) => {
     const canEditCase = useCanEditCase();
     const { caseNumber, caseStatus, readOnly, waitingOnCallback } = props;
     const { globalMetadataState: { loggedInUser, loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
+    const isExternal = loggedInUserRights.data.isExternal();
+    const isInternal = loggedInUserRights.data.isInternal();
     const [openNewESSRemoteSessionModal, setOpenNewESSRemoteSessionModal] = useState(false);
     // To toggle New ESS RS Modal
     const toggleNewESSRemoteSessionModal = () => {
@@ -25,14 +28,27 @@ export const ESSRemoteSession = forwardRef((props, ref) => {
             React.createElement(Popover, { "aria-label": t('Remote Session Helper Info'), bodyContent: t('A remote session allows support engineers to view or access your computer to simplify collaboration and troubleshooting.'), footerContent: React.createElement("a", { href: "/articles/3566571", target: "_blank", rel: "noopener noreferrer", "aria-label": t('Read more about remote sessions') }, t('Read more about remote sessions')) },
                 React.createElement(InfoCircleIcon, null))),
         React.createElement("div", { className: "card-body" },
-            React.createElement("p", null,
-                React.createElement("strong", null, `${t('Red Hat may agree to remotely access your systems if:')}`)),
-            React.createElement(List, { className: "pf-v5-u-pl-xl" },
-                React.createElement(ListItem, null, t('Such access will help diagnose and have greater understanding into the issue.')),
-                React.createElement(ListItem, null, t('Agreed upon by both Red Hat and you, the end user'))),
-            React.createElement("p", { className: "rrs-light-grey-text" }, t('Red Hat will add a comment to your case to schedule your remote session.')),
-            waitingOnCallback && (React.createElement(Tooltip, { content: t('Remote session has already been requested.'), triggerRef: tooltipRef, "aria-live": 'polite' })),
-            React.createElement(Button, { "aria-label": waitingOnCallback ? t('Remote session requested') : t('Request remote session'), variant: waitingOnCallback ? 'primary' : 'secondary', onClick: toggleNewESSRemoteSessionModal, "data-tracking-id": "accept-remote-session-agreement-trigger", isAriaDisabled: waitingOnCallback, ref: tooltipRef }, waitingOnCallback ? t('Remote session requested') : t('Request remote session')))));
+            isInternal && (React.createElement(React.Fragment, null,
+                React.createElement("p", null,
+                    React.createElement(LockIcon, null),
+                    " ",
+                    React.createElement("strong", null, `${t('Available to customers only')}`)),
+                React.createElement("p", null,
+                    React.createElement(Trans, null,
+                        "Available to customers only. If requested and agreed upon, a remote session will be scheduled and confirmed in a case comment. Refer to the",
+                        ' ',
+                        React.createElement("a", { href: "https://access.redhat.com/articles/3566571", target: "_blank", rel: "noreferrer" }, "Remote session guide"),
+                        ' ',
+                        "for details.")))),
+            isExternal && (React.createElement(React.Fragment, null,
+                React.createElement("p", null,
+                    React.createElement("strong", null, `${t('Red Hat may agree to remotely access your systems if:')}`)),
+                React.createElement(List, { className: "pf-v5-u-pl-xl" },
+                    React.createElement(ListItem, null, t('Such access will help diagnose and have greater understanding into the issue.')),
+                    React.createElement(ListItem, null, t('Agreed upon by both Red Hat and you, the end user'))),
+                React.createElement("p", { className: "rrs-light-grey-text" }, t('Red Hat will add a comment to your case to schedule your remote session.')),
+                waitingOnCallback && (React.createElement(Tooltip, { content: t('Remote session has already been requested.'), triggerRef: tooltipRef, "aria-live": 'polite' })),
+                React.createElement(Button, { "aria-label": waitingOnCallback ? t('Remote session requested') : t('Request remote session'), variant: waitingOnCallback ? 'primary' : 'secondary', onClick: toggleNewESSRemoteSessionModal, "data-tracking-id": "accept-remote-session-agreement-trigger", isAriaDisabled: waitingOnCallback, ref: tooltipRef }, waitingOnCallback ? t('Remote session requested') : t('Request remote session')))))));
     return (React.createElement(React.Fragment, null,
         ESSRemoteSessionSectionBody,
         React.createElement(NewEssTermsModal, { caseNumber: caseNumber, caseStatus: caseStatus, show: openNewESSRemoteSessionModal, onClose: toggleNewESSRemoteSessionModal, siteCode: TncConstants.REMOTE_RIDER_SITE_CODE, eventCode: TncConstants.REMOTER_RIDER_EVENT_CODE, loggedInUser: loggedInUser.data.ssoUsername === undefined ? '' : loggedInUser.data.ssoUsername, loggedInUserRights: loggedInUserRights, readOnly: readOnly })));

package/lib/esm/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RemoteSessionAgreement.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreement.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,0BAA0B,EAAE,OAAO,CAAC;IACpC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,sBAAsB,+EA6FjC,CAAC"}
+{"version":3,"file":"RemoteSessionAgreement.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreement.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,0BAA0B,EAAE,OAAO,CAAC;IACpC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,sBAAsB,+EAqHjC,CAAC"}

package/lib/esm/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreement.js

@@ -1,9 +1,10 @@
 import { Button, List, ListItem, Popover, Tooltip } from '@patternfly/react-core';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
+import LockIcon from '@patternfly/react-icons/dist/js/icons/lock-icon';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
 import { TncConstants } from '@rh-support/utils';
 import React, { forwardRef, useContext, useRef, useState } from 'react';
-import { useTranslation } from 'react-i18next';
+import { Trans, useTranslation } from 'react-i18next';
 import { RemoteSessionAgreementModal } from './RemoteSessionAgreementModal';
 export const RemoteSessionAgreement = forwardRef((props, ref) => {
     const tooltipRef = useRef();
@@ -11,6 +12,8 @@ export const RemoteSessionAgreement = forwardRef((props, ref) => {
     const canEditCase = useCanEditCase();
     const { caseNumber, caseStatus, acceptedRemoteSessionTerms, readOnly, waitingOnCallback } = props;
     const { globalMetadataState: { loggedInUser, loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
+    const isExternal = loggedInUserRights.data.isExternal();
+    const isInternal = loggedInUserRights.data.isInternal();
     const [openRequestRemoteSessionModal, setOpenRequestRemoteSessionModal] = useState(false);
     // To toggle RSA Modal
     const toggleRemoteSessionAgreementModal = () => {
@@ -25,14 +28,27 @@ export const RemoteSessionAgreement = forwardRef((props, ref) => {
             React.createElement(Popover, { "aria-label": t('Remote Session Helper Info'), bodyContent: t('Before Red Hat logs into your systems to analyze your support issue during a remote session, Red Hat needs your approval and authorization for such remote access'), footerContent: React.createElement("a", { href: "/articles/3566571", target: "_blank", rel: "noopener noreferrer", "aria-label": t('Read more about remote sessions') }, t('Read more about remote sessions')) },
                 React.createElement(InfoCircleIcon, null))),
         React.createElement("div", { className: "card-body" },
-            React.createElement("p", null,
-                React.createElement("strong", null, `${t('Red Hat may agree to remotely access your systems if:')}`)),
-            React.createElement(List, { className: "pf-v5-u-pl-lg" },
-                React.createElement(ListItem, null, t('Such access will help diagnose and have greater understanding into the issue')),
-                React.createElement(ListItem, null, t('Agreed upon by both Red Hat and you, the end user'))),
-            React.createElement("p", { className: "rrs-light-grey-text" }, t('Red Hat will add a comment to your case to schedule your remote session.')),
-            acceptedRemoteSessionTerms && (React.createElement(Tooltip, { content: t('Remote session has already been requested.'), triggerRef: tooltipRef, "aria-live": 'polite' })),
-            React.createElement(Button, { "aria-label": waitingOnCallback ? t('Remote session requested') : t('Request remote session'), variant: waitingOnCallback ? 'primary' : 'secondary', onClick: toggleRemoteSessionAgreementModal, "data-tracking-id": "accept-remote-session-agreement-trigger", isAriaDisabled: waitingOnCallback, ref: tooltipRef }, waitingOnCallback ? t('Remote session requested') : t('Request remote session')))));
+            isInternal && (React.createElement(React.Fragment, null,
+                React.createElement("p", null,
+                    React.createElement(LockIcon, null),
+                    " ",
+                    React.createElement("strong", null, `${t('Available to customers only')}`)),
+                React.createElement("p", null,
+                    React.createElement(Trans, null,
+                        "Available to customers only. If requested and agreed upon, a remote session will be scheduled and confirmed in a case comment. Refer to the",
+                        ' ',
+                        React.createElement("a", { href: "https://access.redhat.com/articles/3566571", target: "_blank", rel: "noreferrer" }, "Remote session guide"),
+                        ' ',
+                        "for details.")))),
+            isExternal && (React.createElement(React.Fragment, null,
+                React.createElement("p", null,
+                    React.createElement("strong", null, `${t('Red Hat may agree to remotely access your systems if:')}`)),
+                React.createElement(List, { className: "pf-v5-u-pl-lg" },
+                    React.createElement(ListItem, null, t('Such access will help diagnose and have greater understanding into the issue')),
+                    React.createElement(ListItem, null, t('Agreed upon by both Red Hat and you, the end user'))),
+                React.createElement("p", { className: "rrs-light-grey-text" }, t('Red Hat will add a comment to your case to schedule your remote session.')),
+                acceptedRemoteSessionTerms && (React.createElement(Tooltip, { content: t('Remote session has already been requested.'), triggerRef: tooltipRef, "aria-live": 'polite' })),
+                React.createElement(Button, { "aria-label": waitingOnCallback ? t('Remote session requested') : t('Request remote session'), variant: waitingOnCallback ? 'primary' : 'secondary', onClick: toggleRemoteSessionAgreementModal, "data-tracking-id": "accept-remote-session-agreement-trigger", isAriaDisabled: waitingOnCallback, ref: tooltipRef }, waitingOnCallback ? t('Remote session requested') : t('Request remote session')))))));
     return (React.createElement(React.Fragment, null,
         RemoteSessionAgreementSectionBody,
         React.createElement(RemoteSessionAgreementModal, { caseNumber: caseNumber, caseStatus: caseStatus, show: openRequestRemoteSessionModal, onClose: toggleRemoteSessionAgreementModal, siteCode: TncConstants.REMOTE_RIDER_SITE_CODE, eventCode: TncConstants.REMOTER_RIDER_EVENT_CODE, loggedInUser: loggedInUser.data.ssoUsername === undefined ? '' : loggedInUser.data.ssoUsername, loggedInUserRights: loggedInUserRights, readOnly: readOnly })));

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/useCustomEmails.d.ts

@@ -1,4 +1,4 @@
-import { isEmailValid, isEmailValidForCaseContactSelector } from '@rh-support/utils';
+import { isEmailValid } from '@rh-support/utils';
 interface IProps {
     caseNumber: string;
     accountNumber: string;
@@ -9,7 +9,6 @@ export declare function useCustomEmails(props: IProps): {
     canAddCustomEmail: boolean;
     hideCustomEmails: boolean;
     isEmailValid: typeof isEmailValid;
-    isEmailValidForCaseContactSelector: typeof isEmailValidForCaseContactSelector;
     isUpdatingCustomEmails: boolean;
     showAddEmailToAccountModal: (emailString: string) => Promise<boolean>;
 };

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/useCustomEmails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCustomEmails.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/useCustomEmails.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAwB,YAAY,EAAE,kCAAkC,EAAE,MAAM,mBAAmB,CAAC;AAY3G,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM;+BAyED,MAAM;+BAnCN,MAAM,UAAU,MAAM,IAAI;;;;;;8CAbX,MAAM;EAkGhE"}
+{"version":3,"file":"useCustomEmails.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/useCustomEmails.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAwB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAYvE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM;+BAyED,MAAM;+BAnCN,MAAM,UAAU,MAAM,IAAI;;;;;8CAbX,MAAM;EAiGhE"}

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/useCustomEmails.js

@@ -11,7 +11,7 @@ import { kase } from '@cee-eng/hydrajs';
 import { PromisifyModal, ToastNotification, useFetch } from '@rh-support/components';
 import { fetchAccountCustomEmails, GlobalMetadataDispatchContext, GlobalMetadataStateContext, } from '@rh-support/react-context';
 import { ability, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
-import { haventLoadedMetadata, isEmailValid, isEmailValidForCaseContactSelector } from '@rh-support/utils';
+import { haventLoadedMetadata, isEmailValid } from '@rh-support/utils';
 import findIndex from 'lodash/findIndex';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
@@ -44,7 +44,7 @@ export function useCustomEmails(props) {
     });
     const addCustomEmail = (emailVal_1, onAdd_1, ...args_1) => __awaiter(this, [emailVal_1, onAdd_1, ...args_1], void 0, function* (emailVal, onAdd, skipAccountCheck = false) {
         try {
-            if (isEmpty(emailVal) || !isEmailValidForCaseContactSelector(emailVal)) {
+            if (isEmpty(emailVal) || !isEmailValid(emailVal)) {
                 return;
             }
             // lower case the email vals to avoid sfdc error
@@ -112,7 +112,6 @@ export function useCustomEmails(props) {
         canAddCustomEmail,
         hideCustomEmails,
         isEmailValid,
-        isEmailValidForCaseContactSelector,
         isUpdatingCustomEmails: deleteEmail.isFetching || addNewEmail.isFetching,
         showAddEmailToAccountModal,
     };

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/CaseComments.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseComments.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseComments.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AA+BvE,OAAO,KAAkD,MAAM,OAAO,CAAC;AAQvE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAClF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,kBAAkB,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAChH;AAED,QAAA,MAAM,YAAY,4EAkVhB,CAAC;AAEH,eAAe,YAAY,CAAC"}
+{"version":3,"file":"CaseComments.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseComments.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AA+BvE,OAAO,KAAkD,MAAM,OAAO,CAAC;AAQvE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAClF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,kBAAkB,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAChH;AAED,QAAA,MAAM,YAAY,4EAuWhB,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/CaseComments.js

@@ -137,10 +137,23 @@ const CaseComments = React.forwardRef((props, ref) => {
     const commentText = (text) => {
         return { __html: DOMPurify.sanitize(text) };
     };
+    // Transforms <strong> and <em> tags in HTML string to styled <span> tags to fix incorrect bold/italic rendering in exported PDF
+    function formatMarkdownHtmlForPDF(htmlString) {
+        return (htmlString
+            // Handle nested <strong><em>...</em></strong> or <em><strong>...</strong></em> and apply both bold and italic (skew) styles
+            .replace(/<(strong|em)>\s*<(em|strong)>(.*?)<\/\2>\s*<\/\1>/gi, '<span style="font-weight: bold; font-size: 0.95em; transform: skewX(-10deg);">$3</span>')
+            // Handle standalone <strong>
+            .replace(/<strong>(.*?)<\/strong>/gi, '<span style="font-weight: bold; font-size: 0.95em;">$1</span>')
+            // Handle standalone <em>
+            .replace(/<em>(.*?)<\/em>/gi, '<span style="transform: skewX(-10deg);">$1</span>'));
+    }
     const commentMarkdown = (markdown) => {
-        const htmlString = parseCommentMarkdown(markdown, { showButtonForAttachmentLink: true, disableImagePreview: isExportingPDF }, 
+        let htmlString = parseCommentMarkdown(markdown, { showButtonForAttachmentLink: true, disableImagePreview: isExportingPDF }, 
         // @ts-ignore
         { openLinksInNewTab: true, gfm: true, breaks: true });
+        if (isExportingPDF) {
+            htmlString = formatMarkdownHtmlForPDF(htmlString);
+        }
         return { __html: DOMPurify.sanitize(htmlString) };
     };
     const onCommentAreaClick = (e) => {

package/lib/esm/components/CaseEditView/Tabs/CaseHistory/Timeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseHistory/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AA2BxB,OAAO,KAAsC,MAAM,OAAO,CAAC;AAgT3D,QAAA,MAAM,QAAQ;;uBAmUb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseHistory/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AA2BxB,OAAO,KAAsC,MAAM,OAAO,CAAC;AAwT3D,QAAA,MAAM,QAAQ;;uBA4Ub,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/esm/components/CaseEditView/Tabs/CaseHistory/Timeline.js

@@ -22,7 +22,7 @@ import { Trans, useTranslation } from 'react-i18next';
 const TimelineEvent = ({ date, text, side, user, useAvatar }) => {
     if (side === 'left') {
         if (useAvatar) {
-            // we only want to render the main date if the user changes, otherwise stay with just the time
+            // we render the main date if the user changes or if the date changes
             return (React.createElement("div", { className: `${side}-node ${user}`, role: "complementary", "aria-label": `${user}'s timeline Event Time` },
                 React.createElement("div", { className: `contentTimeline content-${side}-history content-${side}-${user}` },
                     React.createElement("h2", { className: `content-date-${side}-history` }, date),
@@ -187,18 +187,19 @@ const applyReplacements = (item) => {
         newText = formatBooleanChange(fieldName, item.newValue);
     if (typeof newText === 'string')
         newText = newText.replace(/Problem Statement/g, 'Title');
+    if (typeof newText === 'string')
+        newText = newText.replace(/Case Type/g, 'Support Type');
     return newText;
 };
 // function to change the apiResponse
 const transformApiResponseToTimelineData = (apiResponse) => {
     let previousUser = null;
+    let previousDate = null;
     const timelineEvents = apiResponse.historyItems
         // Filter out 'Case Group' and 'OwnerId' changes because we don't have decode of value
         .filter((item) => item.fieldName !== 'FolderId__c' && item.fieldName !== 'OwnerId')
         .map((item, index) => {
         const currentUser = item.createdByUserName;
-        const useAvatar = index === 0 || (!!previousUser && currentUser !== previousUser);
-        previousUser = currentUser;
         let eventDate;
         if (typeof item.createdDate === 'string' && item.createdDate.includes('T')) {
             eventDate = parse(item.createdDate, "yyyy-MM-dd'T'HH:mm:ss'Z'", new Date());
@@ -206,6 +207,12 @@ const transformApiResponseToTimelineData = (apiResponse) => {
         else {
             eventDate = fromUnixTime(item.createdDate / 1000);
         }
+        const currentDate = format(eventDate, 'MMMM d, yyyy');
+        const useAvatar = index === 0 ||
+            (!!previousUser && currentUser !== previousUser) ||
+            (!!previousDate && currentDate !== previousDate);
+        previousUser = currentUser;
+        previousDate = currentDate;
         const user = item.createdByCustomer !== undefined
             ? item.createdByCustomer
                 ? 'customer'
@@ -214,7 +221,7 @@ const transformApiResponseToTimelineData = (apiResponse) => {
                 ? 'internal'
                 : 'customer';
         const leftEvent = {
-            date: format(eventDate, 'MMMM d, yyyy'),
+            date: currentDate,
             text: format(eventDate, 'h:mm a zzz'),
         };
         let outputText = item.outputText;
@@ -287,10 +294,15 @@ const Timeline = ({ caseNumber }) => {
     };
     const applyAvatarLogic = (events) => {
         let previousUser = null;
+        let previousDate = null;
         return events.map((event, index) => {
             const currentUser = event.right.date.split(' ')[0];
-            const useAvatar = index === 0 || (!!previousUser && currentUser !== previousUser);
+            const currentDate = event.left.date;
+            const useAvatar = index === 0 ||
+                (!!previousUser && currentUser !== previousUser) ||
+                (!!previousDate && currentDate !== previousDate);
             previousUser = currentUser;
+            previousDate = currentDate;
             return Object.assign(Object.assign({}, event), { right: Object.assign(Object.assign({}, event.right), { useAvatar: useAvatar }) });
         });
     };
@@ -395,6 +407,8 @@ const Timeline = ({ caseNumber }) => {
                 return isSameDay(eventDate, selectedDate);
             });
         }
+        // Reapply avatar logic to filtered events to ensure dates show properly
+        finalFilteredEvents = applyAvatarLogic(finalFilteredEvents);
         setFilteredEvents(finalFilteredEvents);
         setPage(1);
     }, [searchValue, dateValue, timelineEvents]);

package/lib/esm/components/CaseManagement/RHAssociatesSelector.js

@@ -114,7 +114,7 @@ function RHAssociatesSelector(props) {
         return React.createElement(React.Fragment, null);
     return (React.createElement(React.Fragment, null, canNotifyRHAssociates && (React.createElement("div", { className: "form-group" },
         React.createElement("label", { className: "react-typeahead-label-wrapper", htmlFor: "get-support-notifications" },
-            React.createElement(Trans, null, "Red Hat associates"),
+            React.createElement(Trans, null, "Internal Contacts"),
             React.createElement(ContactSelectorInternal, { className: "push-bottom-narrow", selectedContacts: filter(selectedNotificationContacts, (c) => c.isInternal), showSelectedContacts: true, contactsToExclude: !isEmpty(selectedOwner.data) ? [{ ssoUsername: selectedOwner.data.ssoUsername }] : [], id: "open-case-rh-notifications", name: "open-case-rh-notifications", multiple: true, contactListParams: {
                     internal: false, // to get non-ldap contacts only
                     isInternalContact: true,

package/lib/esm/components/CaseManagement/SendNotifications/CaseContactSelector.js

@@ -198,7 +198,7 @@ function CaseContactSelector(props) {
             ...customEmailsList.data,
             ...filter(selectedNotificationContacts, (c) => !c.isInternal),
         ];
-        if (xor(alreadySelected, selectedContacts).length === 0)
+        if (alreadySelected.length !== 1 && xor(alreadySelected, selectedContacts).length === 0)
             return;
         if (canEditCase.alert())
             return;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.6.7",
+    "version": "2.6.9",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -58,11 +58,11 @@
         "@progress/kendo-licensing": "1.3.5",
         "@progress/kendo-react-pdf": "^5.16.0",
         "@redux-devtools/extension": "^3.3.0",
-        "@rh-support/components": "2.5.20",
-        "@rh-support/react-context": "2.5.22",
+        "@rh-support/components": "2.5.21",
+        "@rh-support/react-context": "2.5.23",
         "@rh-support/types": "2.0.5",
-        "@rh-support/user-permissions": "2.5.13",
-        "@rh-support/utils": "2.5.12",
+        "@rh-support/user-permissions": "2.5.14",
+        "@rh-support/utils": "2.5.13",
         "@types/react-redux": "^7.1.33",
         "@types/redux": "^3.6.0",
         "date-fns": "3.6.0",
@@ -134,5 +134,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "223261f3803b043e58594a1cff1d85383169ff1d"
+    "gitHead": "dbb149c331bc0fefa148b6158467e0181e49f0bb"
 }