@rh-support/troubleshoot 2.2.84 → 2.2.87

package/lib/esm/components/CaseEditView/ShareCase/PartnerShare.js

@@ -49,7 +49,7 @@ export function ShareWithPartner(props) {
             try {
                 const _partners = loggedInUserRights.data.isAccountSameAsLoggedInAccount(accountNumber)
                     ? accountManagers
-                    : yield accounts.getPartnerAccountsForACustomer(caseAccountNumber);
+                    : yield accounts.getPartnerAccountsForACustomer(caseAccountNumber, null, true);
                 const partners = get(_partners, 'data'); // to check
                 if (!isEmpty(partners)) {
                     const response = yield kase.access.getCaseAccessList(caseNumber);

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

@@ -1 +1 @@
-{"version":3,"file":"CaseOpenshiftClusterId.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseOpenshiftClusterId/CaseOpenshiftClusterId.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAqBvE,wBAAgB,sBAAsB,sBAmSrC"}
+{"version":3,"file":"CaseOpenshiftClusterId.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseOpenshiftClusterId/CaseOpenshiftClusterId.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAqBvE,wBAAgB,sBAAsB,sBAsSrC"}

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

@@ -75,7 +75,10 @@ export function CaseOpenshiftClusterId() {
             const hasCluster = yield isClusterIdEnabledForProduct(product, (_b = allProducts.data) === null || _b === void 0 ? void 0 : _b.productsResult);
             setShowClusterId(hasCluster);
             // when product changes from a product with cluster to a product without cluster, reset the clusterId
-            const IsProductHasChanged = previousProduct && previousProduct !== product;
+            const hasPreviousProduct = previousProduct !== undefined;
+            const hasCurrentProduct = product !== undefined;
+            //need to check if they are undefined as the data loads in and can cause eval against product version === undefined causing edge case to reset our cluster with logic as if product changed.
+            const IsProductHasChanged = hasPreviousProduct && hasCurrentProduct && previousProduct !== product;
             const isResetClusterID = (!hasCluster || isOpenShiftV3) && IsProductHasChanged;
             if (isResetClusterID) {
                 const caseDetails = {

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

@@ -1 +1 @@
-{"version":3,"file":"CaseDiscussion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseDiscussion.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,YAAY,EAA0B,MAAM,yCAAyC,CAAC;AAqB1G,OAAO,KAAoE,MAAM,OAAO,CAAC;AAwCzF,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,SAAS,EAAE,SAAS,EAAE,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAC/C,eAAe,EAAE,OAAO,CAAC;CAC5B;AAOD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM,qBAujBnD"}
+{"version":3,"file":"CaseDiscussion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseDiscussion.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,YAAY,EAA0B,MAAM,yCAAyC,CAAC;AAoB1G,OAAO,KAAoE,MAAM,OAAO,CAAC;AAwCzF,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,SAAS,EAAE,SAAS,EAAE,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAC/C,eAAe,EAAE,OAAO,CAAC;CAC5B;AAOD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM,qBA4iBnD"}

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

@@ -8,7 +8,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { caseAttachments } from '@cee-eng/hydrajs';
-import { Alert } from '@patternfly/react-core';
 import { AlertMessage, AlertType, Dropdown, ErrorBoundary, LoadingIndicator, MultiSelectDropDownList, ToastNotification, } from '@rh-support/components';
 import { useGlobalStateContext } from '@rh-support/react-context';
 import { AbilityContext, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
@@ -42,7 +41,6 @@ let cellMeasureCache = new CellMeasurerCache({
     defaultHeight: 100,
 });
 export default function CaseDiscussion(props) {
-    var _a;
     const { t } = useTranslation();
     const { isPostingRemoteRequestCommentCompleted, screenSessionRequested } = useCaseSelector((state) => ({
         isPostingRemoteRequestCommentCompleted: state.isPostingRemoteRequestCommentCompleted,
@@ -55,7 +53,7 @@ export default function CaseDiscussion(props) {
         (urlSearchParams === null || urlSearchParams === void 0 ? void 0 : urlSearchParams.chatId));
     const activeDiscussionElementRef = useRef(null);
     const { sort, discussionFiltersListState, allDiscussions, replyCommentText, replyCommentCreator } = useCaseDiscussionTabStateContext();
-    const { globalMetadataState: { loggedInUsersAccount, loggedInUserRights, navBarRef }, } = useGlobalStateContext();
+    const { globalMetadataState: { loggedInUsersAccount, navBarRef }, } = useGlobalStateContext();
     const dispatchDiscussion = useCaseDiscussionTabDispatchContext();
     const caseDispatch = useCaseDispatch();
     const { caseDetailsPageState: { caseFeedbacksHydra, caseAttachmentHydra, caseExternalTrackersUpdate }, } = useCaseDetailsPageStateContext();
@@ -330,14 +328,6 @@ export default function CaseDiscussion(props) {
     }, [isPostingRemoteRequestCommentCompleted]);
     return (React.createElement(React.Fragment, null,
         React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading post comment section') } },
-            ((_a = loggedInUserRights === null || loggedInUserRights === void 0 ? void 0 : loggedInUserRights.data) === null || _a === void 0 ? void 0 : _a.isInternal()) && (React.createElement(Alert, { variant: "warning", isInline: true, title: t('Critical reminder'), className: "pf-v5-u-mb-md" },
-                React.createElement("p", null,
-                    React.createElement(Trans, null,
-                        "Before posting any comments to a case ",
-                        React.createElement("b", null, "confirm"),
-                        " that your content and the case screen are for the ",
-                        React.createElement("b", null, "correct"),
-                        " customer case. This avoids accidental breaches of customer contracts and confidentiality obligations.")))),
             React.createElement(AttachmentContextProvider, null,
                 React.createElement(PostComment, { caseNumber: caseNumber, allDiscussions: allDiscussions, onCommentAdded: onCommentAdded, onAttachmentAdded: onAttachmentAdded, commentText: replyCommentText, onCommentClear: resetReplyComment, commentCreator: replyCommentCreator, defaultIsPublic: replyingToPrivateComment === null ? replyingToPrivateComment : !replyingToPrivateComment }))),
         React.createElement(LoadingIndicator, { className: "text-center", isInline: true, show: caseAttachmentHydra.isFetching ||

package/lib/esm/components/CaseInformation/OpenCaseIssue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OpenCaseIssue.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/OpenCaseIssue.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAQpD,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;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AASD,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,qBAkGnC;kBAlGQ,aAAa;;;AAqGtB,eAAe,aAAa,CAAC"}
+{"version":3,"file":"OpenCaseIssue.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/OpenCaseIssue.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAQpD,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;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AASD,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,qBAqGnC;kBArGQ,aAAa;;;AAwGtB,eAAe,aAAa,CAAC"}

package/lib/esm/components/CaseInformation/OpenCaseIssue.js

@@ -1,3 +1,4 @@
+import { Progress, ProgressMeasureLocation, ProgressSize } from '@patternfly/react-core';
 import { InlineEdit } from '@rh-support/components';
 import { PreviousCaseTypes } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
@@ -5,7 +6,7 @@ import React, { useContext, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { RouteContext } from '../../context/RouteContext';
-import { SUMMARY_LENGTH_LIMIT, summaryMaxLengthErrorMessage } from '../../reducers/CaseConstNTypes';
+import { SUMMARY_LENGTH_LIMIT } from '../../reducers/CaseConstNTypes';
 import { setCaseDetails } from '../../reducers/CaseReducer';
 const defaultProps = {
     initialIsEditing: false,
@@ -38,30 +39,25 @@ function OpenCaseIssue(props) {
         onCaseDetailsChange({ summary: summaryLocal });
         setIsSummaryInValid(isEmpty(summaryLocal === null || summaryLocal === void 0 ? void 0 : summaryLocal.trim()));
     };
-    const maxLengthErrorMessage = t(summaryMaxLengthErrorMessage, {
-        limit: SUMMARY_LENGTH_LIMIT,
-    });
     return (React.createElement(React.Fragment, null,
         React.createElement(InlineEdit, { labelProps: {
                 htmlFor: supportType === PreviousCaseTypes.FEATURE_ENHANCEMENT
                     ? 'get-support-title'
                     : 'get-support-summary',
             }, labelContent: React.createElement(React.Fragment, null,
-                React.createElement(Trans, null, supportType === PreviousCaseTypes.FEATURE_ENHANCEMENT ? 'Title' : 'Summary'),
+                React.createElement(Trans, null, supportType === PreviousCaseTypes.FEATURE_ENHANCEMENT ? 'Title' : 'Problem description'),
                 ' ',
                 !!props.required && (React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))), allowInlineEdit: props.inlineEditable, hideSaveCancel: !!props.hideSaveCancel, initialIsEditing: !!props.initialIsEditing, saveOnBlur: true, collapseOnBlur: !!props.collapseOnBlur && !isSummaryInValid, content: summary },
-            React.createElement("input", { type: "text", id: supportType === PreviousCaseTypes.FEATURE_ENHANCEMENT
+            React.createElement("textarea", { id: supportType === PreviousCaseTypes.FEATURE_ENHANCEMENT
                     ? 'get-support-title'
                     : 'get-support-summary', className: `form-control${isSummaryInValid || hasLargeSummary || (isNextBtnClickedToShowValidationError && !summary)
                     ? ' form-invalid'
                     : ''}`, "aria-invalid": isSummaryInValid, "aria-required": !!props.required, required: !!props.required, name: supportType === PreviousCaseTypes.FEATURE_ENHANCEMENT
                     ? 'get-support-title'
-                    : 'get-support-summary', placeholder: t('i18nkeySummarizeExperience', "Summarize what you're experiencing today"), value: summary, onChange: onSummaryChange, onBlur: onSummaryBlur, autoFocus: !!props.autoFocus, "data-tracking-id": supportType === PreviousCaseTypes.FEATURE_ENHANCEMENT
+                    : 'get-support-summary', placeholder: t('i18nkeySummarizeExperience', "Please describe the problem you are facing, including any specific steps you've taken or error messages."), value: summary, onChange: onSummaryChange, onBlur: onSummaryBlur, autoFocus: !!props.autoFocus, "data-tracking-id": supportType === PreviousCaseTypes.FEATURE_ENHANCEMENT
                     ? 'get-support-title'
-                    : 'get-support-summary' })),
-        (summary === null || summary === void 0 ? void 0 : summary.length) > SUMMARY_LENGTH_LIMIT && (React.createElement("div", { className: "pull-top" },
-            React.createElement("p", { className: "form-instructions form-invalid" },
-                React.createElement(Trans, null, maxLengthErrorMessage))))));
+                    : 'get-support-summary', rows: 6 }),
+            React.createElement(Progress, { value: summary === null || summary === void 0 ? void 0 : summary.length, min: 0, max: SUMMARY_LENGTH_LIMIT, size: ProgressSize.sm, label: `${summary === null || summary === void 0 ? void 0 : summary.length} / ${SUMMARY_LENGTH_LIMIT}`, valueText: `${summary === null || summary === void 0 ? void 0 : summary.length} / ${SUMMARY_LENGTH_LIMIT}`, measureLocation: ProgressMeasureLocation.outside }))));
 }
 OpenCaseIssue.defaultProps = defaultProps;
 export default OpenCaseIssue;

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

@@ -78,10 +78,10 @@ const AllProductsSelector = forwardRef((props, ref) => {
     const entitledProducts = filter(allProducts.data.productsResult, (p) => p.isEntitledProduct);
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: "form-group product-selector-wrapper" },
-            React.createElement("div", { className: "case-details-summary" },
-                React.createElement(OpenCaseIssue, { inlineEditable: false, required: true })),
             React.createElement("div", { className: "all-product-selector-dropdown" },
                 React.createElement(ProductVersionDropdownSelector, { isLoading: allProducts.isFetching, products: props.checkEntitledProduct ? entitledProducts : allProducts.data.productsResult, onProductChange: onProductChange, onVersionChange: onVersionChange, ref: ref }))),
+        React.createElement("div", { className: "case-details-summary" },
+            React.createElement(OpenCaseIssue, { inlineEditable: false, required: true })),
         React.createElement(AlertMessage, { isInline: true, variant: AlertType.DANGER, className: "pf-v5-u-mt-lg", title: t(`${loggedInUserRights.data.isSSOUsernameSameAsLoggedInUser(contactSSOName)
                 ? 'You are'
                 : 'Selected owner is'} not allowed to create case on this product.`), show: !allProducts.isFetching && props.checkEntitledProduct && !isEntitledProduct && !isEmpty(product) }),

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":"AAgBA,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;CACpD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,qBAsMzC"}
+{"version":3,"file":"AsideResults.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/AsideResults.tsx"],"names":[],"mappings":"AAgBA,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;CACpD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,qBA0MzC"}

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

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

package/lib/esm/components/Recommendations/RecommendationInfoBox.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const RecommendationInfoBox: () => React.JSX.Element;
+//# sourceMappingURL=RecommendationInfoBox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RecommendationInfoBox.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/RecommendationInfoBox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,eAAO,MAAM,qBAAqB,yBA6CjC,CAAC"}

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

@@ -0,0 +1,27 @@
+import { Accordion, AccordionContent, AccordionItem, AccordionToggle } from '@patternfly/react-core';
+import React, { useState } from 'react';
+import { Trans } from 'react-i18next';
+export const RecommendationInfoBox = () => {
+    const [isExpanded, setIsExpanded] = useState(true);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Accordion, { isBordered: true, asDefinitionList: false, className: "card card-white pf-v5-u-mt-md" },
+            React.createElement(AccordionItem, null,
+                React.createElement(AccordionToggle, { id: "recommendation-tips", isExpanded: isExpanded, onClick: () => setIsExpanded(!isExpanded) },
+                    React.createElement(Trans, null, "Tips for problem description fields")),
+                React.createElement(AccordionContent, { isHidden: !isExpanded },
+                    React.createElement("span", { className: "pf-v5-u-color-100" },
+                        React.createElement(Trans, null, "Include the following information in the description to expedite your case:")),
+                    React.createElement("ul", null,
+                        React.createElement("li", null,
+                            React.createElement(Trans, null, ". Problem")),
+                        React.createElement("li", null,
+                            React.createElement(Trans, null, ". Steps you've taken")),
+                        React.createElement("li", null,
+                            React.createElement(Trans, null, ". Error Messages"))),
+                    React.createElement("span", { className: "pf-v5-u-color-100" },
+                        React.createElement(Trans, null, "Examples:")),
+                    React.createElement("p", null,
+                        React.createElement(Trans, null, "\"we see error/message\", \"function taht is failing\"")),
+                    React.createElement("p", null,
+                        React.createElement(Trans, null, "I'm unable to start the SSHD service receiving the error message \"Bad yes/no argument for ShowPatchLevel parameter\"")))))));
+};

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

@@ -1 +1 @@
-{"version":3,"file":"Recommendations.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/Recommendations.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AAelE,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAUpF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBA2PpD"}
+{"version":3,"file":"Recommendations.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/Recommendations.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AAelE,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAWpF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBAqQpD"}

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

@@ -1,5 +1,5 @@
 import { pcm } from '@cee-eng/hydrajs';
-import { Pagination, PaginationVariant } from '@patternfly/react-core';
+import { Label, Pagination, PaginationVariant } from '@patternfly/react-core';
 import { LoadingDots, useDebounce, usePrevious } from '@rh-support/components';
 import { useGlobalStateContext } from '@rh-support/react-context';
 import { computeRecommendationAbstract, computeRecommendationTitle, formatDate, scrollIntoView, } from '@rh-support/utils';
@@ -20,6 +20,7 @@ import { fetchRecommendations, fetchWatsonXRecommendations, RecommendationsConst
 import { AppRouteSections } from '../../reducers/RouteConstNTypes';
 import { createOrUpdateSessionResources, getSessResFromRec, getSessResFromRecs, } from '../../reducers/SessionRestoreReducer';
 import RouteUtils from '../../utils/routeUtils';
+import { WatsonxAiIcon } from './WatsonxAiIcon';
 const { SessionResourceSource, SessionResourceVisibility } = pcm.preCase.session;
 export default function Recommendations(props) {
     var _a, _b, _c;
@@ -132,10 +133,13 @@ export default function Recommendations(props) {
         createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.RECOMMENDATIONS, [
             getSessResFromRec(doc, SessionResourceVisibility.VISITED, index + 1 + (pageSize || DEFAULTPAGESIZE) * ((recommendationState.currentPage || 1) - 1)),
         ], JSON.stringify(payload));
-    };
+    }; //
     return (React.createElement(React.Fragment, null,
-        React.createElement(LoadingDots, { show: recommendationState.isLoadingRecommendations && !isEmpty(summary) }),
-        React.createElement("div", { className: "recommendation-list pf-v5-u-mt-lg", ref: resultRowRef },
+        React.createElement(LoadingDots, { className: "recommendation-loading-dots", show: recommendationState.isLoadingRecommendations && !isEmpty(summary) }),
+        React.createElement("div", { className: "recommendation-list pf-v5-u-pt-md", ref: resultRowRef },
+            recommendationState.visibleDocs.length !== 0 && (React.createElement(Label, { color: "purple", className: "pf-v5-u-mb-md" },
+                React.createElement(WatsonxAiIcon, { fillColor: "#6753ac", className: "pf-v5-u-mb-sm" }),
+                "Live search results powered by Openshift AI")),
             React.createElement("ul", { className: "list-flat" }, map(recommendationState.visibleDocs, (doc, i) => {
                 var _a, _b;
                 return (React.createElement("li", { className: "result", key: doc.id },

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

@@ -0,0 +1,10 @@
+import React from 'react';
+interface IconProps {
+    width?: number;
+    height?: number;
+    fillColor?: string;
+    className?: string;
+}
+export declare const WatsonxAiIcon: (props: IconProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=WatsonxAiIcon.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,13 @@
+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" }))));
+};

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,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAQ,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAO7D,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAWlE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,qBAkU/C"}
+{"version":3,"file":"SubmitCase.d.ts","sourceRoot":"","sources":["../../../../src/components/SubmitCase/SubmitCase.tsx"],"names":[],"mappings":"AAeA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAQ,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAO7D,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAWlE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,qBAmU/C"}

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

@@ -78,6 +78,7 @@ export default function SubmitCase(props) {
     const onRemoteRiderClose = () => {
         setIsRemoteRiderBannerVisible(false);
     };
+    // conditions to show Remote Rider banner
     const showRemoteRiderBanner = isRemoteRiderBannerVisible &&
         !loggedInUser.data.isInternal &&
         showRemoteRiderTermsInline &&

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":"AAOA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAY1C,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,qBA4GzC;kBA5GQ,mBAAmB;;;AA+G5B,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"TroubleshootSection.d.ts","sourceRoot":"","sources":["../../../../src/components/TroubleshootSection/TroubleshootSection.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAY1C,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,qBAgHzC;kBAhHQ,mBAAmB;;;AAmH5B,eAAe,mBAAmB,CAAC"}

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

@@ -27,9 +27,10 @@ function TroubleshootSection(props) {
     const { t } = useTranslation();
     const { topContentState: { topContent }, } = useContext(TCStateContext);
     const { globalMetadataState: { loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
-    const { product, version, isCreatingCase, caseType } = useCaseSelector((state) => ({
+    const { product, version, summary, isCreatingCase, caseType } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
+        summary: state.caseDetails.summary,
         isCreatingCase: state.isCreatingCase,
         caseType: state.caseDetails.caseType,
     }), isEqual);
@@ -38,23 +39,27 @@ function TroubleshootSection(props) {
     const canAddAttachments = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.ATTACHMENTS);
     const isNotAnIdea = caseType !== PreviousCaseTypes.FEATURE_ENHANCEMENT;
     return (React.createElement(React.Fragment, null,
-        !isCreatingCase && (React.createElement(OpenShiftClusterId, { className: "push-bottom", "data-tracking-id": "troubleshoot-section-openshift-cluster-id" })),
         React.createElement("section", null,
             React.createElement("header", null,
-                React.createElement("h3", null,
-                    React.createElement("p", { className: "selected-product-suggestion" },
-                        t('Because you selected'),
-                        " ",
-                        React.createElement("b", null, product))),
-                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('Popular solutions and docs'), className: "popular-solutions" },
-                        React.createElement(CardTitle, { id: "card-title", className: "card-title" },
-                            React.createElement(Trans, { i18nKey: 'i18nKeyPopularSolutions' }, "Popular solutions and docs"))),
-                    React.createElement(CardBody, { "aria-label": t('No recommendations for this product'), className: "file-recs-no-recommendation pf-v5-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("p", { className: "pf-v5-u-pt-md" },
+                    React.createElement("span", { className: "pf-v5-u-font-family-heading pf-v5-u-pr-xs" }, "Product"),
+                    " ",
+                    product,
+                    React.createElement("span", { className: "pf-v5-u-font-family-heading pf-v5-u-ml-xl pf-v5-u-pr-xs" }, "Version"),
+                    ' ',
+                    version),
+                React.createElement("div", { className: "pf-v5-u-font-family-heading" }, "Problem Description"),
+                React.createElement("p", { className: "pf-v5-u-mb-xl" }, summary)),
+            !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('Popular solutions and docs'), className: "popular-solutions" },
+                    React.createElement(CardTitle, { id: "card-title", className: "card-title" },
+                        React.createElement(Trans, { i18nKey: 'i18nKeyPopularSolutions' }, "Popular solutions and docs"))),
+                React.createElement(CardBody, { "aria-label": t('No recommendations for this product'), className: "file-recs-no-recommendation pf-v5-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" })),
             React.createElement("div", { className: "pf-v5-u-mt-lg" }, canAddAttachments ? (React.createElement(FileDiag, null)) : (React.createElement(React.Fragment, null,

package/lib/esm/components/wizardLayout/WizardAside.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WizardAside.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardAside.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAInD,OAAO,EAGH,eAAe,EAIlB,MAAM,iCAAiC,CAAC;AAQzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,2BAA2B,EAAE,OAAO,CAAC;CACxC;AAGD,iBAAS,WAAW,CAAC,KAAK,EAAE,MAAM,qBA2CjC;kBA3CQ,WAAW;;;AA6CpB,eAAe,WAAW,CAAC"}
+{"version":3,"file":"WizardAside.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardAside.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAInD,OAAO,EAGH,eAAe,EAKlB,MAAM,iCAAiC,CAAC;AASzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,2BAA2B,EAAE,OAAO,CAAC;CACxC;AAGD,iBAAS,WAAW,CAAC,KAAK,EAAE,MAAM,qBA6CjC;kBA7CQ,WAAW;;;AA+CpB,eAAe,WAAW,CAAC"}

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

@@ -5,12 +5,13 @@ import isUndefined from 'lodash/isUndefined';
 import React, { useContext } from 'react';
 import { useCaseSelector } from '../../context/CaseContext';
 import { RouteContext } from '../../context/RouteContext';
-import { AppRouteSections, hideFileUploadSidebarWidgetSections, showSideBarClusterIdRuleWidgetSections, showSideBarEARuleWidgetSections, showSideBarFileRecommendationSections, } from '../../reducers/RouteConstNTypes';
+import { AppRouteSections, hideFileUploadSidebarWidgetSections, showRecommendationTipsSections, showSideBarClusterIdRuleWidgetSections, showSideBarEARuleWidgetSections, showSideBarFileRecommendationSections, } from '../../reducers/RouteConstNTypes';
 import { FileDiag } from '../CaseInformation/FileDiag';
 import { AsideResults } from '../Recommendations/AsideResults';
 import ClusterRecommendations from '../Recommendations/ClusterRecommendations';
 import { EARuleWidget } from '../Recommendations/EARules/EARuleWidget';
 import InsightsResults from '../Recommendations/InsightsResults';
+import { RecommendationInfoBox } from '../Recommendations/RecommendationInfoBox';
 import { SessionRestore } from '../SessionRestore';
 const defaultProps = {};
 function WizardAside(props) {
@@ -29,6 +30,7 @@ function WizardAside(props) {
     const canshowEARuleWidget = showSideBarEARuleWidgetSections.includes(activeSection);
     const canShowClusterIdReportWidget = showSideBarClusterIdRuleWidgetSections.includes(activeSection);
     const canShowFileRecommendationSectionsWidget = showSideBarFileRecommendationSections.includes(activeSection);
+    const canShowRecommendationTips = showRecommendationTipsSections.includes(activeSection);
     return (React.createElement("aside", null,
         React.createElement("section", { className: "grid-aside-content" },
             canshowEARuleWidget && React.createElement(EARuleWidget, null),
@@ -38,7 +40,8 @@ function WizardAside(props) {
             canShowFileRecommendationSectionsWidget && React.createElement(InsightsResults, { isDisplayOnMain: true }),
             React.createElement(ClusterRecommendations, { showClusterRecommendationsList: canShowClusterIdReportWidget }),
             canUseSessionManagement && !isCreatingCase && activeSection !== AppRouteSections.SUBMIT_CASE && (React.createElement(SessionRestore, { routeProps: props.routeProps })),
-            canShowFileUploadWidget() && React.createElement(FileDiag, { className: "pf-u-mt-md" }))));
+            canShowFileUploadWidget() && React.createElement(FileDiag, { className: "pf-v5-u-mt-md" }),
+            canShowRecommendationTips && React.createElement(RecommendationInfoBox, null))));
 }
 WizardAside.defaultProps = defaultProps;
 export default WizardAside;

package/lib/esm/css/app.css

@@ -423,3 +423,8 @@ input[type='checkbox'] {
 .form-control {
     box-shadow: none !important;
 }
+
+.recommendation-loading-dots {
+    position: absolute;
+    width: 100%;
+}

package/lib/esm/hooks/useWizard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWizard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useWizard.tsx"],"names":[],"mappings":"AA+BA,wBAAgB,SAAS,CAAC,UAAU,KAAA;iCAwNG,OAAO;EAwC7C"}
+{"version":3,"file":"useWizard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useWizard.tsx"],"names":[],"mappings":"AA+BA,wBAAgB,SAAS,CAAC,UAAU,KAAA;iCAyNG,OAAO;EAwC7C"}

package/lib/esm/hooks/useWizard.js

@@ -55,11 +55,11 @@ export function useWizard(routeProps) {
         [AppRouteSections.SUMMARIZE]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.SUMMARIZE, name: t('Summarize'), component: (React.createElement(MainSection, { section: AppRouteSections.SUMMARIZE, title: t('What are you having an issue with?') },
                 React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
                     alertMessage(),
-                    React.createElement(ProductSelector, { routeProps: routeProps })))), canJumpTo: isSectionValidFn(AppRouteSections.SUMMARIZE) || activeSection === AppRouteSections.SUMMARIZE }),
+                    React.createElement(ProductSelector, { routeProps: routeProps })))), canJumpTo: isSectionValidFn(AppRouteSections.SUMMARIZE) || activeSection === AppRouteSections.SUMMARIZE, nextButtonLabel: t('See more options') }),
         [AppRouteSections.TROUBLESHOOT]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.TROUBLESHOOT, name: t('Troubleshoot'), component: (React.createElement(MainSection, { section: AppRouteSections.TROUBLESHOOT, title: t('Recommendations') },
                 React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
                     alertMessage(),
-                    React.createElement(TroubleshootSection, null)))), canJumpTo: isSectionValidFn(AppRouteSections.TROUBLESHOOT) || activeSection === AppRouteSections.TROUBLESHOOT, nextButtonLabel: isCaseCreate ? t('Continue') : t('Get support') }),
+                    React.createElement(TroubleshootSection, null)))), canJumpTo: isSectionValidFn(AppRouteSections.TROUBLESHOOT) || activeSection === AppRouteSections.TROUBLESHOOT, nextButtonLabel: isCaseCreate ? t('Continue') : t('Convert to Case') }),
         [AppRouteSections.DESCRIBE_MORE]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.DESCRIBE_MORE, name: t('Describe more'), component: (React.createElement(MainSection, { section: AppRouteSections.DESCRIBE_MORE, title: React.createElement(React.Fragment, null,
                     t('Case information'),
                     isEmpty(RouteUtils.seBasePath) && isSelectedAccounntSecureSupport && (React.createElement("span", { className: "secured-support" },

package/lib/esm/reducers/RouteConstNTypes.d.ts

@@ -48,4 +48,5 @@ export declare const showSideBarClusterIdRuleWidgetSections: AppRouteSections[];
 export declare const showSideBarFileRecommendationSections: AppRouteSections[];
 export declare const hideSideBarClusterIdRuleToast: AppRouteSections[];
 export declare const hiddengetSupportSections: AppRouteSections[];
+export declare const showRecommendationTipsSections: AppRouteSections[];
 //# sourceMappingURL=RouteConstNTypes.d.ts.map

package/lib/esm/reducers/RouteConstNTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RouteConstNTypes.d.ts","sourceRoot":"","sources":["../../../src/reducers/RouteConstNTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAE/D,MAAM,WAAW,iBAAiB;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IAInB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAsB,SAAQ,UAAU;IACrD,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IAGjB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,sBAAsB;IACnC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAC;CACjD;AAED,MAAM,WAAW,eAAe;CAAG;AACnC,oBAAY,gBAAgB;IACxB,WAAW,gBAAgB;IAC3B,SAAS,cAAc;IACvB,YAAY,iBAAiB;IAC7B,aAAa,kBAAkB;IAC/B,aAAa,kBAAkB;IAC/B,UAAU,eAAe;IACzB,MAAM,WAAW;IACjB,WAAW,gBAAgB;IAC3B,KAAK,UAAU;CAClB;AAKD,eAAO,MAAM,4BAA4B,EAAE,gBAAgB,EAI1D,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,gBAAgB,EAK9D,CAAC;AAEF,eAAO,MAAM,iCAAiC,oBAQ7C,CAAC;AAEF,eAAO,MAAM,gCAAgC,oBAQ5C,CAAC;AAEF,eAAO,MAAM,4BAA4B,oBAQxC,CAAC;AAGF,eAAO,MAAM,0BAA0B,oBAAiC,CAAC;AAEzE,eAAO,MAAM,mCAAmC,oBAI/C,CAAC;AAEF,eAAO,MAAM,kCAAkC,oBAO9C,CAAC;AAEF,eAAO,MAAM,+BAA+B,oBAM3C,CAAC;AAEF,eAAO,MAAM,sCAAsC,oBAAyD,CAAC;AAE7G,eAAO,MAAM,qCAAqC,oBAAgE,CAAC;AAEnH,eAAO,MAAM,6BAA6B,oBAAiC,CAAC;AAE5E,eAAO,MAAM,wBAAwB,EAAE,gBAAgB,EAKtD,CAAC"}
+{"version":3,"file":"RouteConstNTypes.d.ts","sourceRoot":"","sources":["../../../src/reducers/RouteConstNTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAE/D,MAAM,WAAW,iBAAiB;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IAInB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAsB,SAAQ,UAAU;IACrD,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IAGjB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,sBAAsB;IACnC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAC;CACjD;AAED,MAAM,WAAW,eAAe;CAAG;AACnC,oBAAY,gBAAgB;IACxB,WAAW,gBAAgB;IAC3B,SAAS,cAAc;IACvB,YAAY,iBAAiB;IAC7B,aAAa,kBAAkB;IAC/B,aAAa,kBAAkB;IAC/B,UAAU,eAAe;IACzB,MAAM,WAAW;IACjB,WAAW,gBAAgB;IAC3B,KAAK,UAAU;CAClB;AAKD,eAAO,MAAM,4BAA4B,EAAE,gBAAgB,EAI1D,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,gBAAgB,EAK9D,CAAC;AAEF,eAAO,MAAM,iCAAiC,oBAQ7C,CAAC;AAEF,eAAO,MAAM,gCAAgC,oBAQ5C,CAAC;AAEF,eAAO,MAAM,4BAA4B,oBAQxC,CAAC;AAGF,eAAO,MAAM,0BAA0B,oBAAiC,CAAC;AAEzE,eAAO,MAAM,mCAAmC,oBAA+D,CAAC;AAEhH,eAAO,MAAM,kCAAkC,oBAO9C,CAAC;AAEF,eAAO,MAAM,+BAA+B,oBAM3C,CAAC;AAEF,eAAO,MAAM,sCAAsC,oBAAyD,CAAC;AAE7G,eAAO,MAAM,qCAAqC,oBAAgE,CAAC;AAEnH,eAAO,MAAM,6BAA6B,oBAAiC,CAAC;AAE5E,eAAO,MAAM,wBAAwB,EAAE,gBAAgB,EAKtD,CAAC;AAEF,eAAO,MAAM,8BAA8B,oBAA+B,CAAC"}

package/lib/esm/reducers/RouteConstNTypes.js

@@ -53,11 +53,7 @@ export const openCaseRouteSectionSequence = [
 ];
 // end of wizard steps sequences
 export const sessionRestoreCardSections = [AppRouteSections.GET_SUPPORT];
-export const hideFileUploadSidebarWidgetSections = [
-    AppRouteSections.GET_SUPPORT,
-    AppRouteSections.TROUBLESHOOT,
-    AppRouteSections.SUBMIT_CASE,
-];
+export const hideFileUploadSidebarWidgetSections = [AppRouteSections.GET_SUPPORT, AppRouteSections.SUBMIT_CASE];
 export const showSidebarRecommendationsSections = [
     AppRouteSections.TROUBLESHOOT,
     AppRouteSections.DESCRIBE_MORE,
@@ -82,3 +78,4 @@ export const hiddengetSupportSections = [
     AppRouteSections.MANAGEMENT,
     AppRouteSections.REVIEW,
 ];
+export const showRecommendationTipsSections = [AppRouteSections.SUMMARIZE];

package/lib/esm/scss/_main.scss

@@ -810,10 +810,12 @@ div.submit-case-header-container > p.kicker.kicker-sm.pf-v5-u-mb-sm > a.case-lin
 }
 
 .pf-v5-c-wizard__footer {
+    display: flex !important;
+    align-items: center !important;
     position: sticky;
     bottom: 0px;
     border-top: 1px solid #d9d9d9;
-    padding: 1rem 1rem 0.5rem 2rem;
+    padding: 10px;
 
     /* Override buttons to match PF */
     .btn.btn-app,
@@ -823,6 +825,17 @@ div.submit-case-header-container > p.kicker.kicker-sm.pf-v5-u-mb-sm > a.case-lin
     }
 }
 
+.pf-v5-c-wizard__footer::before {
+    content: '';
+    position: absolute;
+    top: -45px;
+    left: 0;
+    width: 100%;
+    bottom: 64px;
+    z-index: -1;
+    background: linear-gradient(to top, white, transparent);
+}
+
 .pf-v5-c-wizard__main {
     padding: 0.8rem;
 }
@@ -855,11 +868,6 @@ li.pf-v5-c-wizard__nav-item button.pf-m-disabled::before {
     border: 2px dashed var(--pf-v5-global--palette--black-600);
     background-color: var(--pf-v5-global--palette--black-300);
 }
-.pf-v5-c-wizard__footer {
-    display: flex !important;
-    align-items: center !important;
-    padding: 10px !important;
-}
 
 .main-nav-button {
     display: flex !important;

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

@@ -274,10 +274,6 @@
     list-style: none;
 }
 
-.selected-product-suggestion {
-    display: inline;
-}
-
 .popular-solutions {
     background-color: #286869 !important;
     padding-top: 10px !important;
@@ -320,6 +316,10 @@
     font-size: 15px;
 }
 
+.common-suggestions {
+    position: relative;
+}
+
 .common-suggestions .PFElement h3 button[aria-expanded='false']::after {
     top: 20px !important;
 }
@@ -467,10 +467,6 @@ div.case-details-summary {
     margin-bottom: 1.5rem;
 }
 
-div.suggestions-result-section {
-    margin-top: 2rem;
-}
-
 .all-product-selector-dropdown .pf-v5-c-select__menu-group-title:empty {
     display: none;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.2.84",
+    "version": "2.2.87",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -26,7 +26,7 @@
         "lib/**/*"
     ],
     "peerDependencies": {
-        "@cee-eng/hydrajs": "4.17.3",
+        "@cee-eng/hydrajs": "4.17.7",
         "@cee-eng/ui-toolkit": "1.1.6",
         "@patternfly/patternfly": "5.1.0",
         "@patternfly/react-core": "5.1.1",
@@ -52,7 +52,7 @@
         "react-virtualized": "^9.22.5"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "4.17.3",
+        "@cee-eng/hydrajs": "4.17.7",
         "@cee-eng/ui-toolkit": "1.1.6",
         "@patternfly/patternfly": "5.1.0",
         "@patternfly/react-core": "5.1.1",
@@ -61,11 +61,11 @@
         "@progress/kendo-licensing": "1.3.5",
         "@progress/kendo-react-pdf": "^5.16.0",
         "@redux-devtools/extension": "^3.3.0",
-        "@rh-support/components": "2.1.45",
-        "@rh-support/react-context": "2.1.50",
+        "@rh-support/components": "2.1.46",
+        "@rh-support/react-context": "2.1.51",
         "@rh-support/types": "2.0.3",
-        "@rh-support/user-permissions": "2.1.32",
-        "@rh-support/utils": "2.1.22",
+        "@rh-support/user-permissions": "2.1.33",
+        "@rh-support/utils": "2.1.23",
         "@types/react-redux": "^7.1.33",
         "@types/redux": "^3.6.0",
         "dompurify": "^2.2.6",
@@ -132,5 +132,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "81feae5875e3bd90298890a7516b43851f6628ed"
+    "gitHead": "77a16a73843997304f58e22ff3fa0b436c2a7344"
 }