npm - @rh-support/troubleshoot - Versions diffs - 2.5.14 → 2.5.16 - Mend

@rh-support/troubleshoot 2.5.14 → 2.5.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (16) hide show

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

@@ -1,4 +1,4 @@
-import { Button, ButtonVariant, Popover } from '@patternfly/react-core';
+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 { Can, resourceActions, resources } from '@rh-support/user-permissions';
@@ -15,7 +15,7 @@ export const ActiveCustomerEscalation = forwardRef((props, ref) => {
         React.createElement("p", null,
             React.createElement(Trans, null, "After submitting, your case will be reviewed by a support manager."))));
     const isInternalElements = (React.createElement("div", { className: "card card-white card-support escalations", ref: ref },
-        React.createElement("h3", { className: "card-heading case-detail-panel-card-heading" },
+        React.createElement("h3", { className: "card-heading case-detail-panel-card-heading card-header-bg" },
             React.createElement(Trans, null, "Active Customer Escalation (ACE)"),
             React.createElement("a", { href: "/support/escalation", target: "_blank", "aria-label": t('Learn more about Red Hat support case escalation') },
                 React.createElement(InfoCircleIcon, null))),
@@ -23,11 +23,11 @@ export const ActiveCustomerEscalation = forwardRef((props, ref) => {
             React.createElement("p", null,
                 React.createElement("strong", null, t('Red Hat associates can open an ACE escalation when')),
                 ":"),
-            React.createElement("ul", null,
-                React.createElement("li", null, t('The customer wants an update')),
-                React.createElement("li", null, t('The customer thinks the case is not moving appropriately')),
-                React.createElement("li", null, t('The customer wants a new resource')),
-                React.createElement("li", null, t('The issue is more severe than originally thought'))),
+            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}`, className: "pf-v5-c-button pf-m-tertiary", target: "_blank", rel: "noopener noreferrer", "data-tracking-id": "request-ace-trigger", "aria-label": t('Request an escalation') }, t('Request an escalation')))));
     const [openRequestEscalationModal, setOpenRequestEscalationModal] = useState(false);
     const toggleModal = () => {
@@ -36,7 +36,7 @@ export const ActiveCustomerEscalation = forwardRef((props, ref) => {
         setOpenRequestEscalationModal((openRequestEscalationModal) => !openRequestEscalationModal);
     };
     const isNotInternalElements = (React.createElement("div", { className: "card card-white card-support escalations", ref: ref },
-        React.createElement("h3", { className: "card-heading case-detail-panel-card-heading" },
+        React.createElement("h3", { className: "card-heading case-detail-panel-card-heading card-header-bg" },
             t('Request an escalation'),
             React.createElement("div", { style: { marginLeft: 'auto' } },
                 React.createElement(Popover, { showClose: false, position: 'left', hasAutoWidth: true, bodyContent: (hide) => (React.createElement("a", { href: "/support/escalation", target: "_blank", "aria-label": t('Learn more about escalation cases.') },
@@ -46,10 +46,10 @@ export const ActiveCustomerEscalation = forwardRef((props, ref) => {
             React.createElement("p", null,
                 React.createElement("strong", null, t('Request a management escalation if your issue')),
                 ":"),
-            React.createElement("ul", null,
-                React.createElement("li", null, t(`Isn't being resolved appropriately.`)),
-                React.createElement("li", null, t('Needs a senior resource.')),
-                React.createElement("li", null, t('Is more severe or should be a higher priority.'))),
+            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,

package/lib/esm/components/CaseEditView/CaseSolutions/CaseSolutions.js CHANGED Viewed

@@ -314,7 +314,7 @@ export const CaseSolutions = forwardRef((props, ref) => {
                         { title: '10', value: 10 },
                     ] }))))))),
         topRecommendations.length > 0 && (React.createElement("div", { className: "card card-white card-support recommendations", ref: ref },
-            React.createElement("h3", { className: "card-heading case-detail-panel-card-heading" },
+            React.createElement("h3", { className: "card-heading case-detail-panel-card-heading card-header-bg" },
                 React.createElement(Trans, null, "Knowledgebase recommendations")),
             React.createElement("div", { className: "card-body" },
                 React.createElement(PaginatedList, { id: "case-details-top-recommendations", className: "list-icons list-icons-flush", listItems: topRecommendations

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ESSRemoteSession.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/ESSRemoteSession.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmD,MAAM,OAAO,CAAC;~~AAMxE~~,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,sBAAsB,EAAE,OAAO,CAAC;IAChC,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,gBAAgB,+~~EAkH3B~~,CAAC"}
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,sBAAsB,EAAE,OAAO,CAAC;IAChC,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,gBAAgB,+EA+F3B,CAAC"}

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

@@ -1,48 +1,39 @@
-import { Button, Popover, Tooltip } from '@patternfly/react-core';
+import { Button, List, ListItem, Popover, Tooltip } from '@patternfly/react-core';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-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 { ESSRemoteSessionModal } from './ESSRemoteSessionModal';
 import { NewEssTermsModal } from './NewEssTermsModal';
 export const ESSRemoteSession = forwardRef((props, ref) => {
     const tooltipRef = useRef();
     const { t } = useTranslation();
     const canEditCase = useCanEditCase();
-    const { caseNumber, caseStatus, screenSessionRequested, readOnly, remoteSessionTermsAcked } = props;
+    const { caseNumber, caseStatus, screenSessionRequested, readOnly } = props;
     const { globalMetadataState: { loggedInUser, loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
-    const [openESSRemoteSessionModal, setOpenESSRemoteSessionModal] = useState(false);
     const [openNewESSRemoteSessionModal, setOpenNewESSRemoteSessionModal] = useState(false);
-    // To toggle ESS RS Modal
-    const toggleESSRemoteSessionModal = () => {
-        if (canEditCase.alert())
-            return;
-        setOpenESSRemoteSessionModal((openESSRemoteSessionModal) => !openESSRemoteSessionModal);
-    };
     // To toggle New ESS RS Modal
     const toggleNewESSRemoteSessionModal = () => {
         if (canEditCase.alert())
             return;
         setOpenNewESSRemoteSessionModal((openNewESSRemoteSessionModal) => !openNewESSRemoteSessionModal);
     };
-    const termsAcked = remoteSessionTermsAcked && !screenSessionRequested;
     // ESS RS Aside Section Body
     const ESSRemoteSessionSectionBody = (React.createElement("div", { className: "card card-white card-support escalations", ref: ref },
-        React.createElement("h3", { className: "card-heading case-detail-panel-card-heading pf-v5-u-display-flex pf-v5-u-justify-content-space-between" },
-            t('Remote session'),
+        React.createElement("h3", { className: "card-heading case-detail-panel-card-heading pf-v5-u-display-flex pf-v5-u-justify-content-space-between card-header-bg" },
+            t('Remote session request'),
             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("ul", null,
-                React.createElement("li", null, t(`Such access will help diagnose, debug or lead to the resolution of a software defect`)),
-                React.createElement("li", null, t('Agreed upon by both Red Hat and you, the end user'))),
+            React.createElement(List, { className: "pf-v5-u-pl-xl" },
+                React.createElement(ListItem, null, t('Such access will help diagnose, debug or lead to the resolution of a software defect')),
+                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.')),
             screenSessionRequested && (React.createElement(Tooltip, { content: t('Remote session request has already been submitted.'), triggerRef: tooltipRef, "aria-live": 'polite' })),
-            React.createElement(Button, { "aria-label": screenSessionRequested ? t('Remote session requested') : t('Request remote session'), variant: screenSessionRequested ? 'primary' : 'secondary', onClick: termsAcked ? toggleESSRemoteSessionModal : toggleNewESSRemoteSessionModal, "data-tracking-id": "accept-remote-session-agreement-trigger", isAriaDisabled: screenSessionRequested, ref: tooltipRef }, screenSessionRequested ? t('Remote session requested') : t('Request remote session')))));
+            React.createElement(Button, { "aria-label": screenSessionRequested ? t('Remote session requested') : t('Request remote session'), variant: screenSessionRequested ? 'primary' : 'secondary', onClick: toggleNewESSRemoteSessionModal, "data-tracking-id": "accept-remote-session-agreement-trigger", isAriaDisabled: screenSessionRequested, ref: tooltipRef }, screenSessionRequested ? t('Remote session requested') : t('Request remote session')))));
     return (React.createElement(React.Fragment, null,
         ESSRemoteSessionSectionBody,
-        remoteSessionTermsAcked && !screenSessionRequested ? (React.createElement(ESSRemoteSessionModal, { caseNumber: caseNumber, caseStatus: caseStatus, screenSessionRequested: screenSessionRequested, show: openESSRemoteSessionModal, onClose: toggleESSRemoteSessionModal, loggedInUser: loggedInUser.data.ssoUsername === undefined ? '' : loggedInUser.data.ssoUsername, loggedInUserRights: loggedInUserRights, readOnly: readOnly })) : (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 }))));
+        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/NewEssTermsModal.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NewEssTermsModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/NewEssTermsModal.tsx"],"names":[],"mappings":"~~AAOA~~,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAYnD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,QAAQ,EAAE,OAAO,CAAC;CACrB;AAiBD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,~~qBA8P7C~~"}
1	+ {"version":3,"file":"NewEssTermsModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/NewEssTermsModal.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAYnD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,QAAQ,EAAE,OAAO,CAAC;CACrB;AAiBD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAwU7C"}

package/lib/esm/components/CaseEditView/RequestRemoteSession/NewEssTermsModal.js CHANGED Viewed

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { publicApi } from '@cee-eng/hydrajs';
-import { Button, ButtonVariant, Checkbox, Modal } from '@patternfly/react-core';
+import { Alert, Button, ButtonVariant, Checkbox, Form, FormGroup, Modal, TextArea, TextInput, } from '@patternfly/react-core';
 import { Select, SelectOption } from '@patternfly/react-core/deprecated';
 import DownloadIcon from '@patternfly/react-icons/dist/js/icons/download-icon';
 import ExternalLinkAltIcon from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
@@ -53,6 +53,10 @@ export function NewEssTermsModal(props) {
     });
     const [allTranslations, setAllTranslations] = useState({});
     const [agreeLoading, setAgreeLoading] = useState(false);
+    const [isRemoteSessionForm, setIsRemoteSessionForm] = useState(false);
+    const [sessionExpectations, setSessionExpectations] = useState('');
+    const [impact, setImpact] = useState('');
+    const [sessionLink, setSessionLink] = useState('');
     useEffect(() => {
         const fetchTerms = () => __awaiter(this, void 0, void 0, function* () {
             try {
@@ -82,17 +86,26 @@ export function NewEssTermsModal(props) {
     const dispatchDiscussion = useCaseDiscussionTabDispatchContext();
     const { sort, allDiscussions, discussionFiltersListState } = useCaseDiscussionTabStateContext();
     const { caseDetailsPageState: { caseFeedbacksHydra }, } = useCaseDetailsPageStateContext();
+    const updateSessionExpectation = (event, value) => setSessionExpectations(value);
+    const updateImpact = (event, value) => setImpact(value);
+    const updateSessionLink = (event, value) => setSessionLink(value);
     // To handle modal cancel and close
     const onCancel = () => {
+        setIsTermsChecked(false);
+        setSessionExpectations('');
+        setImpact('');
+        setSessionLink('');
+        setIsRemoteSessionForm(false);
         props.onClose && props.onClose();
     };
     // Function to ack remote session terms and post comment
     const submitRemoteSessionAgreement = (pdfId) => __awaiter(this, void 0, void 0, function* () {
-        const requestComment = t('Submitted a remote session request.');
+        const requestComment = t(`Submitted a remote session request with following details:\n\n**Expectations on time of remote session**\n${sessionExpectations}\n\n**Describe the impact to you or the business**\n${impact}\n\n**Remote session link**\n[${sessionLink}](${sessionLink})\n\nThis action does not initiate a remote session. Please make a case comment if you would like to submit a request.`);
         try {
             yield updateCaseDetails(caseDispatch, props.caseNumber, {
                 remoteSessionTermsAcked: true,
                 screenSessionRequested: true,
+                waitingOnCallback: true,
             });
             try {
                 yield postCommentRequest({
@@ -131,6 +144,7 @@ export function NewEssTermsModal(props) {
             }
         }
     });
+    const toggleRemoteSessionForm = () => setIsRemoteSessionForm(true);
     // To handle submit
     const onSubmit = () => {
         setAgreeLoading(true);
@@ -149,35 +163,49 @@ export function NewEssTermsModal(props) {
     const onDropdownToggle = (toggle) => setisLangSelectorDropdownOpen(toggle);
     // To check and if I agree button is loading
     const isAgreeLoading = agreeLoading || isPostingComment;
-    // ESS RSA Modal Actions
     const modalActions = [
-        React.createElement(Button, { key: "submit", "aria-label": t('I agree'), variant: ButtonVariant.primary, onClick: onSubmit, "data-tracking-id": "remote-session-agreement-check", isLoading: isAgreeLoading, isDisabled: !isTermsChecked || isAgreeLoading }, t('I agree')),
+        React.createElement(Button, { key: "submit", "aria-label": t('I agree'), variant: ButtonVariant.primary, onClick: isRemoteSessionForm ? onSubmit : toggleRemoteSessionForm, "data-tracking-id": "remote-session-agreement-check", isLoading: isAgreeLoading, isDisabled: !isTermsChecked || isAgreeLoading }, t('Submit')),
+        React.createElement(Button, { key: "cancel", variant: "link", onClick: onCancel }, "Cancel"),
     ];
+    const renderRemoteSessionForm = (React.createElement("div", { id: "remoteSessionForm" },
+        React.createElement(Alert, { variant: "info", isInline: true, title: React.createElement(React.Fragment, null,
+                "What is a Remote Support Session and how to acknowledge the Remote Access Rider?",
+                ' ',
+                React.createElement("a", { href: "https://access.redhat.com/articles/3566571", target: "_blank", rel: "noopener noreferrer" }, "Read more.")) }),
+        React.createElement(Form, { className: "pf-v5-u-pt-md" },
+            React.createElement(FormGroup, { label: "Expectations of remote session", type: "string", isRequired: true },
+                React.createElement(TextArea, { value: sessionExpectations, onChange: updateSessionExpectation, rows: 3, placeholder: "Please share anything that will help prepare for our meeting?", isRequired: true, "aria-label": "Expectations of remote session" })),
+            React.createElement(FormGroup, { label: "Describe the impact to you or the business", type: "string", isRequired: true },
+                React.createElement(TextArea, { value: impact, onChange: updateImpact, rows: 3, placeholder: "Describe the user or financial impact.", isRequired: true, "aria-label": "Describe the impact to you or the business" })),
+            React.createElement(FormGroup, { label: "Remote session link (optional)" },
+                React.createElement(TextInput, { value: sessionLink, onChange: updateSessionLink, type: "text", "aria-label": "Remote session link" }),
+                React.createElement("p", { className: "form-instructions" }, "If not provided, the Red Hat Support Associate will share a link with you.")))));
+    const renderRemoteSessionAgreement = (React.createElement("div", { id: "remoteSessionAgreement" },
+        React.createElement("p", { className: "pf-v5-u-mt-xs" },
+            React.createElement(Trans, null,
+                "Your acceptance of this remote session agreement is required ",
+                React.createElement("strong", null, "for each case"),
+                " when you request Red Hat\u2019s support team to directly access your network or systems.")),
+        React.createElement("p", { className: "pf-v5-u-mt-md" },
+            React.createElement(Trans, null, "Remote access to your network or systems is not a standard Red Hat problem resolution process. 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.")),
+        React.createElement("p", { className: "pf-v5-u-mt-md" },
+            React.createElement(Trans, null, "Please read and accept the remote session terms below to allow Red Hat to access your network or systems.")),
+        React.createElement("div", null,
+            React.createElement(Select, { className: "pf-v5-u-mt-md", "aria-label": t('Select language'), id: "terms-language-selector", selections: selectedTranslation.localeCode, onSelect: onLangChange, isOpen: isLangSelectorDropdownOpen, menuAppendTo: document.body, placeholderText: t('Select an option that best fits'), onToggle: (_event, toggle) => onDropdownToggle(toggle), width: 350 }, Object.keys(allTranslations).map((option, index) => (React.createElement(SelectOption, { key: index, value: option }, getLocaleNameFromLocalCode(option))))),
+            React.createElement("a", { "aria-label": t('Download'), "data-tracking-id": "rsa-modal-terms-download", className: "pf-v5-u-ml-md", href: selectedTranslation.pdfDownloadUrl, rel: "noopener noreferrer", target: "_blank" },
+                t('Download'),
+                " ",
+                React.createElement(DownloadIcon, { className: "pf-v5-u-ml-xs" }))),
+        React.createElement("div", null,
+            React.createElement(Checkbox, { className: "pf-v5-u-mt-md rsa-checkbox", id: "terms-accept-checkbox", label: React.createElement(React.Fragment, null,
+                    React.createElement(Trans, null, "I have read and agree to the"),
+                    ' ',
+                    React.createElement("a", { className: "pf-v5-c-button pf-m-link pf-m-inline align-link-items", rel: "noopener noreferrer", target: "_blank", href: selectedTranslation.pdfDownloadUrl, "data-tracking-id": "case-details-request-remote-session-terms" },
+                        React.createElement(Trans, null, "terms "),
+                        React.createElement(ExternalLinkAltIcon, null))), isChecked: isTermsChecked, "aria-label": t('I have read and agree to the terms'), onChange: onCheckBoxChange }))));
     // Body of ESS RSA Modal
     const EssRSAModalBody = () => {
-        return (React.createElement(React.Fragment, null,
-            React.createElement("p", { className: "pf-v5-u-mt-xs" },
-                React.createElement(Trans, null,
-                    "Your acceptance of this remote session agreement is required ",
-                    React.createElement("strong", null, "for each case"),
-                    " when you request Red Hat\u2019s support team to directly access your network or systems.")),
-            React.createElement("p", { className: "pf-v5-u-mt-md" },
-                React.createElement(Trans, null, "Remote access to your network or systems is not a standard Red Hat problem resolution process. 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.")),
-            React.createElement("p", { className: "pf-v5-u-mt-md" },
-                React.createElement(Trans, null, "Please read and accept the remote session terms below to allow Red Hat to access your network or systems.")),
-            React.createElement("div", null,
-                React.createElement(Select, { className: "pf-v5-u-mt-md", "aria-label": t('Select language'), id: "terms-language-selector", selections: selectedTranslation.localeCode, onSelect: onLangChange, isOpen: isLangSelectorDropdownOpen, menuAppendTo: document.body, placeholderText: t('Select an option that best fits'), onToggle: (_event, toggle) => onDropdownToggle(toggle), width: 350 }, Object.keys(allTranslations).map((option, index) => (React.createElement(SelectOption, { key: index, value: option }, getLocaleNameFromLocalCode(option))))),
-                React.createElement("a", { "aria-label": t('Download'), "data-tracking-id": "rsa-modal-terms-download", className: "pf-v5-u-ml-md", href: selectedTranslation.pdfDownloadUrl, rel: "noopener noreferrer", target: "_blank" },
-                    t('Download'),
-                    " ",
-                    React.createElement(DownloadIcon, { className: "pf-v5-u-ml-xs" }))),
-            React.createElement("div", null,
-                React.createElement(Checkbox, { className: "pf-v5-u-mt-md rsa-checkbox", id: "terms-accept-checkbox", label: React.createElement(React.Fragment, null,
-                        React.createElement(Trans, null, "I have read and agree to the"),
-                        ' ',
-                        React.createElement("a", { className: "pf-v5-c-button pf-m-link pf-m-inline align-link-items", rel: "noopener noreferrer", target: "_blank", href: selectedTranslation.pdfDownloadUrl, "data-tracking-id": "case-details-request-remote-session-terms" },
-                            React.createElement(Trans, null, "terms "),
-                            React.createElement(ExternalLinkAltIcon, null))), isChecked: isTermsChecked, "aria-label": t('I have read and agree to the terms'), onChange: onCheckBoxChange }))));
+        return isRemoteSessionForm ? renderRemoteSessionForm : renderRemoteSessionAgreement;
     };
-    return (React.createElement(Modal, { id: "remote-session-agreement-modal", "aria-label": t('Remote Session Agreement'), title: t('Remote Session Agreement'), isOpen: props.show, onClose: onCancel, actions: modalActions }, EssRSAModalBody()));
+    return (React.createElement(Modal, { id: "remote-session-agreement-modal", "aria-label": t('Request remote agreement'), title: t('Request remote agreement'), isOpen: props.show, onClose: onCancel, actions: modalActions }, EssRSAModalBody()));
 }

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

	@@ -1 +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,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,sBAAsB,+~~EA8FjC~~,CAAC"}
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,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,sBAAsB,+EAkGjC,CAAC"}

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

@@ -1,4 +1,4 @@
-import { Button, Popover, Tooltip } from '@patternfly/react-core';
+import { Button, List, ListItem, Popover, Tooltip } from '@patternfly/react-core';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
 import { TncConstants } from '@rh-support/utils';
@@ -20,19 +20,19 @@ export const RemoteSessionAgreement = forwardRef((props, ref) => {
     };
     // RSA Aside Section Body
     const RemoteSessionAgreementSectionBody = (React.createElement("div", { className: "card card-white card-support escalations", ref: ref },
-        React.createElement("h3", { className: "card-heading pf-v5-u-display-flex pf-v5-u-justify-content-space-between case-detail-panel-card-heading" },
+        React.createElement("h3", { className: "card-heading pf-v5-u-display-flex pf-v5-u-justify-content-space-between case-detail-panel-card-heading card-header-bg" },
             t('Remote session agreement'),
             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("ul", null,
-                React.createElement("li", null, t(`Such access helps diagnose, debug or lead to the resolution of a software defect.`)),
-                React.createElement("li", null, t('Both you and Red Hat agree to remote access.'))),
+            React.createElement(List, { className: "pf-v5-u-pl-lg" },
+                React.createElement(ListItem, null, t(`Such access helps diagnose, debug or lead to the resolution of a software defect.`)),
+                React.createElement(ListItem, null, t('Both you and Red Hat agree to remote access.'))),
             React.createElement("p", { className: "rrs-light-grey-text" }, t('This action does not initiate a remote session. Please make a case comment if you would like to submit a request.')),
             acceptedRemoteSessionTerms && (React.createElement(Tooltip, { content: t('Remote session agreement has already been accepted.'), triggerRef: tooltipRef, "aria-live": 'polite' })),
-            React.createElement(Button, { "aria-label": acceptedRemoteSessionTerms ? t('Agreement accepted') : t('Accept agreement'), variant: acceptedRemoteSessionTerms ? 'primary' : 'secondary', onClick: toggleRemoteSessionAgreementModal, "data-tracking-id": "accept-remote-session-agreement-trigger", isAriaDisabled: acceptedRemoteSessionTerms, ref: tooltipRef }, acceptedRemoteSessionTerms ? t('Agreement accepted') : t('Accept agreement')))));
+            React.createElement(Button, { "aria-label": acceptedRemoteSessionTerms ? t('Remote session requested') : t('Request remote session'), variant: acceptedRemoteSessionTerms ? 'primary' : 'secondary', onClick: toggleRemoteSessionAgreementModal, "data-tracking-id": "accept-remote-session-agreement-trigger", isAriaDisabled: acceptedRemoteSessionTerms, ref: tooltipRef }, acceptedRemoteSessionTerms ? 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/RequestRemoteSession/RemoteSessionAgreementModal.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RemoteSessionAgreementModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreementModal.tsx"],"names":[],"mappings":"~~AAOA~~,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAgBnD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,QAAQ,EAAE,OAAO,CAAC;CACrB;AAiBD,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,~~qBAwPxD~~"}
1	+ {"version":3,"file":"RemoteSessionAgreementModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreementModal.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAgBnD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,QAAQ,EAAE,OAAO,CAAC;CACrB;AAiBD,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,qBAmUxD"}

package/lib/esm/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreementModal.js CHANGED Viewed

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { publicApi } from '@cee-eng/hydrajs';
-import { Button, ButtonVariant, Checkbox, Modal } from '@patternfly/react-core';
+import { Alert, Button, ButtonVariant, Checkbox, Form, FormGroup, Modal, TextArea, TextInput, } from '@patternfly/react-core';
 import { Select, SelectOption } from '@patternfly/react-core/deprecated';
 import DownloadIcon from '@patternfly/react-icons/dist/js/icons/download-icon';
 import ExternalLinkAltIcon from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
@@ -53,6 +53,10 @@ export function RemoteSessionAgreementModal(props) {
     });
     const [allTranslations, setAllTranslations] = useState({});
     const [agreeLoading, setAgreeLoading] = useState(false);
+    const [isRemoteSessionForm, setIsRemoteSessionForm] = useState(false);
+    const [sessionExpectations, setSessionExpectations] = useState('');
+    const [impact, setImpact] = useState('');
+    const [sessionLink, setSessionLink] = useState('');
     useEffect(() => {
         const fetchTerms = () => __awaiter(this, void 0, void 0, function* () {
             try {
@@ -82,15 +86,27 @@ export function RemoteSessionAgreementModal(props) {
     const dispatchDiscussion = useCaseDiscussionTabDispatchContext();
     const { sort, allDiscussions, discussionFiltersListState } = useCaseDiscussionTabStateContext();
     const { caseDetailsPageState: { caseFeedbacksHydra }, } = useCaseDetailsPageStateContext();
+    const updateSessionExpectation = (event, value) => setSessionExpectations(value);
+    const updateImpact = (event, value) => setImpact(value);
+    const updateSessionLink = (event, value) => setSessionLink(value);
     // To handle modal cancel and close
     const onCancel = () => {
+        setIsTermsChecked(false);
+        setSessionExpectations('');
+        setImpact('');
+        setSessionLink('');
+        setIsRemoteSessionForm(false);
         props.onClose && props.onClose();
     };
+    const toggleRemoteSessionForm = () => setIsRemoteSessionForm(true);
     // Function to ack remote session terms and post comment
     const submitRemoteSessionAgreement = (pdfId) => __awaiter(this, void 0, void 0, function* () {
-        const requestComment = t('#### Remote Access Rider agreement has been accepted.\n\n This action does not initiate a remote session. Please make a case comment if you would like to submit a request.');
+        const requestComment = t(`#### Remote Access Rider agreement has been accepted.\n\n**Expectations on time of remote session**\n${sessionExpectations}\n\n**Describe the impact to you or the business**\n${impact}\n\n**Remote session link**\n[${sessionLink}](${sessionLink})\n\nThis action does not initiate a remote session. Please make a case comment if you would like to submit a request.`);
         try {
-            yield updateCaseDetails(caseDispatch, props.caseNumber, { remoteSessionTermsAcked: true });
+            yield updateCaseDetails(caseDispatch, props.caseNumber, {
+                remoteSessionTermsAcked: true,
+                waitingOnCallback: true,
+            });
             setRemoteRiderFlag(caseDispatch, true);
             try {
                 yield postCommentRequest({
@@ -128,7 +144,7 @@ export function RemoteSessionAgreementModal(props) {
         submitRemoteSessionAgreement(selectedTranslation.termsPdfId);
     };
     // Handle terms checkbox
-    const onCheckBoxChange = (value) => {
+    const onCheckBoxChange = (event, value) => {
         setIsTermsChecked(value);
     };
     // Handle language change
@@ -142,33 +158,48 @@ export function RemoteSessionAgreementModal(props) {
     const isAgreeLoading = agreeLoading || isPostingComment;
     // RSA Modal Actions
     const modalActions = [
-        React.createElement(Button, { "aria-label": t('I agree'), variant: ButtonVariant.primary, onClick: onSubmit, "data-tracking-id": "remote-session-agreement-check", isLoading: isAgreeLoading, isDisabled: !isTermsChecked || isAgreeLoading }, t('I agree')),
+        React.createElement(Button, { "aria-label": t('I agree'), variant: ButtonVariant.primary, onClick: isRemoteSessionForm ? onSubmit : toggleRemoteSessionForm, "data-tracking-id": "remote-session-agreement-check", isLoading: isAgreeLoading, isDisabled: !isTermsChecked || isAgreeLoading }, t('Submit')),
+        React.createElement(Button, { key: "cancel", variant: "link", onClick: onCancel }, "Cancel"),
     ];
+    const renderRemoteSessionForm = (React.createElement("div", { id: "remoteSessionForm" },
+        React.createElement(Alert, { variant: "info", isInline: true, title: React.createElement(React.Fragment, null,
+                "What is a Remote Support Session and how to acknowledge the Remote Access Rider?",
+                ' ',
+                React.createElement("a", { href: "https://access.redhat.com/articles/3566571", target: "_blank", rel: "noopener noreferrer" }, "Read more.")) }),
+        React.createElement(Form, { className: "pf-v5-u-pt-md" },
+            React.createElement(FormGroup, { label: "Expectations of remote session", type: "string", isRequired: true },
+                React.createElement(TextArea, { value: sessionExpectations, onChange: updateSessionExpectation, rows: 3, placeholder: "Please share anything that will help prepare for our meeting?", isRequired: true, "aria-label": "Expectations of remote session" })),
+            React.createElement(FormGroup, { label: "Describe the impact to you or the business", type: "string", isRequired: true },
+                React.createElement(TextArea, { value: impact, onChange: updateImpact, rows: 3, placeholder: "Describe the user or financial impact.", isRequired: true, "aria-label": "Describe the impact to you or the business" })),
+            React.createElement(FormGroup, { label: "Remote session link (optional)" },
+                React.createElement(TextInput, { value: sessionLink, onChange: updateSessionLink, type: "text", "aria-label": "Remote session link" }),
+                React.createElement("p", { className: "form-instructions" }, "If not provided, the Red Hat Support Associate will share a link with you.")))));
+    const renderRemoteSessionAgreement = (React.createElement("div", { id: "remoteSessionAgreement" },
+        React.createElement("p", { className: "pf-v5-u-mt-xs" },
+            React.createElement(Trans, null,
+                "Your acceptance of this remote session agreement is required ",
+                React.createElement("strong", null, "for each case"),
+                " when you request Red Hat\u2019s support team to directly access your network or systems.")),
+        React.createElement("p", { className: "pf-v5-u-mt-md" },
+            React.createElement(Trans, null, "Remote access to your network or systems is not a standard Red Hat problem resolution process. 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.")),
+        React.createElement("p", { className: "pf-v5-u-mt-md" },
+            React.createElement(Trans, null, "Please read and accept the remote session terms below to allow Red Hat to access your network or systems.")),
+        React.createElement("div", null,
+            React.createElement(Select, { className: "pf-v5-u-mt-md", "aria-label": t('Select language'), id: "terms-language-selector", selections: selectedTranslation.localeCode, onSelect: onLangChange, isOpen: isLangSelectorDropdownOpen, menuAppendTo: document.body, placeholderText: t('Select an option that best fits'), onToggle: (_event, toggle) => onDropdownToggle(toggle), width: 350 }, Object.keys(allTranslations).map((option, index) => (React.createElement(SelectOption, { key: index, value: option }, getLocaleNameFromLocalCode(option))))),
+            React.createElement("a", { "aria-label": t('Download'), "data-tracking-id": "rsa-modal-terms-download", className: "pf-v5-u-ml-md", href: selectedTranslation.pdfDownloadUrl, rel: "noopener noreferrer", target: "_blank" },
+                t('Download'),
+                " ",
+                React.createElement(DownloadIcon, { className: "pf-v5-u-ml-xs" }))),
+        React.createElement("div", null,
+            React.createElement(Checkbox, { className: "pf-v5-u-mt-md rsa-checkbox", id: "terms-accept-checkbox", label: React.createElement(React.Fragment, null,
+                    React.createElement(Trans, null, "I have read and agree to the"),
+                    ' ',
+                    React.createElement("a", { className: "pf-v5-c-button pf-m-link pf-m-inline align-link-items", rel: "noopener noreferrer", target: "_blank", href: selectedTranslation.pdfDownloadUrl, "data-tracking-id": "case-details-request-remote-session-terms" },
+                        React.createElement(Trans, null, "terms "),
+                        React.createElement(ExternalLinkAltIcon, null))), isChecked: isTermsChecked, "aria-label": t('I have read and agree to the terms'), onChange: onCheckBoxChange }))));
     // Body of RSA Modal
     const RemoteSessionAgreementModalBody = () => {
-        return (React.createElement(React.Fragment, null,
-            React.createElement("p", { className: "pf-v5-u-mt-xs" },
-                React.createElement(Trans, null,
-                    "Your acceptance of this Remote Access Rider is required ",
-                    React.createElement("strong", null, "for each case"),
-                    " when you request Red Hat\u2019s support team to directly access your network or systems.")),
-            React.createElement("p", { className: "pf-v5-u-mt-md" },
-                React.createElement(Trans, null, "Remote access to your network or systems is not a standard Red Hat problem resolution process. 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.")),
-            React.createElement("p", { className: "pf-v5-u-mt-md" },
-                React.createElement(Trans, null, "Please read and accept the Remote Access Rider terms below to allow Red Hat to access your network or systems.")),
-            React.createElement("div", null,
-                React.createElement(Select, { className: "pf-v5-u-mt-md", "aria-label": t('Select language'), id: "terms-language-selector", selections: selectedTranslation.localeCode, onSelect: onLangChange, isOpen: isLangSelectorDropdownOpen, menuAppendTo: document.body, placeholderText: t('Select an option that best fits'), onToggle: (_event, toggle) => onDropdownToggle(toggle), width: 350 }, Object.keys(allTranslations).map((option, index) => (React.createElement(SelectOption, { key: index, value: option }, getLocaleNameFromLocalCode(option))))),
-                React.createElement("a", { "aria-label": t('Download'), "data-tracking-id": "rsa-modal-terms-download", className: "pf-v5-u-ml-md", href: selectedTranslation.pdfDownloadUrl, rel: "noopener noreferrer", target: "_blank" },
-                    t('Download'),
-                    " ",
-                    React.createElement(DownloadIcon, { className: "pf-v5-u-ml-xs" }))),
-            React.createElement("div", null,
-                React.createElement(Checkbox, { className: "pf-v5-u-mt-md rsa-checkbox", id: "terms-accept-checkbox", label: React.createElement(React.Fragment, null,
-                        React.createElement(Trans, null, "I have read and agree to the"),
-                        ' ',
-                        React.createElement("a", { className: "pf-v5-c-button pf-m-link pf-m-inline align-link-items", rel: "noopener noreferrer", target: "_blank", href: selectedTranslation.pdfDownloadUrl, "data-tracking-id": "case-details-request-remote-session-terms" },
-                            React.createElement(Trans, null, "terms "),
-                            React.createElement(ExternalLinkAltIcon, null))), isChecked: isTermsChecked, "aria-label": t('I have read and agree to the terms'), onChange: (_event, value) => onCheckBoxChange(value) }))));
+        return isRemoteSessionForm ? renderRemoteSessionForm : renderRemoteSessionAgreement;
     };
-    return (React.createElement(Modal, { id: "remote-session-agreement-modal", "aria-label": t('Remote Session Agreement'), title: t('Remote Session Agreement'), isOpen: props.show, onClose: onCancel, actions: modalActions }, RemoteSessionAgreementModalBody()));
+    return (React.createElement(Modal, { id: "remote-session-agreement-modal", "aria-label": t('Request remote agreement'), title: t('Request remote agreement'), isOpen: props.show, onClose: onCancel, actions: modalActions }, RemoteSessionAgreementModalBody()));
 }

package/lib/esm/components/Cve/CveSidebar.js CHANGED Viewed

@@ -15,7 +15,7 @@ export const CveSidebar = () => {
     }
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: "card card-white card-support file-diag pf-v5-u-mb-md" },
-            React.createElement("h3", { className: "card-heading popular-solutions green-card-heading" },
+            React.createElement("h3", { className: "card-heading popular-solutions green-card-heading card-header-bg" },
                 React.createElement("span", { className: "pf-v5-u-mr-sm" }, cveWorkflowRecommendation.length > 1 ? (React.createElement(Trans, null, "Handpicked for these CVEs")) : (React.createElement(Trans, null, "Handpicked for this CVE"))),
                 React.createElement(Badge, { isRead: true }, size(cveWorkflowRecommendation))),
             React.createElement("div", { className: "card-body" },

package/lib/esm/components/Recommendations/AsideResults.js CHANGED Viewed

@@ -131,7 +131,7 @@ export function AsideResults(props) {
     if (!canShowSideRecommendations())
         return React.createElement(React.Fragment, null);
     return (React.createElement("div", { className: `card card-white card-support top-recommendations ${props.className ? props.className : ''}` },
-        React.createElement("h3", { className: "card-heading popular-solutions green-card-heading" }, isIdea ? React.createElement(Trans, null, "Search recommendations") : React.createElement(Trans, null, "Articles recommended by OpenShift AI")),
+        React.createElement("h3", { className: "card-heading popular-solutions green-card-heading card-header-bg" }, isIdea ? React.createElement(Trans, null, "Search recommendations") : React.createElement(Trans, null, "Articles recommended by OpenShift AI")),
         React.createElement("div", { className: "card-body" },
             React.createElement("ul", { className: "list-flat" }, recommendationState.sideRecommendation.map((doc, index) => {
                 var _a, _b;

package/lib/esm/components/Recommendations/ClusterRecommendations.js CHANGED Viewed

@@ -32,7 +32,7 @@ export default function ClusterRecommendations(props) {
         return React.createElement(React.Fragment, null);
     return (React.createElement(React.Fragment, null,
         showClusterRecommendationsList && (React.createElement("div", { className: `card card-white card-support top-recommendations ${props.className ? props.className : ''}` },
-            React.createElement("h3", { className: "card-heading popular-solutions" },
+            React.createElement("h3", { className: "card-heading popular-solutions card-header-bg" },
                 React.createElement(Trans, null, "Cluster recommendations")),
             React.createElement("div", null,
                 React.createElement(ClusterRecommendationItems, { clusterRecommendations: clusterRecommendations.data.slice(0, NUMBER_OF_RULES_TO_DISPLAY) }),

package/lib/esm/components/shared/fileUpload/WidgetFileUploader.js CHANGED Viewed

@@ -147,7 +147,7 @@ function WidgetFileUploader(props) {
         }
     });
     return (React.createElement("div", { className: `card card-white card-support file-diag ${props.className || ''}`, onPaste: handlePaste },
-        React.createElement("h2", { className: "card-heading card-widget-file-upload-heading" }, props.isIdea || props.isSecureSupport ? (React.createElement(Trans, null, "File uploader")) : (React.createElement(Trans, null, "Upload a file for Red Hat to analyze"))),
+        React.createElement("h2", { className: "card-heading card-widget-file-upload-heading card-header-bg" }, props.isIdea || props.isSecureSupport ? (React.createElement(Trans, null, "File uploader")) : (React.createElement(Trans, null, "Upload a file for Red Hat to analyze"))),
         React.createElement("div", { className: "card-body" },
             React.createElement(WidgetFileSelector, { isSessionId: props.isSessionId, isPrivate: props.isPrivate, isIdea: props.isIdea, showFileExceed: fileExceedInfo }),
             !hasSomeSelectedFiles(selectedLocalFiles) ? ((!props.isIdea && props.helperText) || (React.createElement("p", { className: "pf-v5-u-mt-sm" },

package/lib/esm/scss/_main.scss CHANGED Viewed

@@ -1151,3 +1151,7 @@ svg.pf-v5-u-ml-xs.icon-size {
         transform: scale(1);
     }
 }
+.card-header-bg {
+    background-color: #006060 !important;
+}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.5.14",
+    "version": "2.5.16",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -25,7 +25,7 @@
         "lib/**/*"
     ],
     "peerDependencies": {
-        "@cee-eng/hydrajs": "4.17.37",
+        "@cee-eng/hydrajs": "4.18.33",
         "@cee-eng/ui-toolkit": "1.1.8",
         "@patternfly/patternfly": "5.4.2",
         "@patternfly/react-core": "5.4.2",
@@ -49,7 +49,7 @@
         "react-virtualized": "^9.22.5"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "4.17.37",
+        "@cee-eng/hydrajs": "4.18.33",
         "@cee-eng/ui-toolkit": "1.1.8",
         "@patternfly/patternfly": "5.4.2",
         "@patternfly/react-core": "5.4.2",
@@ -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.11",
-        "@rh-support/react-context": "2.5.12",
+        "@rh-support/components": "2.5.12",
+        "@rh-support/react-context": "2.5.14",
         "@rh-support/types": "2.0.5",
-        "@rh-support/user-permissions": "2.5.5",
-        "@rh-support/utils": "2.5.5",
+        "@rh-support/user-permissions": "2.5.6",
+        "@rh-support/utils": "2.5.6",
         "@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": "ca3168a03dc728c0eb804e514a58a9b8e887ec14"
+    "gitHead": "546b242324a0f5c12db8e448ed7ce8f374e48105"
 }