@rh-support/troubleshoot 2.6.13 → 2.6.15

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

@@ -162,7 +162,7 @@ export default function Recommendations(props) {
             React.createElement(Trans, null, "Powered by Openshift AI")), bodyContent: React.createElement("div", null,
             React.createElement(Trans, null, "These articles have been selected based on the information provided."),
             React.createElement("br", null)) },
-        React.createElement(InfoCircleIcon, { color: "white" })));
+        React.createElement(InfoCircleIcon, { color: "black" })));
     function getRankPercentage(decimal) {
         return Math.round(decimal * 100);
     }
@@ -180,29 +180,32 @@ export default function Recommendations(props) {
     };
     return (React.createElement(React.Fragment, null,
         isBTestvariation && (React.createElement(LoadingDots, { className: "recommendation-loading-dots", show: recommendationState.isLoadingRecommendations && !isEmpty(summary) })),
-        React.createElement("div", { className: "recommendation-list pf-v5-u-pt-md", ref: props.resultsRowRef },
+        React.createElement("div", { className: "recommendation-list", ref: props.resultsRowRef },
             isATestvariation
                 ? (recommendationState.visibleDocs.length !== 0 ||
                     recommendationState.isLoadingRecommendations) && (React.createElement("div", { className: `${recommendationState.isLoadingRecommendations ? 'gradient' : ''} label-container-icon` },
-                    React.createElement(Label, { id: "DeepPurpleColorAILabel", className: "pf-v5-u-mb-md" },
+                    React.createElement(Label, { id: "DeepPurpleColorAILabel", className: "pf-v6-u-mb-md", color: "purple" },
                         recommendationState.isLoadingRecommendations ? (React.createElement(React.Fragment, null,
-                            React.createElement(Spinner, { size: "sm", className: "pf-v5-u-mr-xs" }),
-                            ' ',
-                            React.createElement(Trans, null,
-                                recommendationState.visibleDocs.length
-                                    ? 'Updating recommendations '
-                                    : 'Recommending articles ',
-                                "using OpenShift AI"),
-                            ' ',
-                            React.createElement(InfoCircleIcon, { color: "white" }))) : (React.createElement(React.Fragment, null,
-                            React.createElement(WatsonxAiIcon, { fillColor: "#FFFFFF", className: "pf-v5-u-mr-xs" }),
-                            ' ',
-                            React.createElement(Trans, null, "Articles recommended by OpenShift AI"),
-                            " ",
-                            infoPopover)),
+                            React.createElement("span", { className: "loading-text" },
+                                React.createElement(Spinner, { size: "sm", className: "pf-v6-u-mr-xs" }),
+                                ' ',
+                                React.createElement(Trans, null,
+                                    recommendationState.visibleDocs.length
+                                        ? 'Updating recommendations '
+                                        : 'Recommending articles ',
+                                    "using OpenShift AI"),
+                                ' ',
+                                React.createElement(InfoCircleIcon, { color: "black" })))) : (React.createElement(React.Fragment, null,
+                            React.createElement("span", { className: "ai-label-text" },
+                                React.createElement(WatsonxAiIcon, { fillColor: "#FFFFFF", className: "pf-v6-u-mr-xs" }),
+                                ' ',
+                                React.createElement("span", { className: "ai-label-text1" },
+                                    React.createElement(Trans, null, "Articles recommended by OpenShift AI"),
+                                    " ",
+                                    infoPopover)))),
                         ' ')))
-                : recommendationState.visibleDocs.length !== 0 && (React.createElement(Label, { color: "purple", className: "pf-v5-u-mb-md" },
-                    React.createElement(WatsonxAiIcon, { fillColor: "#6753ac", className: "pf-v5-u-mr-xs" }),
+                : recommendationState.visibleDocs.length !== 0 && (React.createElement(Label, { color: "purple", className: "pf-v6-u-mb-md" },
+                    React.createElement(WatsonxAiIcon, { fillColor: "#6753ac", className: "pf-v6-u-mr-xs" }),
                     React.createElement(Trans, null, "Live search results powered by OpenShift AI"))),
             isATestvariation && recommendationState.isLoadingRecommendations ? (React.createElement(RecommendationsLoader, null)) : (React.createElement("ul", { className: "list-flat" }, map(recommendationState.visibleDocs, (doc, i) => {
                 var _a, _b;
@@ -212,7 +215,7 @@ export default function Recommendations(props) {
                         React.createElement("div", { className: "header-meta" },
                             isATestvariation && doc.rerank_score && computeLabel(doc),
                             doc.kcsState === 'verified' && (React.createElement(React.Fragment, null,
-                                React.createElement("span", { className: "status-verified pf-v5-u-font-weight-bold pf-v5-u-success-color-100" }, "verified"),
+                                React.createElement("span", { className: "status-verified pf-v6-u-font-weight-bold pf-v6-u-success-color-100" }, "verified"),
                                 React.createElement("span", { className: "list-separator" }, "\u2013"))),
                             React.createElement("span", { className: "meta" }, doc.documentKind),
                             React.createElement("span", { className: "list-separator" }, "\u2013"),

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

@@ -1,7 +1,7 @@
 import { Skeleton } from '@patternfly/react-core';
 import React from 'react';
 export const RecommendationsLoader = () => {
-    return (React.createElement("div", { className: "pf-v5-u-mt-md" }, [...Array(5)].map((_, i) => (React.createElement(React.Fragment, { key: `recommendation-loading-${i}` },
+    return (React.createElement("div", { className: "pf-v6-u-mt-md" }, [...Array(5)].map((_, i) => (React.createElement(React.Fragment, { key: `recommendation-loading-${i}` },
         React.createElement(Skeleton, { height: "20px", width: "100%" }),
         React.createElement("br", null),
         React.createElement(Skeleton, { height: "45px", width: "100%" }),

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

@@ -1 +1 @@
-{"version":3,"file":"RulesModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/RulesModal.tsx"],"names":[],"mappings":"AAaA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAG5D,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAI7D,UAAU,MAAM;IACZ,cAAc,EAAE,wBAAwB,EAAE,CAAC;IAC3C,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,aAAa,EAAE,MAAM,GAAG,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,qBAkM/C"}
+{"version":3,"file":"RulesModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/RulesModal.tsx"],"names":[],"mappings":"AAcA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAG5D,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAI7D,UAAU,MAAM;IACZ,cAAc,EAAE,wBAAwB,EAAE,CAAC;IAC3C,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,aAAa,EAAE,MAAM,GAAG,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,qBAiM/C"}

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

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { pcm } from '@cee-eng/hydrajs';
-import { Accordion, Button, Card, CardBody, CardExpandableContent, CardHeader, CardTitle, Modal, } from '@patternfly/react-core';
+import { Accordion, Button, Card, CardBody, CardExpandableContent, CardHeader, CardTitle, Modal, ModalFooter, } from '@patternfly/react-core';
 import { useFetch } from '@rh-support/components';
 import { getResTypeFromUrl } from '@rh-support/utils';
 import React, { useContext, useEffect, useState } from 'react';
@@ -88,7 +88,7 @@ export function InsightResultModal(props) {
     }, [selectedLocalFiles, props.EARule]);
     if (props.isRenderedMain) {
         setCaseState(caseDispatch, { isFileRecommendationsTriggered: true });
-        return (React.createElement(Card, { id: "expandable-card", className: "card-support top-recommendations pf-v5-u-mt-md", isExpanded: isExpanded, isCompact: true },
+        return (React.createElement(Card, { id: "expandable-card", className: "card-support top-recommendations pf-v6-u-mt-md", isExpanded: isExpanded, isCompact: true },
             React.createElement(CardHeader, { onExpand: onExpand, toggleButtonProps: {
                     id: 'toggle-button1',
                     'aria-label': t('File recommendations'),
@@ -107,12 +107,10 @@ export function InsightResultModal(props) {
     }
     return (React.createElement(React.Fragment, null,
         React.createElement(RecommendationFeedbackModal, { isModalOpen: isModalVisible, handleModalToggle: onModalToggle, modalContent: t(`Great, we're glad that resolved your issue`) }),
-        React.createElement(Modal, { className: "critical-solutions-modal", title: t('Critical solutions for your system'), description: t('Solutions have been triggered for you based on file upload or common issues that currently have high visibility.'), "data-tracking-id": "critical-solutions-modal-body", onClose: props.onModalToggle, isOpen: props.isOpen, actions: [
-                // at this moment, for secure support users, we don't show insight rules
-                // in future if we show the rules, we need to hide this button because
-                // we don't have session api for secure support users
+        React.createElement(Modal, { className: "critical-solutions-modal", title: t('Critical solutions for your system'), "data-tracking-id": "critical-solutions-modal-body", onClose: props.onModalToggle, isOpen: props.isOpen },
+            React.createElement("p", null, t('Solutions have been triggered for you based on file upload or common issues that currently have high visibility.')),
+            React.createElement(Accordion, { className: "push-top-narrow rules-modal-items", headingLevel: "h2", asDefinitionList: false, isBordered: true }, props.insightResults.map((doc, index) => (React.createElement(InsightsRuleInfo, { duplicateKeys: duplicateKeys, showNewTag: canShowNewTag, key: doc.id + doc.attachmentId, doc: doc, rank: index + 1 })))),
+            React.createElement(ModalFooter, null,
                 React.createElement(Button, { isDisabled: isFetching, isLoading: isFetching, onClick: handleSolvedIssue, key: "solved-my-issue", variant: "primary", "data-tracking-id": "solved-my-issue-critical-solutions-modal" }, t('I solved my issue')),
-                React.createElement(Button, { onClick: props.onModalToggle, key: "confirm", variant: "secondary", "data-tracking-id": "cancel-critical-solutions-modal" }, t('Cancel')),
-            ] },
-            React.createElement(Accordion, { className: "push-top-narrow rules-modal-items", headingLevel: "h2", asDefinitionList: false, isBordered: true }, props.insightResults.map((doc, index) => (React.createElement(InsightsRuleInfo, { duplicateKeys: duplicateKeys, showNewTag: canShowNewTag, key: doc.id + doc.attachmentId, doc: doc, rank: index + 1 })))))));
+                React.createElement(Button, { onClick: props.onModalToggle, key: "confirm", variant: "secondary", "data-tracking-id": "cancel-critical-solutions-modal" }, t('Cancel'))))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"WatsonxAiIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/WatsonxAiIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,UAAW,SAAS,sBA4B7C,CAAC"}
+{"version":3,"file":"WatsonxAiIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/WatsonxAiIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,UAAW,SAAS,sBAsB7C,CAAC"}

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

@@ -1,13 +1,12 @@
 import React from 'react';
 export const WatsonxAiIcon = (props) => {
-    const { width = 32, height = 32 } = props;
-    const viewBox = '0 0 ' + width + ' ' + height;
-    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: viewBox, width: width, height: height, className: `pf-v5-svg ${props.className}` },
-        React.createElement("g", null,
-            React.createElement("g", { fill: props.fillColor },
-                React.createElement("path", { d: "m26,24c-1.1046,0-2,.8954-2,2,0,.0764.0142.1488.0225.2229-2.2808,1.7963-5.0792,2.7771-8.0225,2.7771-4.2617,0-8-3.9722-8-8.5,0-4.687,3.813-8.5,8.5-8.5h.5v-2h-.5c-5.7896,0-10.5,4.7104-10.5,10.5,0,1.8839.5304,3.6896,1.4371,5.2565-2.7133-2.3843-4.4371-5.869-4.4371-9.7565,0-2.1152.4917-4.1328,1.4619-5.9956l-1.7744-.9238c-1.104,2.1211-1.6875,4.5137-1.6875,6.9194,0,8.271,6.729,15,15,15,3.3744,0,6.5818-1.1193,9.2048-3.1662.244.106.5123.1662.7952.1662,1.1046,0,2-.8954,2-2s-.8954-2-2-2Z" }),
-                React.createElement("rect", { x: "11", y: "20", width: "2", height: "2", transform: "translate(33 9) rotate(90)" }),
-                React.createElement("rect", { x: "19", y: "10", width: "2", height: "2", transform: "translate(31 -9) rotate(90)" }),
-                React.createElement("path", { d: "m16,1c-3.3744,0-6.5818,1.1193-9.2048,3.1662-.244-.106-.5123-.1662-.7952-.1662-1.1046,0-2,.8954-2,2s.8954,2,2,2,2-.8954,2-2c0-.0764-.0142-.1488-.0225-.2229,2.2808-1.7963,5.0792-2.7771,8.0225-2.7771,4.2617,0,8,3.9722,8,8.5,0,4.687-3.813,8.5-8.5,8.5h-.5v2h.5c5.7896,0,10.5-4.7104,10.5-10.5,0-1.8853-.5322-3.6917-1.4401-5.2593,2.715,2.3843,4.4401,5.8704,4.4401,9.7593,0,2.1152-.4917,4.1328-1.4619,5.9956l1.7744.9238c1.104-2.1211,1.6875-4.5137,1.6875-6.9194C31,7.729,24.271,1,16,1Z" })),
-            React.createElement("rect", { fill: "none", id: "_Transparent_Rectangle_", "data-name": "<Transparent Rectangle>", width: "32", height: "32" }))));
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "17", viewBox: "0 0 16 17", fill: "none" },
+        React.createElement("g", { "clip-path": "url(#clip0_2742_18241)" },
+            React.createElement("path", { d: "M13 12.5007C12.4477 12.5007 12 12.9484 12 13.5007C12 13.5389 12.0071 13.5751 12.0112 13.6122C10.8708 14.5103 9.47165 15.0007 8 15.0007C5.86915 15.0007 4 13.0146 4 10.7507C4 8.40722 5.9065 6.50072 8.25 6.50072H8.5V5.50072H8.25C5.3552 5.50072 3 7.85592 3 10.7507C3 11.6927 3.2652 12.5955 3.71855 13.379C2.3619 12.1868 1.5 10.4445 1.5 8.50072C1.5 7.44312 1.74585 6.43432 2.23095 5.50292L1.34375 5.04102C0.79175 6.10157 0.5 7.29787 0.5 8.50072C0.5 12.6362 3.8645 16.0007 8 16.0007C9.6872 16.0007 11.2909 15.4411 12.6024 14.4176C12.7244 14.4706 12.8586 14.5007 13 14.5007C13.5523 14.5007 14 14.053 14 13.5007C14 12.9484 13.5523 12.5007 13 12.5007Z", fill: "#1F0066" }),
+            React.createElement("path", { d: "M6.5 11.5V10.5H5.5V11.5H6.5Z", fill: "#1F0066" }),
+            React.createElement("path", { d: "M10.5 6.5V5.5H9.5V6.5H10.5Z", fill: "#1F0066" }),
+            React.createElement("path", { d: "M8 1C6.3128 1 4.7091 1.55965 3.3976 2.5831C3.2756 2.5301 3.14145 2.5 3 2.5C2.4477 2.5 2 2.9477 2 3.5C2 4.0523 2.4477 4.5 3 4.5C3.5523 4.5 4 4.0523 4 3.5C4 3.4618 3.9929 3.4256 3.98875 3.38855C5.12915 2.4904 6.52835 2 8 2C10.1308 2 12 3.9861 12 6.25C12 8.5935 10.0935 10.5 7.75 10.5H7.5V11.5H7.75C10.6448 11.5 13 9.1448 13 6.25C13 5.30735 12.7339 4.40415 12.28 3.62035C13.6375 4.8125 14.5 6.55555 14.5 8.5C14.5 9.5576 14.2541 10.5664 13.769 11.4978L14.6562 11.9597C15.2083 10.8992 15.5 9.70285 15.5 8.5C15.5 4.3645 12.1355 1 8 1Z", fill: "#1F0066" })),
+        React.createElement("defs", null,
+            React.createElement("clipPath", { id: "clip0_2742_18241" },
+                React.createElement("rect", { width: "16", height: "16", fill: "white", transform: "translate(0 0.5)" })))));
 };

package/lib/esm/components/RemoteRider/RemoteRiderBanner.js

@@ -33,7 +33,7 @@ export function RemoteRiderBanner(props) {
         setIsRemoteRiderModalVisible(false);
     };
     return (React.createElement(React.Fragment, null,
-        React.createElement(Alert, { isInline: true, className: "pf-v5-u-mb-md", variant: areTermsAccepted ? AlertVariant.success : AlertVariant.info, title: "Remote support", actionLinks: areTermsAccepted ? (React.createElement("a", { href: "/articles/3566571", target: "_blank", rel: "noopener noreferrer", "data-tracking-id": "remote-rider-kbase" },
+        React.createElement(Alert, { isInline: true, className: "pf-v6-u-mb-md", variant: areTermsAccepted ? AlertVariant.success : AlertVariant.info, title: "Remote support", actionLinks: areTermsAccepted ? (React.createElement("a", { href: "/articles/3566571", target: "_blank", rel: "noopener noreferrer", "data-tracking-id": "remote-rider-kbase" },
                 t('Learn how to join a remote session'),
                 " ",
                 React.createElement(ExternalLinkAltIcon, null))) : (React.createElement(React.Fragment, null,

package/lib/esm/components/Review/Review.js

@@ -48,16 +48,16 @@ export default function Review(props) {
             React.createElement(CaseType, { hideIdea: true }),
             React.createElement(SupportLevel, null),
             React.createElement(Grid, { hasGutter: true },
-                React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v5-u-mb-xl" },
+                React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v6-u-mb-xl" },
                     React.createElement(Severity, { showSeverityInfoIcon: true, onSeverityChange: onSeverityChange })),
-                React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v5-u-mb-xl" },
+                React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v6-u-mb-xl" },
                     React.createElement(ContactPhoneNumber, null))),
             React.createElement(ContactPhoneNumberAlert, null),
             React.createElement(Fts, { inlineEditable: true, initialIsEditing: isEmpty(contactInfo24x7), hideSaveCancel: true }),
             React.createElement(Grid, { hasGutter: true },
-                React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v5-u-mb-xs" },
+                React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v6-u-mb-xs" },
                     React.createElement(CaseLanguageSelector, null)),
-                React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v5-u-mb-xs" },
+                React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v6-u-mb-xs" },
                     React.createElement(CaseGroup, null))),
             canSeeEmailNotifications && React.createElement(CaseContactSelector, null),
             React.createElement(RHAssociatesSelector, null),

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

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Button, Modal, ModalVariant } from '@patternfly/react-core';
+import { Button, Modal, ModalFooter, ModalVariant } from '@patternfly/react-core';
 import isEqual from 'lodash/isEqual';
 import React, { useContext } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -38,11 +38,11 @@ export const RestoreLastSessionModal = ({ onRestore, errorSession }) => {
         updateCaseCreationErrorStatus(caseDispatch, false);
         updateSession(sessionDispatch, errorSession.session.id, errorSession.sessionDetails, Object.assign(Object.assign({}, errorSession.session), { caseCreationError: false }));
     };
-    return (React.createElement(Modal, { "data-tracking-id": "restore-session-modal", variant: ModalVariant.small, title: t('Restore last session?'), isOpen: !caseCreationError && caseCreation500ErrorStatus, onClose: onOpenNewCase, actions: [
+    return (React.createElement(Modal, { "data-tracking-id": "restore-session-modal", variant: ModalVariant.small, title: t('Restore last session?'), isOpen: !caseCreationError && caseCreation500ErrorStatus, onClose: onOpenNewCase },
+        React.createElement(Trans, null, "It looks like an error prevented your last case from being submitted. Would you like to restore the last session or open a new case?"),
+        React.createElement(ModalFooter, null,
             React.createElement(Button, { key: "restore", variant: "primary", onClick: onRestoreClick, "data-tracking-id": "restore-session-button" },
                 React.createElement(Trans, null, " Restore")),
             React.createElement(Button, { key: "openANewCase", variant: "secondary", onClick: onOpenNewCase, "data-tracking-id": "restore-session-open-case-button" },
-                React.createElement(Trans, null, "Open a new case")),
-        ] },
-        React.createElement(Trans, null, "It looks like an error prevented your last case from being submitted. Would you like to restore the last session or open a new case?")));
+                React.createElement(Trans, null, "Open a new case")))));
 };

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-v5-u-mb-md pf-v5-u-mt-0" },
+    return (React.createElement("div", { className: "pf-v6-u-mb-md 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/SessionRestore/SessionRestoreCard.js

@@ -14,7 +14,7 @@ export function SessionRestoreCard(props) {
     if (dismissed || isEmpty(props.previousSessions))
         return React.createElement(React.Fragment, null);
     return (React.createElement(Alert, { variant: "custom", isInline: true, title: t('Restore a previous session'), actionClose: React.createElement(AlertActionCloseButton, { onClose: onCardDismiss }), component: "p", className: "restore-session-alert" },
-        React.createElement("div", { className: "pf-v5-c-alert__description" },
+        React.createElement("div", { className: "pf-v6-c-alert__description" },
             React.createElement("ul", { className: "restore-session-list" }, map(props.previousSessions, (sessionItem) => (React.createElement("li", { key: sessionItem.session.id },
                 React.createElement(SessionItem, { onRestore: props.onRestore, sessionItem: sessionItem }))))))));
 }

package/lib/esm/components/SubmitCase/SubmitCase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubmitCase.d.ts","sourceRoot":"","sources":["../../../../src/components/SubmitCase/SubmitCase.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,EAAQ,mBAAmB,EAAe,MAAM,kBAAkB,CAAC;AAQ1E,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAUrF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,qBAsX/C"}
+{"version":3,"file":"SubmitCase.d.ts","sourceRoot":"","sources":["../../../../src/components/SubmitCase/SubmitCase.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,EAAQ,mBAAmB,EAAe,MAAM,kBAAkB,CAAC;AAQ1E,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAUrF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,qBA+X/C"}

package/lib/esm/components/SubmitCase/SubmitCase.js

@@ -1,5 +1,5 @@
 import { Env, publicApi } from '@cee-eng/hydrajs';
-import { ActionList, ActionListItem, Button, Icon, Text, TextVariants, Tooltip } from '@patternfly/react-core';
+import { ActionList, ActionListItem, Button, Content, ContentVariants, Icon, Tooltip } from '@patternfly/react-core';
 import CheckCircleIcon from '@patternfly/react-icons/dist/js/icons/check-circle-icon';
 import { AlertMessage, AlertType, formattedApiErrorMessage, SupportFeedbackForm, useFetch, } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
@@ -140,30 +140,30 @@ export default function SubmitCase(props) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     return (React.createElement("article", { className: "gird-main" },
-        React.createElement(AlertMessage, { className: "pf-v5-u-mt-lg", title: t('Failed to add user.'), variant: AlertType.DANGER, show: addNotifiedUserError }),
-        React.createElement(AlertMessage, { className: "pf-v5-u-mt-lg", variant: AlertType.DANGER, show: caseCreationError || (!isCreatingCase && !caseCreationError && isEmpty(caseNoOfCreatedCase)), title: t("Sorry, we're experiencing an error"), isInline: true },
+        React.createElement(AlertMessage, { className: "pf-v6-u-mt-lg", title: t('Failed to add user.'), variant: AlertType.DANGER, show: addNotifiedUserError }),
+        React.createElement(AlertMessage, { className: "pf-v6-u-mt-lg", variant: AlertType.DANGER, show: caseCreationError || (!isCreatingCase && !caseCreationError && isEmpty(caseNoOfCreatedCase)), title: t("Sorry, we're experiencing an error"), isInline: true },
             React.createElement(React.Fragment, null, caseCreationErrorMessage)),
         !isCreatingCase && !caseCreationError && !isEmpty(caseNoOfCreatedCase) && (React.createElement(React.Fragment, null,
             React.createElement("div", { className: "submit-case-header-container" },
-                React.createElement("p", { className: "kicker kicker-sm pf-v5-u-mb-sm" }, !isEmpty(RouteUtils.seBasePath) &&
+                React.createElement("p", { className: "kicker kicker-sm pf-v6-u-mb-sm" }, !isEmpty(RouteUtils.seBasePath) &&
                     !isUploadingAttachment(attachmentState.caseFiles.selectedLocalFiles) ? (React.createElement(React.Fragment, null,
-                    React.createElement("div", { className: "submit-page-title pf-v5-u-mb-lg" },
-                        React.createElement(Icon, { className: "submit-case-check-icon pf-v5-u-mt-sm", size: "lg" },
-                            React.createElement(CheckCircleIcon, null)),
+                    React.createElement("div", { className: "submit-page-title pf-v6-u-mb-lg" },
+                        React.createElement(Icon, { className: "submit-case-check-icon pf-v6-u-mt-sm", size: "lg" },
+                            React.createElement(CheckCircleIcon, { style: { color: '#3D7317' } })),
                         ' ',
-                        React.createElement(Text, { role: "alert", className: "pf-v5-u-mb-0", component: TextVariants.h1 },
+                        React.createElement(Content, { role: "alert", className: "pf-v6-u-mb-0", component: ContentVariants.h1, style: { color: '#3D7317' } },
                             React.createElement(Trans, null, "We've added your case to our queue"))),
-                    React.createElement("div", { className: "pf-v5-u-mt-sm" },
+                    React.createElement("div", { className: "pf-v6-u-mt-sm" },
                         React.createElement(Trans, null, "Case number:"),
                         "\u00A0",
                         React.createElement(Link, { to: `/case/${caseNoOfCreatedCase}`, "data-tracking-id": "get-support-queued-case-number", className: isUploadingAttachment(attachmentState.caseFiles.selectedLocalFiles)
                                 ? 'case-link-disabled'
                                 : '' }, caseNoOfCreatedCase)))) : (React.createElement(React.Fragment, null,
                     React.createElement("div", { className: "submit-page-title" },
-                        React.createElement(Icon, { size: "lg", className: "submit-case-check-icon" },
-                            React.createElement(CheckCircleIcon, null)),
+                        React.createElement(Icon, { size: "lg", className: "submit-case-check-icon", style: { color: '#3D7317' } },
+                            React.createElement(CheckCircleIcon, { style: { color: '#3D7317' } })),
                         ' ',
-                        React.createElement(Text, { role: "alert", component: TextVariants.h1 },
+                        React.createElement(Content, { role: "alert", component: ContentVariants.h1 },
                             React.createElement(Trans, null, "We\u2019ve added your case to our queue"))),
                     React.createElement(React.Fragment, null,
                         React.createElement(Trans, null, "Case number: "),
@@ -177,10 +177,10 @@ export default function SubmitCase(props) {
                     React.createElement("a", { className: "inline-link", rel: "noopener noreferrer", href: "/support/offerings/production/sla", target: "_blank", "data-tracking-id": "get-support-sla" },
                         React.createElement(Trans, null, "Service Level Agreement"),
                         ".")),
-                React.createElement("div", { className: "submit-page-contact-info pf-v5-u-mt-lg pf-v5-u-mb-sm" },
-                    React.createElement("p", { className: "contact-info-title pf-v5-u-mb-sm" },
+                React.createElement("div", { className: "submit-page-contact-info pf-v6-u-mt-lg pf-v6-u-mb-sm" },
+                    React.createElement("p", { className: "contact-info-title pf-v6-u-mb-sm" },
                         React.createElement(Trans, null, "Is this contact information correct?")),
-                    React.createElement("p", { className: "pf-v5-u-font-size-sm" },
+                    React.createElement("p", { className: "pf-v6-u-font-size-sm" },
                         React.createElement("strong", null,
                             React.createElement(Trans, null, "Email:")),
                         ' ',
@@ -193,24 +193,24 @@ export default function SubmitCase(props) {
                         " ",
                         phoneAreaCodePrefixLineNumber)),
                 React.createElement("div", null,
-                    React.createElement(ActionList, null,
+                    React.createElement(ActionList, { className: "submitCase-action-list" },
                         React.createElement(ActionListItem, null,
                             React.createElement(Button, { component: "a", href: `${getRedhatDotComHost(Env.getEnvName())}/wapps/ugc/protected/${'personalInfo.html'}`, target: "_blank", variant: "secondary", "data-tracking-id": "get-support-update-info", className: "update-info-button" },
                                 React.createElement(Trans, null, "Update info"))),
                         React.createElement(ActionListItem, null, isUploadingAttachment(attachmentState.caseFiles.selectedLocalFiles) ? (React.createElement(React.Fragment, null,
                             React.createElement(Tooltip, { content: t('File upload in progress.'), position: "bottom" },
-                                React.createElement(Button, { className: "pf-v5-u-ml-md", component: "a", href: getCaseURL(), variant: "primary", "data-tracking-id": "get-support-view-case", "aria-label": t('View case'), isAriaDisabled: isUploadingAttachment(attachmentState.caseFiles.selectedLocalFiles) },
-                                    React.createElement(Trans, null, "View case"))))) : (React.createElement(Button, { component: (props) => (React.createElement(Link, Object.assign({}, props, { to: `/case/${caseNoOfCreatedCase}` }))), variant: "primary", "data-tracking-id": "get-support-view-case", "aria-label": t('View case') },
+                                React.createElement(Button, { className: "pf-v6-u-ml-md view-case-button", component: "a", href: getCaseURL(), variant: "primary", "data-tracking-id": "get-support-view-case", "aria-label": t('View case'), isAriaDisabled: isUploadingAttachment(attachmentState.caseFiles.selectedLocalFiles) },
+                                    React.createElement(Trans, null, "View case"))))) : (React.createElement(Button, { component: (props) => (React.createElement(Link, Object.assign({}, props, { to: `/case/${caseNoOfCreatedCase}` }))), variant: "primary", "data-tracking-id": "get-support-view-case", "aria-label": t('View case'), className: "view-case-button" },
                             React.createElement(Trans, null, "View case"))))))),
             !isEmpty(attachmentState.caseFiles.selectedLocalFiles) && (React.createElement(FileUploader, { idToUploadTo: caseNoOfCreatedCase, isSessionId: false, isSecureSupport: loggedInUsersAccount.data.secureSupport })),
             React.createElement("div", null,
                 (!isEmpty(topContent.data) || !rulesState.EARules.rules || !clusterRecommendations) &&
-                    !isIdea && (React.createElement(Text, { className: "pf-v5-u-mt-2xl pf-v5-u-font-weight-light", component: TextVariants.h2 },
+                    !isIdea && (React.createElement(Content, { className: "pf-v6-u-mt-2xl pf-v6-u-font-weight-light", component: ContentVariants.h2 },
                     React.createElement(Trans, null, "Troubleshoot this case"))),
                 isNotAnIdea && (React.createElement(React.Fragment, null,
-                    React.createElement("div", { className: isIdea ? 'pf-v5-u-mt-lg' : '' },
+                    React.createElement("div", { className: isIdea ? 'pf-v6-u-mt-lg' : '' },
                         React.createElement(InsightsResults, { isDisplayOnMain: true })),
                     React.createElement(ClusterRecommendations, { showClusterRecommendationsModal: false }))),
-                React.createElement("div", { className: "pf-v5-u-mt-lg" }, isIdea ? (React.createElement(AsideResults, { routeProps: props.routeProps })) : (!isEmpty(topContent.data) &&
+                React.createElement("div", { className: "pf-v6-u-mt-lg" }, isIdea ? (React.createElement(AsideResults, { routeProps: props.routeProps })) : (!isEmpty(topContent.data) &&
                     isNotAnIdea && React.createElement(Suggestions, { showTitleDescription: true, showMax: 6 }))))))));
 }

package/lib/esm/components/Suggestions/Suggestions.js

@@ -45,14 +45,14 @@ export default function Suggestions(props) {
         }
     };
     return (React.createElement("div", { className: "top-content-suggestion-accordion" },
-        showTitleDescription && (React.createElement("div", { className: "card card-support" },
+        showTitleDescription && (React.createElement("div", { className: "card card-support top-content-card-wrapper" },
             !isTCSearchEnabled && (React.createElement("h3", { className: "card-heading popular-solutions green-card-heading" },
                 props.title
                     ? props.title
                     : t('i18nKeyPopularSolutions', 'Red Hat hand picked support articles'),
                 React.createElement(Tooltip, { content: React.createElement("div", null,
                         React.createElement(Trans, null, "Support articles are matched to the product and version details you selected, not the problem details you entered.")) },
-                    React.createElement(InfoCircleIcon, { className: "pf-v5-u-ml-sm", "aria-label": t('More info about how support articles are matched') })))),
+                    React.createElement(InfoCircleIcon, { className: "pf-v6-u-ml-sm", "aria-label": t('More info about how support articles are matched') })))),
             isTCSearchEnabled && (React.createElement("div", { className: "card-body" },
                 React.createElement(TopContentSearch, { topContentData: topContent.data, topContentResultsWrapperRef: accordionRef, onSearch: onSearchChange, dataTrackingId: "top-content-filter-troubleshoot", enableEventTracking: true }))))),
         React.createElement("pfe-accordion", { ref: accordionRef }, map(filteredTC.slice(0, maxTC), (sug, index) => {

package/lib/esm/components/Suggestions/TopContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Suggestions/TopContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,2DAA2D,CAAC;AAIxF,OAAO,KAAmB,MAAM,OAAO,CAAC;AASxC,UAAU,MAAM;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,qBA8I/C"}
+{"version":3,"file":"TopContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Suggestions/TopContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,2DAA2D,CAAC;AAIxF,OAAO,KAAmB,MAAM,OAAO,CAAC;AASxC,UAAU,MAAM;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,qBAsI/C"}

package/lib/esm/components/Suggestions/TopContent.js

@@ -44,22 +44,22 @@ export default function TopContent(props) {
         }));
     };
     return (React.createElement(React.Fragment, null, props.helperText ? (React.createElement(Tooltip, { content: React.createElement("div", null, props.helperText) },
-        React.createElement(Accordion, { isBordered: true },
-            React.createElement(AccordionItem, null,
+        React.createElement(Accordion, { className: "top-content-accordion" },
+            React.createElement(AccordionItem, { isExpanded: expanded === `${props.topContentIndex}` },
                 React.createElement(AccordionToggle, { onClick: () => {
                         onToggle(`${props.topContentIndex}`);
-                    }, isExpanded: expanded === `${props.topContentIndex}`, "data-tracking-id": `top-content-accordion-header-${props.topContentIndex}`, id: `${props.topContentIndex}` },
+                    }, "data-tracking-id": `top-content-accordion-header-${props.topContentIndex}`, id: `${props.topContentIndex}` },
                     React.createElement("h3", null, props.name)),
-                React.createElement(AccordionContent, { id: `${props.topContentIndex}`, isHidden: expanded !== `${props.topContentIndex}` },
+                React.createElement(AccordionContent, { id: `${props.topContentIndex}` },
                     React.createElement("ul", { className: "list-flushleft", style: { listStyleType: 'disc' } }, map(props.items, (item, i) => (React.createElement("li", { key: i + item.contentTitle },
                         React.createElement("p", null,
-                            React.createElement("a", { className: "se-recommended ts-top-problems", "data-tracking-id": "se-recommended-top-content", onClick: onLinkClick(item), href: `${item.contentUrl}?${RouteUtils.getSEResourceQueryParams(props.seSessionId, props.seResourceOriginID, SessionResourceSource.TOP_CONTENT)}`, target: "_blank", rel: "noopener noreferrer" }, item.contentTitle))))))))))) : (React.createElement(Accordion, { isBordered: true },
-        React.createElement(AccordionItem, null,
+                            React.createElement("a", { className: "se-recommended ts-top-problems", "data-tracking-id": "se-recommended-top-content", onClick: onLinkClick(item), href: `${item.contentUrl}?${RouteUtils.getSEResourceQueryParams(props.seSessionId, props.seResourceOriginID, SessionResourceSource.TOP_CONTENT)}`, target: "_blank", rel: "noopener noreferrer" }, item.contentTitle))))))))))) : (React.createElement(Accordion, null,
+        React.createElement(AccordionItem, { isExpanded: expanded === `${props.topContentIndex}` },
             React.createElement(AccordionToggle, { onClick: () => {
                     onToggle(`${props.topContentIndex}`);
-                }, isExpanded: expanded === `${props.topContentIndex}`, "data-tracking-id": `top-content-accordion-header-${props.topContentIndex}`, id: `${props.topContentIndex}` },
+                }, "data-tracking-id": `top-content-accordion-header-${props.topContentIndex}`, id: `${props.topContentIndex}` },
                 React.createElement("h3", null, props.name)),
-            React.createElement(AccordionContent, { id: `${props.topContentIndex}`, isHidden: expanded !== `${props.topContentIndex}` },
+            React.createElement(AccordionContent, { id: `${props.topContentIndex}` },
                 React.createElement("ul", { className: "list-flushleft", style: { listStyleType: 'disc' } }, map(props.items, (item, i) => (React.createElement("li", { key: i + item.contentTitle },
                     React.createElement("p", null,
                         React.createElement("a", { className: "se-recommended ts-top-problems", "data-tracking-id": "se-recommended-top-content", onClick: onLinkClick(item), href: `${item.contentUrl}?${RouteUtils.getSEResourceQueryParams(props.seSessionId, props.seResourceOriginID, SessionResourceSource.TOP_CONTENT)}`, target: "_blank", rel: "noopener noreferrer" }, item.contentTitle))))))))))));

package/lib/esm/components/TroubleshootSection/TroubleshootSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TroubleshootSection.d.ts","sourceRoot":"","sources":["../../../../src/components/TroubleshootSection/TroubleshootSection.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAU1C,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AASD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAyFzC;kBAzFQ,mBAAmB;;;AA4F5B,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"TroubleshootSection.d.ts","sourceRoot":"","sources":["../../../../src/components/TroubleshootSection/TroubleshootSection.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAU1C,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AASD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAoFzC;kBApFQ,mBAAmB;;;AAuF5B,eAAe,mBAAmB,CAAC"}

package/lib/esm/components/TroubleshootSection/TroubleshootSection.js

@@ -1,4 +1,4 @@
-import { Card, CardBody, CardHeader, CardTitle, Tooltip } from '@patternfly/react-core';
+import { Card, CardBody, CardHeader, Tooltip } from '@patternfly/react-core';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import { ErrorBoundary, LoadingDots } from '@rh-support/components';
 import { PreviousCaseTypes } from '@rh-support/utils';
@@ -37,27 +37,26 @@ function TroubleshootSection(props) {
     return (React.createElement(React.Fragment, null,
         React.createElement("section", null,
             React.createElement("header", null,
-                React.createElement("p", { className: "pf-v5-u-pt-md" },
-                    React.createElement("span", { className: "pf-v5-u-font-family-heading pf-v5-u-pr-xs" }, t('Product')),
+                React.createElement("p", { className: "pf-v6-u-pt-md" },
+                    React.createElement("span", { className: "pf-v6-u-font-family-heading pf-v6-u-pr-xs" }, t('Product')),
                     " ",
                     product),
                 React.createElement("p", null,
-                    React.createElement("span", { className: "pf-v5-u-font-family-heading pf-v5-u-pr-xs" }, t('Version')),
+                    React.createElement("span", { className: "pf-v6-u-font-family-heading pf-v6-u-pr-xs" }, t('Version')),
                     version)),
             !isCreatingCase && (React.createElement(OpenShiftClusterId, { className: "push-bottom", "data-tracking-id": "troubleshoot-section-openshift-cluster-id" })),
             React.createElement(LoadingDots, { show: topContent.isFetching }),
-            topContent.data.length === 0 && (React.createElement(Card, { id: "card", className: "card-support top-recommendations pf-v5-u-mb-md", isCompact: true },
-                React.createElement(CardHeader, { "aria-label": t('Red Hat hand picked support articles'), className: "popular-solutions" },
-                    React.createElement(CardTitle, { id: "card-title", className: "card-title" },
-                        React.createElement(Trans, { i18nKey: 'i18nKeyPopularSolutions' }, "Red Hat hand picked support articles"),
-                        React.createElement(Tooltip, { content: React.createElement("div", null,
-                                React.createElement(Trans, null, "Support articles are matched to the product and version details you selected, not the problem details you entered.")) },
-                            React.createElement(InfoCircleIcon, { className: "pf-v5-u-ml-sm", "aria-label": "More info about how support articles are matched" })))),
-                React.createElement(CardBody, { "aria-label": t('No recommendations for this product'), className: "file-recs-no-recommendation pf-v5-u-mt-md" },
+            topContent.data.length === 0 && (React.createElement(Card, { id: "card", className: "pf-v6-u-mb-md" },
+                React.createElement(CardHeader, { id: "card-title" },
+                    React.createElement(Trans, { i18nKey: 'i18nKeyPopularSolutions' }, "Red Hat hand picked support articles"),
+                    React.createElement(Tooltip, { content: React.createElement("div", null,
+                            React.createElement(Trans, null, "Support articles are matched to the product and version details you selected, not the problem details you entered.")) },
+                        React.createElement(InfoCircleIcon, { className: "pf-v6-u-ml-sm", "aria-label": "More info about how support articles are matched" }))),
+                React.createElement(CardBody, { "aria-label": t('No recommendations for this product'), className: "file-recs-no-recommendation pf-v6-u-mt-md" },
                     React.createElement(Trans, null, "No recommendations for this product")))),
             React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading suggestions') } }, canShowTopContent && !isEmpty(version) && React.createElement(Suggestions, null)),
-            !isCreatingCase && React.createElement(ClusterRecommendations, { className: "pf-v5-u-mt-lg" })),
-        React.createElement("section", { className: "pf-v5-u-mt-lg" }, isNotAnIdea && (React.createElement(InsightsResults, { isDisplayOnMain: true, "data-tracking-id": "troubleshoot-section-file-recs" })))));
+            !isCreatingCase && React.createElement(ClusterRecommendations, { className: "pf-v6-u-mt-lg" })),
+        React.createElement("section", { className: "pf-v6-u-mt-lg" }, isNotAnIdea && (React.createElement(InsightsResults, { isDisplayOnMain: true, "data-tracking-id": "troubleshoot-section-file-recs" })))));
 }
 TroubleshootSection.defaultProps = defaultProps;
 export default TroubleshootSection;

package/lib/esm/components/UpdateSeverityModal/UpdateSeverityModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UpdateSeverityModal.d.ts","sourceRoot":"","sources":["../../../../src/components/UpdateSeverityModal/UpdateSeverityModal.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAAmE,MAAM,OAAO,CAAC;AAgBxF,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAqlBxD"}
+{"version":3,"file":"UpdateSeverityModal.d.ts","sourceRoot":"","sources":["../../../../src/components/UpdateSeverityModal/UpdateSeverityModal.tsx"],"names":[],"mappings":"AAmCA,OAAO,KAAmE,MAAM,OAAO,CAAC;AAgBxF,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAqlBxD"}

package/lib/esm/components/UpdateSeverityModal/UpdateSeverityModal.js

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { publicApi } from '@cee-eng/hydrajs';
-import { Button, Dropdown, DropdownItem, DropdownList, Flex, FlexItem, MenuToggle, Modal, Spinner, TextArea, } from '@patternfly/react-core';
+import { Button, Dropdown, DropdownItem, DropdownList, Flex, FlexItem, MenuToggle, Modal, ModalBody, ModalFooter, ModalHeader, Spinner, TextArea, } from '@patternfly/react-core';
 import { ToastNotification, useFetch } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
 import { autoEnableFtsOnCaseViewEditPage, isFtsEditableOnEditPage, isSev1, PreviousCaseTypes, severitySort, showFtsOnCreateCasePage, } from '@rh-support/utils';
@@ -298,13 +298,6 @@ export default function UpdateSeverityModal(props) {
     };
     // To disable submit button wrt above conditions
     const isSubmitButtonDisabled = checkIsUpdateValid() && isTextAreaValid() ? false : true;
-    // Update severity modal buttons
-    const modalActions = [
-        React.createElement(Button, { key: "submit", variant: "primary", onClick: onSubmit, isLoading: isCaseUpdating || isPostingComment, "data-tracking-id": "update-severity-submit", isDisabled: !isUpdateClickedToShowError && checkIsUpdateValid()
-                ? false
-                : isSubmitButtonDisabled || isCaseUpdating || isPostingComment }, t('Update')),
-        React.createElement(Button, { key: "back", variant: "link", onClick: onCancel, "data-tracking-id": "update-severity-cancel", isDisabled: isCaseUpdating || isPostingComment }, t('Cancel')),
-    ];
     // To handle the severity change
     const onSeverityChange = (event, option) => {
         if (canEditCase.alert())
@@ -378,7 +371,7 @@ export default function UpdateSeverityModal(props) {
     const modalBody = () => {
         return (React.createElement(React.Fragment, null,
             React.createElement("form", { "aria-label": t('form') },
-                React.createElement("div", { className: "form-group pf-v5-u-mt-xs" },
+                React.createElement("div", { className: "form-group pf-v6-u-mt-xs" },
                     React.createElement("div", { className: "get-support-severity-modal" },
                         React.createElement(Dropdown, { id: "get-support-severity-modal", "data-tracking-id": "get-support-severity-modal", isOpen: isOpen, onSelect: onSeverityChange, onOpenChange: (isOpen) => setIsOpen(isOpen), toggle: (toggleRef) => (React.createElement(MenuToggle, { className: "get-support-severity-modal-text", ref: toggleRef, isFullWidth: true, onClick: onToggleClick, isExpanded: isOpen, status: allCaseSeverities.isError || isSeverityInValid ? 'danger' : undefined, isDisabled: allCaseSeverities.isError ||
                                     isDisabled ||
@@ -393,30 +386,41 @@ export default function UpdateSeverityModal(props) {
                                 ? filteredSeverities.map((option) => (React.createElement(DropdownItem, { value: option, key: option.name, description: option.additionalInfo }, option.label)))
                                 : []))),
                     React.createElement("div", null,
-                        React.createElement("label", { htmlFor: "date-input", className: "pf-v5-u-mt-md" },
+                        React.createElement("label", { htmlFor: "date-input", className: "pf-v6-u-mt-md" },
                             React.createElement(Trans, null, "Describe update"),
                             React.createElement("span", { className: "form-required", "aria-hidden": "true" }, "*")),
                         React.createElement(TextArea, { placeholder: t('How has the business impact changed? If you have increased severity, please explain why.'), isDisabled: (caseOverviewState.caseSeverityUpdating && isCaseUpdating) ||
                                 isPostingComment ||
                                 !checkIsUpdateValid(), value: descriptionValue, onChange: (_event, value) => handleTextAreaChange(value), resizeOrientation: "vertical", "aria-label": "severity-update-descritpion", validated: isEmpty(descriptionValue) && isUpdateClickedToShowError ? 'error' : 'default', isRequired: true }),
-                        React.createElement("div", { className: "pf-v5-u-mt-xs" },
+                        React.createElement("div", { className: "pf-v6-u-mt-xs" },
                             React.createElement(Trans, null, "To view your comment, go to the Discussion tab."))),
-                    !isIdea && isFtsEditable && (React.createElement("div", { className: "pf-v5-u-mt-md pf-v5-u-mb-sm" },
+                    !isIdea && isFtsEditable && (React.createElement("div", { className: "pf-v6-u-mt-md pf-v6-u-mb-sm" },
                         React.createElement("div", null,
                             React.createElement("input", { type: "checkbox", id: "update-severity-fts", "data-tracking-id": "update-severity-fts", name: "update-severity-fts", checked: localFts, onChange: onFtsChange }),
                             React.createElement("label", { htmlFor: "update-severity-fts" },
                                 React.createElement(Trans, null, "24x7 Support"))),
                         localFts && (React.createElement("div", null,
-                            React.createElement("label", { htmlFor: "update-severity-24-7-contact", className: "pf-v5-u-mt-xs" },
+                            React.createElement("label", { htmlFor: "update-severity-24-7-contact", className: "pf-v6-u-mt-xs" },
                                 React.createElement(Trans, null, "Contact for 24x7 support")),
                             React.createElement("div", null,
                                 React.createElement("input", { type: "checkbox", id: "update-severity-same-as-case-owner-phone", name: "update-severity-same-as-case-owner-phone", "data-tracking-id": "update-severity-same-as-case-owner-phone", checked: ftsContactSameAsOwner, onChange: onSetContactSameAsOwner }),
-                                React.createElement("label", { htmlFor: "update-severity-same-as-case-owner-phone", className: "pf-v5-u-font-weight-normal pf-v5-u-font-size-md" },
+                                React.createElement("label", { htmlFor: "update-severity-same-as-case-owner-phone", className: "pf-v6-u-font-weight-normal pf-v6-u-font-size-md" },
                                     React.createElement(Trans, null, "Same as case owner's phone number"))),
                             React.createElement(TextArea, { isDisabled: !localFts || ftsContactSameAsOwner, value: localFtsContact, onChange: onFtsContactChange, resizeOrientation: "vertical", "aria-label": "update-severity-24-7-contact", id: "update-severity-24-7-contact", "data-tracking-id": "update-severity-24-7-contact", rows: 2, placeholder: t('Enter 24x7 contact details') }),
-                            React.createElement("p", { className: "pf-v5-u-mt-xs" },
+                            React.createElement("p", { className: "pf-v6-u-mt-xs" },
                                 React.createElement(Trans, null, "Please provide contact information where we can reach you at any time"))))))))));
     };
     // Main modal and its headings
-    return (React.createElement(Modal, { title: t('Update severity'), description: t('Describing your update helps us better assist you.'), isOpen: show, onClose: onCancel, actions: modalActions, style: { overflow: 'visible' }, tabIndex: 0 }, modalBody()));
+    return (React.createElement(Modal, { isOpen: show, onClose: onCancel, style: { overflow: 'visible' }, tabIndex: 0 },
+        React.createElement(ModalHeader, null,
+            React.createElement("h2", null,
+                React.createElement(Trans, null, "Update severity"))),
+        React.createElement(ModalBody, { className: "pf-v6-u-mt-0" },
+            React.createElement("p", { className: "pf-v6-u-text-color-subtle pf-v6-u-font-size-sm pf-v6-u-mb-md" }, t('Describing your update helps us better assist you.')),
+            modalBody()),
+        React.createElement(ModalFooter, null,
+            React.createElement(Button, { key: "submit", variant: "primary", onClick: onSubmit, isLoading: isCaseUpdating || isPostingComment, "data-tracking-id": "update-severity-submit", isDisabled: !isUpdateClickedToShowError && checkIsUpdateValid()
+                    ? false
+                    : isSubmitButtonDisabled || isCaseUpdating || isPostingComment }, t('Update')),
+            React.createElement(Button, { key: "back", variant: "link", onClick: onCancel, "data-tracking-id": "update-severity-cancel", isDisabled: isCaseUpdating || isPostingComment }, t('Cancel')))));
 }