@rh-support/troubleshoot 2.6.24 → 2.6.28

package/lib/esm/components/CaseEditView/CaseSolutions/CaseSolutionsItem.js

@@ -15,7 +15,7 @@ export function CaseSolutionsItem(props) {
             React.createElement(Button, { icon: React.createElement(React.Fragment, null,
                     isLoading && React.createElement(LoadingIndicator, { show: isLoading, size: "xs" }),
                     !isLoading && props.showPin && (React.createElement(React.Fragment, null,
-                        React.createElement(Icon, { size: "md" }, props.isPinned ? (React.createElement(StarIcon, { className: "pinned-resource", color: "0066cc" })) : (React.createElement(OutlinedStarIcon, { className: "pinned-resource", color: "0066cc" }))))),
+                        React.createElement(Icon, { size: "md", color: "0066cc" }, props.isPinned ? (React.createElement(StarIcon, { className: "pinned-resource" })) : (React.createElement(OutlinedStarIcon, { className: "pinned-resource" }))))),
                     !isLoading && props.showLink && React.createElement(LinkIcon, null)), title: props.pinTitle, onClick: props.onPinClicked, "data-tracking-id": `case-resource-${props.pinTitle}`, variant: "plain", className: "list-icon" }),
             React.createElement("a", { href: props.recommendation.resourceViewURI, "data-tracking-id": `case-resource-${props.type}-link-${props.index}`, target: "_blank", rel: "noopener noreferrer", className: "case-resource-recommendation-link", dangerouslySetInnerHTML: {
                     __html: DOMPurify.sanitize(truncate(decodeMarkTag(props.recommendation.title || ''), maxTitleLength)),

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

@@ -1 +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,qBAmW7C"}
+{"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;AAExD,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,qBAyW7C"}

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

@@ -12,9 +12,10 @@ import { Alert, Button, ButtonVariant, Checkbox, Modal, ModalBody, ModalFooter,
 import DownloadIcon from '@patternfly/react-icons/dist/js/icons/download-icon';
 import ExternalLinkAltIcon from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
 import { SingleSelectDropdown, ToastNotification, useFetch } from '@rh-support/components';
+import isEqual from 'lodash/isEqual';
 import React, { useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import { useCaseDispatch } from '../../../context/CaseContext';
+import { useCaseDispatch, useCaseSelector } from '../../../context/CaseContext';
 import { useCaseDetailsPageStateContext } from '../../../context/CaseDetailsPageContext';
 import { useCaseDiscussionTabDispatchContext, useCaseDiscussionTabStateContext, } from '../../../context/CaseDiscussionTabContext';
 import { updateDiscussionStateComments } from '../../../reducers/CaseDiscussionTabReducer';
@@ -36,6 +37,9 @@ const getLocaleNameFromLocalCode = (localeCode) => {
 };
 export function NewEssTermsModal(props) {
     const { t } = useTranslation();
+    const { remoteSessionTermsAcked } = useCaseSelector((state) => ({
+        remoteSessionTermsAcked: state.caseDetails.remoteSessionTermsAcked,
+    }), isEqual);
     const [isTermsChecked, setIsTermsChecked] = useState(false);
     const { request } = useFetch(publicApi.terms.getRequiredTerms);
     const caseDispatch = useCaseDispatch();
@@ -51,7 +55,7 @@ export function NewEssTermsModal(props) {
     });
     const [allTranslations, setAllTranslations] = useState({});
     const [agreeLoading, setAgreeLoading] = useState(false);
-    const [isRemoteSessionForm, setIsRemoteSessionForm] = useState(false);
+    const [isRemoteSessionForm, setIsRemoteSessionForm] = useState(remoteSessionTermsAcked);
     const [sessionExpectations, setSessionExpectations] = useState('');
     const [impact, setImpact] = useState('');
     const [sessionLink, setSessionLink] = useState('');
@@ -174,8 +178,9 @@ export function NewEssTermsModal(props) {
     // To check and if I agree button is loading
     const isAgreeLoading = agreeLoading || isPostingComment;
     const modalActions = [
-        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: (isRemoteSessionForm ? !sessionExpectations.trim() || !impact.trim() : !isTermsChecked) ||
-                isAgreeLoading }, t(isRemoteSessionForm ? 'Submit' : 'I agree')),
+        React.createElement(Button, { "aria-label": t('I agree'), variant: ButtonVariant.primary, onClick: isRemoteSessionForm || remoteSessionTermsAcked ? onSubmit : toggleRemoteSessionForm, "data-tracking-id": "remote-session-agreement-check", isLoading: isAgreeLoading, isDisabled: (isRemoteSessionForm || remoteSessionTermsAcked
+                ? !sessionExpectations.trim() || !impact.trim()
+                : !isTermsChecked) || isAgreeLoading }, t(isRemoteSessionForm || remoteSessionTermsAcked ? 'Submit' : 'I agree')),
         React.createElement(Button, { key: "cancel", variant: "link", onClick: onCancel, isDisabled: isAgreeLoading }, "Cancel"),
     ];
     const renderRemoteSessionForm = (React.createElement("div", { id: "remoteSessionForm", className: "form-group" },

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

@@ -1 +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;AAExD,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,qBA+VxD"}
+{"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;AAExD,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,qBA8VxD"}

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

@@ -222,7 +222,8 @@ export function RemoteSessionAgreementModal(props) {
             React.createElement("h2", null, isRemoteSessionForm ? t('Request remote session') : t('Remote session agreement'))),
         React.createElement(ModalBody, null, RemoteSessionAgreementModalBody()),
         React.createElement(ModalFooter, null,
-            React.createElement(Button, { "aria-label": t('I agree'), variant: ButtonVariant.primary, onClick: isRemoteSessionForm ? onSubmit : toggleRemoteSessionForm, "data-tracking-id": isRemoteSessionForm ? 'remote-session-details-submission' : 'remote-session-agreement-check', isLoading: isAgreeLoading, isDisabled: (isRemoteSessionForm ? !sessionExpectations.trim() || !impact.trim() : !isTermsChecked) ||
-                    isAgreeLoading }, t(isRemoteSessionForm ? 'Submit' : 'I agree')),
+            React.createElement(Button, { "aria-label": t('I agree'), variant: ButtonVariant.primary, onClick: isRemoteSessionForm || remoteSessionTermsAcked ? onSubmit : toggleRemoteSessionForm, "data-tracking-id": "remote-session-agreement-check", isLoading: isAgreeLoading, isDisabled: (isRemoteSessionForm || remoteSessionTermsAcked
+                    ? !sessionExpectations.trim() || !impact.trim()
+                    : !isTermsChecked) || isAgreeLoading }, t(isRemoteSessionForm || remoteSessionTermsAcked ? 'Submit' : 'I agree')),
             React.createElement(Button, { key: "cancel", variant: "link", onClick: onCancel, isDisabled: isAgreeLoading }, "Cancel"))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"CasePhoneNumberConfirmAlert.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CasePhoneNumberConfirmAlert.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA+B,MAAM,OAAO,CAAC;AASpD,UAAU,MAAM;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,qBAsIxD"}
+{"version":3,"file":"CasePhoneNumberConfirmAlert.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CasePhoneNumberConfirmAlert.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAQpD,UAAU,MAAM;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,qBAyIxD"}

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

@@ -15,7 +15,6 @@ import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import { Link } from 'react-router-dom';
 import { useCaseDispatch, useCaseSelector } from '../../../../context/CaseContext';
 import { useCaseUpdateErrorMessage } from '../../../../hooks/useCaseUpdateErrorMessage';
 import { updateCaseDetails } from '../../../../reducers/CaseReducer';
@@ -57,16 +56,14 @@ export function CaseContactPhoneNumberAlert(props) {
         !isCaseOwnerUpdating;
     const phone = phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber;
     const confirmationMessage = `${t('Is this phone number correct,')} ${phone} ?`;
-    if (!isPhoneNeedsReview)
+    if (!isPhoneNeedsReview && isPhoneNeedsReview)
         return React.createElement(React.Fragment, null);
-    return (React.createElement(React.Fragment, null, props.isReview && !closeConfirmAlert && !isExportingPDF ? (React.createElement(Alert, { className: "pf-v6-u-p-sm pf-v6-u-mb-md phone-review-banner", isInline: true, variant: AlertVariant.warning, title: t('Review phone number'), component: "p", actionLinks: [
-            React.createElement(Button, { key: "case-contact-phone-number-review-confirm", variant: ButtonVariant.link, isInline: true, onClick: () => onCaseDetailsChange({ suppliedPhoneNumberVerified: 'True' }), "data-tracking-id": "case-contact-phone-number-review-confirm", isLoading: isCaseUpdating, isDisabled: isCaseUpdating },
+    return (React.createElement(React.Fragment, null, props.isReview && !closeConfirmAlert && !isExportingPDF ? (React.createElement(Alert, { className: "pf-v6-u-mb-md phone-review-banner", isInline: true, variant: AlertVariant.warning, title: t('Review phone number'), component: "p", actionLinks: [
+            React.createElement(Button, { className: "pf-v6-u-mr-md", key: "case-contact-phone-number-review-confirm", variant: ButtonVariant.link, isInline: true, onClick: () => onCaseDetailsChange({ suppliedPhoneNumberVerified: 'True' }), "data-tracking-id": "case-contact-phone-number-review-confirm", isLoading: isCaseUpdating, isDisabled: isCaseUpdating },
                 React.createElement(Trans, null, "Yes, confirm phone number")),
-            React.createElement(Link, { key: "case-contact-phone-number-review", replace: true, to: {
-                    pathname: `/case/${caseNumber}/management`,
-                }, onClick: () => goToPhoneField(), "data-tracking-id": "case-contact-phone-number-review" },
+            React.createElement(Button, { isInline: true, className: "pf-v6-u-mr-md", variant: ButtonVariant.link, key: "case-contact-phone-number-review", component: "a", href: `#/case/${caseNumber}/management`, onClick: () => goToPhoneField(), "data-tracking-id": "case-contact-phone-number-review" },
                 React.createElement(Trans, null, "No, update phone number")),
-            React.createElement(Button, { key: "case-contact-phone-number-alert-close", variant: ButtonVariant.link, onClick: () => setCloseConfirmAlert(!closeConfirmAlert), "data-tracking-id": "case-contact-phone-number-alert-close", isDisabled: isCaseUpdating },
+            React.createElement(Button, { isInline: true, key: "case-contact-phone-number-alert-close", variant: ButtonVariant.link, onClick: () => setCloseConfirmAlert(!closeConfirmAlert), "data-tracking-id": "case-contact-phone-number-alert-close", isDisabled: isCaseUpdating },
                 React.createElement(Trans, null, "Close")),
         ] },
         React.createElement(Trans, null, confirmationMessage))) : props.isConfirm && !isExportingPDF ? (React.createElement(Alert, { isInline: true, className: "pf-v6-u-p-sm pf-v6-u-mb-md phone-review-banner", variant: AlertVariant.warning, title: t('Review phone number'), component: "p", actionLinks: [

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

@@ -1 +1 @@
-{"version":3,"file":"VerifyCaseStatusModal.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/VerifyCaseStatusModal/VerifyCaseStatusModal.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAa3E,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,qBAwIlD"}
+{"version":3,"file":"VerifyCaseStatusModal.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/VerifyCaseStatusModal/VerifyCaseStatusModal.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAa3E,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,qBA4IlD"}

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

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Button, ButtonVariant, Modal, ModalFooter, ModalVariant } from '@patternfly/react-core';
+import { Button, ButtonVariant, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant, } from '@patternfly/react-core';
 import { SingleSelectDropdown, ToastNotification } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
 import { ability, resourceActions, resources } from '@rh-support/user-permissions';
@@ -95,12 +95,14 @@ export function VerifyCaseStatusModal(props) {
         disabled: statusOption === status,
     }));
     return (React.createElement(Modal, { id: "case-close-modal", title: t(`Please verify this case's status`), "aria-describedby": "case-close-modal", isOpen: true, onClose: props.onClose, variant: ModalVariant.medium },
-        React.createElement("h3", { className: "subheading subheading-sm" },
-            React.createElement(Trans, null, "Status"),
-            React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
-        React.createElement(SingleSelectDropdown, { ariaLabel: t(status), id: "verify-case-status", selected: getSelectedOption(), options: getDropdownOptions(), onSelect: onStatusChange, isDisabled: !canManageCase ||
-                caseOverviewState.allCaseStatuses.isFetching ||
-                (caseOverviewState.caseStatusUpdating && isCaseUpdating), isInvalid: !status, placeholder: t(status) }),
+        React.createElement(ModalHeader, null,
+            React.createElement("h3", { className: "subheading subheading-sm" },
+                React.createElement(Trans, null, "Status"),
+                React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))),
+        React.createElement(ModalBody, null,
+            React.createElement(SingleSelectDropdown, { ariaLabel: t(status), id: "verify-case-status", selected: getSelectedOption(), options: getDropdownOptions(), onSelect: onStatusChange, isDisabled: !canManageCase ||
+                    caseOverviewState.allCaseStatuses.isFetching ||
+                    (caseOverviewState.caseStatusUpdating && isCaseUpdating), isInvalid: !status, placeholder: t(status) })),
         React.createElement(ModalFooter, null,
             React.createElement(Button, { key: "submit-description", variant: ButtonVariant.primary, onClick: onSubmit, isLoading: isVerifyCaseStatusLoading, isDisabled: props.isUpdating, "data-tracking-id": "close-case-description-modal-submit" },
                 React.createElement(Trans, null, "Continue")),

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

@@ -14,7 +14,7 @@ export const CveSidebar = () => {
         return null;
     }
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "card card-white card-support file-diag pf-v6-u-mb-md" },
+        React.createElement("div", { className: "card card-white card-support file-diag pf-v6-u-mb-lg" },
             React.createElement("h3", { className: "card-heading popular-solutions green-card-heading card-header-bg" },
                 React.createElement("span", { className: "pf-v6-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))),

package/lib/esm/components/OpenCase/SupportTypeSelectorPage.js

@@ -132,7 +132,7 @@ export default function SupportTypeSelectorPage() {
             React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
         (allCaseTypes.isFetching || (isFetchingSelectedAccountDetails && haventLoadedMetadata(allCaseTypes))) && (React.createElement(LoadingIndicator, { size: "lg", show: true })),
         React.createElement(Gallery, { hasGutter: true, className: "pf-v6-u-mt-sm" }, SupportTypesArray.map((supportTypesArrayValues) => (React.createElement(GalleryItem, { key: supportTypesArrayValues.id },
-            React.createElement(Card, { id: supportTypesArrayValues.oldSupportType, key: supportTypesArrayValues.oldSupportType, className: `support-types-card${isNextBtnClickedToShowValidationError && !caseType ? ' support-types-invalid' : ''}`, isSelectable: true, onKeyDown: onKeyDown, onClick: onSupportTypeClick, isSelected: !!caseType && supportTypesArrayValues.oldSupportType === caseType, isFullHeight: true, "data-tracking-id": supportTypesArrayValues.dataTrackingID, tabIndex: 0 },
+            React.createElement(Card, { id: supportTypesArrayValues.oldSupportType, key: supportTypesArrayValues.oldSupportType, className: `support-types-card cursor-pointer${isNextBtnClickedToShowValidationError && !caseType ? ' support-types-invalid' : ''}`, isSelectable: true, onKeyDown: onKeyDown, onClick: onSupportTypeClick, isSelected: !!caseType && supportTypesArrayValues.oldSupportType === caseType, isFullHeight: true, "data-tracking-id": supportTypesArrayValues.dataTrackingID, tabIndex: 0 },
                 React.createElement(CardBody, null, supportTypesArrayValues.icon ? (React.createElement(Split, null,
                     React.createElement(SplitItem, { className: "pf-v6-u-pr-lg" },
                         React.createElement(Bullseye, null, supportTypesArrayValues.icon && supportTypesArrayValues.icon)),

package/lib/esm/components/ProductSelector/AllProductsSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AllProductsSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/AllProductsSelector.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAuC,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAMvG,UAAU,MAAM;IACZ,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC;AAQD;;;;;;;GAOG;AACH,QAAA,MAAM,mBAAmB,4EA4KvB,CAAC;AAGH,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"AllProductsSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/AllProductsSelector.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAuC,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAMvG,UAAU,MAAM;IACZ,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC;AAQD;;;;;;;GAOG;AACH,QAAA,MAAM,mBAAmB,4EA+KvB,CAAC;AAGH,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/lib/esm/components/ProductSelector/AllProductsSelector.js

@@ -1,4 +1,4 @@
-import { Modal, ModalFooter, ModalVariant } from '@patternfly/react-core';
+import { Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant } from '@patternfly/react-core';
 import { AlertMessage, AlertType } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import filter from 'lodash/filter';
@@ -114,11 +114,14 @@ const AllProductsSelector = forwardRef((props, ref) => {
             !topContent.isFetching &&
             topContent.data.length !== 0 && (React.createElement("button", { className: "btn btn-bordered-blue btn-slim pull-top-narrow push-bottom-narrow", "data-tracking-id": "suggested-fixes-trigger", onClick: toggleTCModal, type: "button" },
             React.createElement(Trans, null, "Suggested fixes"))),
-        props.loadTCOnChange && !topContent.isFetching && topContent.data.length !== 0 && (React.createElement(Modal, { className: "feedback-modal", title: t('Suggested fixes'), "aria-describedby": "Feedback Form", isOpen: isModalOpen, variant: ModalVariant.large, onClose: toggleTCModal },
-            React.createElement("p", null, t('There are new updates to suggested fixes after changing your product.')),
-            React.createElement("span", null,
-                React.createElement(Trans, null, "Here are some common suggestions:")),
-            React.createElement(Suggestions, { showTitleDescription: false, showMax: 6 }),
+        props.loadTCOnChange && !topContent.isFetching && topContent.data.length !== 0 && (React.createElement(Modal, { className: "feedback-modal", "aria-describedby": "Feedback Form", isOpen: isModalOpen, variant: ModalVariant.large },
+            React.createElement(ModalHeader, null,
+                React.createElement("h2", null, t('Suggested fixes'))),
+            React.createElement(ModalBody, null,
+                React.createElement("p", null, t('There are new updates to suggested fixes after changing your product.')),
+                React.createElement("span", null,
+                    React.createElement(Trans, null, "Here are some common suggestions:")),
+                React.createElement(Suggestions, { showTitleDescription: false, showMax: 6 })),
             React.createElement(ModalFooter, null,
                 React.createElement("button", { key: "cancel", onClick: toggleTCModal, className: "btn btn-app btn-primary", type: "button" },
                     React.createElement(Trans, null, "Cancel")))))));

package/lib/esm/components/Recommendations/AsideResults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AsideResults.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/AsideResults.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AASvD,OAAO,EAAE,eAAe,EAAsC,MAAM,iCAAiC,CAAC;AAUtG,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,qBA6MzC"}
+{"version":3,"file":"AsideResults.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/AsideResults.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AASvD,OAAO,EAAE,eAAe,EAAsC,MAAM,iCAAiC,CAAC;AAUtG,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,qBA4MzC"}

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

@@ -131,7 +131,7 @@ export function AsideResults(props) {
     const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
     if (!canShowSideRecommendations())
         return React.createElement(React.Fragment, null);
-    return (React.createElement(Card, { className: "pf-v6-u-m-sm" },
+    return (React.createElement(Card, { className: "pf-v6-u-mt-lg pf-v6-u-mb-0" },
         React.createElement(CardHeader, null,
             React.createElement("h3", null, isIdea ? (React.createElement(Trans, null, "Search recommendations")) : (React.createElement(Trans, null, "Articles recommended by OpenShift AI")))),
         React.createElement(CardBody, null,

package/lib/esm/components/Recommendations/InsightsResults.js

@@ -253,7 +253,7 @@ function InsightsResults(props) {
     }
     return (React.createElement(React.Fragment, null,
         !rulesState.triggerRuleNotification && caseType !== PreviousCaseTypes.FEATURE_ENHANCEMENT && (React.createElement(Alert, { isInline: true, variant: "custom", title: t('File recommendations are ready to view'), "data-tracking-id": "inline-view-critical-solution-alert", children: React.createElement("p", null,
-                React.createElement(Trans, null, "Troubleshooting specific for your uploaded files.")), className: "pf-v6-u-mb-md" })),
+                React.createElement(Trans, null, "Troubleshooting specific for your uploaded files.")), className: "pf-v6-u-mb-lg" })),
         React.createElement(InsightResultModal, { EARule: validEARules, onModalToggle: insightsModalToggle, isOpen: isRuleModalVisible, insightResults: allResults })));
 }
 InsightsResults.defaultProps = defaultProps;

package/lib/esm/components/Recommendations/Recommendations.js

@@ -184,7 +184,7 @@ export default function Recommendations(props) {
             isATestvariation
                 ? (recommendationState.visibleDocs.length !== 0 ||
                     recommendationState.isLoadingRecommendations) && (React.createElement("div", { className: `${recommendationState.isLoadingRecommendations ? 'gradient' : ''} label-container-icon` },
-                    React.createElement(Label, { id: "DeepPurpleColorAILabel", className: "pf-v6-u-mb-md", color: "purple" },
+                    React.createElement(Label, { id: "DeepPurpleColorAILabel", color: "purple" },
                         recommendationState.isLoadingRecommendations ? (React.createElement(React.Fragment, null,
                             React.createElement("span", { className: "loading-text" },
                                 React.createElement(Spinner, { size: "sm", className: "pf-v6-u-mr-xs" }),

package/lib/esm/components/SessionRestore/SessionRestore.js

@@ -305,7 +305,7 @@ export function SessionRestore(props) {
     ], 1000);
     if (!sessionRestoreCardSections.includes(activeSection))
         return React.createElement(React.Fragment, null);
-    return (React.createElement("div", { className: "pf-v6-u-mb-md pf-v6-u-mt-0" },
+    return (React.createElement("div", { className: "pf-v6-u-mb-lg pf-v6-u-mt-0" },
         ' ',
         React.createElement(SessionRestoreCard, { onRestore: restoreSession, previousSessions: previousSessions, onCardDismiss: onSessionRestoreCardDismiss }),
         React.createElement(RestoreLastSessionModal, { onRestore: restoreSession, errorSession: sessionRestore.sessionOfCaseCreationError })));

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

@@ -146,12 +146,12 @@ function WidgetFileUploader(props) {
             }
         }
     });
-    return (React.createElement(Card, { id: "file-uploader-card", className: `file-diag pf-v6-u-m-sm`, onPaste: handlePaste },
+    return (React.createElement(Card, { id: "file-uploader-card", className: "file-diag", onPaste: handlePaste },
         React.createElement(CardHeader, { "aria-label": t('File uploader') },
             React.createElement("h3", { id: "file-uploader-title" }, props.isIdea || props.isSecureSupport ? (React.createElement(Trans, null, "File uploader")) : (React.createElement(Trans, null, "Upload a file for Red Hat to analyze")))),
-        React.createElement(CardBody, { "aria-label": t('File upload area'), className: "file-upload-body pf-v6-u-pt-md" },
+        React.createElement(CardBody, { "aria-label": t('File upload area'), className: "file-upload-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-v6-u-mt-sm" },
+            !hasSomeSelectedFiles(selectedLocalFiles) ? ((!props.isIdea && props.helperText) || (React.createElement("p", { className: "pf-v6-u-mt-md" },
                 !props.isIdea ? (React.createElement(React.Fragment, null,
                     React.createElement(Trans, null, "To help us provide the right guidance, upload a sosreport."),
                     React.createElement("br", null),

package/lib/esm/components/shared/fileUpload/css/fileSelector.css

@@ -73,6 +73,7 @@ i.web-icon-check {
     color: #06c;
     font-size: 14px;
     text-align: center;
+    margin-bottom: 0;
 }
 
 .file-diag .file-diag-dragndrop:hover,

package/lib/esm/components/wizardLayout/WizardAside.js

@@ -39,14 +39,14 @@ function WizardAside(props) {
         React.createElement("section", { className: "grid-aside-content" },
             canUseSessionManagement && !isCreatingCase && activeSection !== AppRouteSections.SUBMIT_CASE && (React.createElement(SessionRestore, { routeProps: props.routeProps })),
             canShowFileUploadWidget() && React.createElement(InsightsResults, null),
-            canShowFileUploadWidget() && React.createElement(FileDiag, { className: "pf-v6-u-mb-md" }),
+            canShowFileUploadWidget() && React.createElement(FileDiag, { className: "pf-v6-u-mb-lg" }),
             activeSection === (isCaseCreate ? AppRouteSections.SUMMARIZE : AppRouteSections.TROUBLESHOOT) &&
                 !isCveModalOpened && React.createElement(CveSidebar, null),
             activeSection === AppRouteSections.RESOURCES && React.createElement(CveSidebar, null),
             canShowEARuleWidget && React.createElement(EARuleWidget, null),
-            !(isIdea && activeSection === 'submit-case') && (React.createElement(AsideResults, { routeProps: props.routeProps, className: "pf-v6-u-mb-md pf-v6-u-mt-0" })),
+            !(isIdea && activeSection === 'submit-case') && (React.createElement(AsideResults, { routeProps: props.routeProps, className: "pf-v6-u-mb-lg pf-v6-u-mt-0" })),
             canShowFileRecommendationSectionsWidget && React.createElement(InsightsResults, { isDisplayOnMain: true }),
-            React.createElement(ClusterRecommendations, { showClusterRecommendationsList: canShowClusterIdReportWidget, className: "pf-v6-u-mb-md pf-v6-u-mt-0" }))));
+            React.createElement(ClusterRecommendations, { showClusterRecommendationsList: canShowClusterIdReportWidget, className: "pf-v6-u-mb-lg pf-v6-u-mt-0" }))));
 }
 WizardAside.defaultProps = defaultProps;
 export default WizardAside;

package/lib/esm/css/results.css

@@ -41,11 +41,11 @@
 }
 
 .recommendation-list {
-    margin-top: 2rem;
+    margin-top: 26px;
 }
 
 .recommendation-list .result {
-    margin-bottom: 1.75rem;
+    margin-bottom: 18px;
 }
 
 .recommendation-list .result:last-child {

package/lib/esm/scss/_main.scss

@@ -653,18 +653,20 @@ mark {
     font-weight: 600;
 
     .pinned-resource {
-        color: var(--pf-v5-global--primary-color--100);
+        color: var(--pf-t--global--text--color--link--default);
     }
 
-    button:hover[title='Link'] {
+    button:hover[title='Link'] svg {
         color: #6ca100;
     }
 
     button[title='Unlink'] {
-        color: #6ca100;
+        svg {
+            color: #6ca100;
+        }
 
-        &:hover {
-            color: var(--pf-v5-global--danger-color--100);
+        &:hover svg {
+            color: var(pf-t--global--icon--color--status--danger--default);
         }
     }
 }
@@ -765,10 +767,10 @@ p.pref-case-popover-text {
 }
 
 .support-types-card {
-    border: 1px solid #c7c7c7;
+    border: var(--pf-t--global--border--width--box--default) solid var(--pf-t--global--border--color--default);
 
     &.pf-m-selected {
-        border: 1px solid #06c;
+        border: var(--pf-t--global--border--width--box--clicked) solid var(--pf-t--global--border--color--clicked);
     }
 }
 
@@ -1151,6 +1153,7 @@ svg.pf-v6-u-ml-xs.icon-size {
     padding: 1px;
     border-radius: 20px;
     height: 32px;
+    margin-bottom: 18px;
 }
 
 .single-select-toggle-text {
@@ -1192,7 +1195,6 @@ svg.pf-v6-u-ml-xs.icon-size {
     position: relative;
     display: inline-block;
     z-index: 1;
-    margin: 1px;
     line-height: normal;
     font-size: 14px;
 }
@@ -1267,3 +1269,15 @@ svg.pf-v6-u-ml-xs.icon-size {
 .cursor-pointer {
     cursor: pointer;
 }
+
+#file-uploader-title {
+    margin-bottom: 0;
+}
+
+.file-upload-body {
+    padding-top: 0;
+}
+
+.article-recommendations-card h3 {
+    margin-bottom: 0;
+}

package/lib/esm/scss/_pf-overrides.scss

@@ -805,12 +805,10 @@ div.case-details-tabs pre {
     margin-bottom: 1rem;
 }
 
-#external-ssousername-filter:has(.pf-v6-c-truncate) {
-    @media (min-width: 1300px) {
-        min-width: calc(100% + 269px) !important;
-    }
-}
-
 .case-creation-severity-select {
     max-width: min-content !important;
 }
+
+.pf-v6-c-wizard__main-body {
+    padding: 32px;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.6.24",
+    "version": "2.6.28",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -58,8 +58,8 @@
         "@progress/kendo-licensing": "1.3.5",
         "@progress/kendo-react-pdf": "^5.16.0",
         "@redux-devtools/extension": "^3.3.0",
-        "@rh-support/components": "2.5.32",
-        "@rh-support/react-context": "2.5.34",
+        "@rh-support/components": "2.5.33",
+        "@rh-support/react-context": "2.5.35",
         "@rh-support/types": "2.0.5",
         "@rh-support/user-permissions": "2.5.20",
         "@rh-support/utils": "2.5.19",
@@ -134,5 +134,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "0ecaec663e234789df10d8f8a98a46757388e573"
+    "gitHead": "a00e0bcab839947c8f3bfaf882e453408960abf7"
 }