@rh-support/troubleshoot 1.0.47-beta.47 → 1.0.47-beta.51

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

@@ -33,7 +33,7 @@ export function CaseInformation(props) {
             React.createElement(CaseHostname, { inlineEditable: true }),
             React.createElement("div", { className: "form-group" }, !canEditDescription ? (React.createElement(React.Fragment, null,
                 React.createElement("label", { htmlFor: "case-description" },
-                    React.createElement(Trans, null, "Descriptions")),
+                    React.createElement(Trans, null, "Description")),
                 React.createElement(MoreOrLess, { maxHeight: 600, appStickyHeaderRef: navBarRef },
                     React.createElement("pre", { id: "case-description" },
                         React.createElement("div", { dangerouslySetInnerHTML: linkifiedDescription(description) }))))) : (React.createElement(MoreOrLess, { maxHeight: 600, appStickyHeaderRef: navBarRef },

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

@@ -1 +1 @@
-{"version":3,"file":"Fts.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Fts.tsx"],"names":[],"mappings":"AAaA,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAQD,iBAAS,GAAG,CAAC,KAAK,EAAE,MAAM,eA8KzB;kBA9KQ,GAAG;;;AAiLZ,eAAe,GAAG,CAAC"}
+{"version":3,"file":"Fts.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Fts.tsx"],"names":[],"mappings":"AAkBA,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAQD,iBAAS,GAAG,CAAC,KAAK,EAAE,MAAM,eAkLzB;kBAlLQ,GAAG;;;AAqLZ,eAAe,GAAG,CAAC"}

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

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { InlineEdit, LoadingIndicator, TextAreaAutosize, ToastNotification, usePrevious } from '@rh-support/components';
 import { useCanEditCase } from '@rh-support/react-context';
-import { isFtsEditableOnEditPage, showFtsOnCaseViewEditPage, showFtsOnCreateCasePage } from '@rh-support/utils';
+import { isFtsEditableOnEditPage, PreviousCaseTypes, showFtsOnCaseViewEditPage, showFtsOnCreateCasePage, } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React, { useEffect, useState } from 'react';
@@ -26,13 +26,15 @@ const defaultProps = {
 function Fts(props) {
     const { t } = useTranslation();
     const caseUpdateError = useCaseUpdateErrorMessage();
-    const { fts, contactInfo24x7, caseNumber, severity, entitlementSla } = useCaseSelector((state) => ({
+    const { fts, contactInfo24x7, caseNumber, severity, entitlementSla, caseType } = useCaseSelector((state) => ({
         fts: state.caseDetails.fts,
         caseNumber: state.caseDetails.caseNumber,
         contactInfo24x7: state.caseDetails.contactInfo24x7,
         severity: state.caseDetails.severity,
         entitlementSla: state.caseDetails.entitlementSla,
+        caseType: state.caseDetails.caseType,
     }), isEqual);
+    const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
     const caseDispatch = useCaseDispatch();
     const oldFts = usePrevious(fts);
     const onCaseDetailsChange = (caseDetails) => {
@@ -125,7 +127,7 @@ function Fts(props) {
     });
     if (isEmpty(caseNumber) && !showFtsOnCreateCasePage(entitlementSla, severity))
         return React.createElement(React.Fragment, null);
-    if (!isEmpty(caseNumber) && !showFtsOnCaseViewEditPage(entitlementSla, severity))
+    if (!isEmpty(caseNumber) && (isIdea || !showFtsOnCaseViewEditPage(entitlementSla, severity)))
         return React.createElement(React.Fragment, null);
     // To disable save button if field is empty or is updating
     const isSaveDisabled = contactInfo24X7State === contactInfo24x7 || isFtsContactUpdating;

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

@@ -87,7 +87,7 @@ export default function SupportTypeSelectorPage() {
             icon: React.createElement(DocumentationIcon, null),
             oldSupportType: t(PreviousCaseTypes.USAGE_DOCUMENTATION_HELP),
             supportTypeHeading: t(NewCaseTypes.USAGE_DOCS_HELP),
-            supportTypeDescription: t('Get product help, or log a content issue'),
+            supportTypeDescription: t('Suggest or request an update to content'),
         },
         {
             id: 5,

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

@@ -4,15 +4,16 @@
 import { AlertGroup } from '@patternfly/react-core';
 import React, { useContext } from 'react';
 import { RouteContext } from '../../context/RouteContext';
-import { hideSideBarClusterIdRuleToast } from '../../reducers/RouteConstNTypes';
+import { hideSideBarClusterIdRuleToast, showSideBarCriticalSolutionsToast } from '../../reducers/RouteConstNTypes';
 import { ResubmitToast } from '../SubmitCase/ResubmitToast';
 import ClusterRecommendationToast from './ClusterRecommendationToast';
 import CriticalSolutionsToast from './CriticalSolutionsToast';
 const AlertToastWrapper = ({ submitCaseAndNavigate }) => {
     const { routeState: { activeSection }, } = useContext(RouteContext);
     const hideClusterIdReportModal = hideSideBarClusterIdRuleToast.includes(activeSection);
+    const showClusterRecommendation = showSideBarCriticalSolutionsToast.includes(activeSection);
     return (React.createElement(AlertGroup, { isToast: true },
-        React.createElement(CriticalSolutionsToast, null),
+        showClusterRecommendation && React.createElement(CriticalSolutionsToast, null),
         !hideClusterIdReportModal && React.createElement(ClusterRecommendationToast, null),
         React.createElement(ResubmitToast, { submitCaseAndNavigate: submitCaseAndNavigate })));
 };

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":"AAyBA,MAAM,CAAC,OAAO,UAAU,UAAU,gBAwPjC"}
+{"version":3,"file":"SubmitCase.d.ts","sourceRoot":"","sources":["../../../../src/components/SubmitCase/SubmitCase.tsx"],"names":[],"mappings":"AA2BA,MAAM,CAAC,OAAO,UAAU,UAAU,gBA+QjC"}

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

@@ -3,7 +3,7 @@ import { ActionList, ActionListItem, Button, Text, TextVariants } from '@pattern
 import CheckCircleIcon from '@patternfly/react-icons/dist/js/icons/check-circle-icon';
 import { AlertMessage, AlertType, useFetch } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
-import { getConfigField, getRedhatDotComHost, PCM_CONFIG_FIELD_TYPE } from '@rh-support/utils';
+import { getConfigField, getRedhatDotComHost, PCM_CONFIG_FIELD_TYPE, PreviousCaseTypes } from '@rh-support/utils';
 import find from 'lodash/find';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
@@ -11,6 +11,8 @@ import React, { useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';
 import { useCaseSelector } from '../../context/CaseContext';
+import { ClusterRecommendationsContext } from '../../context/ClusterRecommendationsContext';
+import { RulesStateContext } from '../../context/RulesContext';
 import { TCStateContext } from '../../context/TopContentContext';
 import { getIrtForSLAAndSeverity, getOrtForSLAAndSeverity } from '../../reducers/CaseHelpers';
 import RouteUtils from '../../utils/routeUtils';
@@ -18,14 +20,15 @@ import ClusterRecommendations from '../Recommendations/ClusterRecommendations';
 import InsightsResults from '../Recommendations/InsightsResults';
 import { RemoteRiderBanner } from '../RemoteRider/RemoteRiderBanner';
 import FileUploader from '../shared/fileUpload/FileUploader';
-import { isUploadingAttachment } from '../shared/fileUpload/reducer/AttachmentHelper';
+import { isUploadedAndAnalyzed, isUploadingAttachment } from '../shared/fileUpload/reducer/AttachmentHelper';
 import { AttachmentStateContext } from '../shared/fileUpload/reducer/AttachmentReducerContext';
 import Suggestions from '../Suggestions/Suggestions';
 export default function SubmitCase() {
-    const { entitlementSla, severity, caseNumber, version, versionsDetails, addNotifiedUserError, isCreatingCase, caseCreationError, caseCreationErrorMessage, selectedAccountDetails, } = useCaseSelector((state) => ({
+    const { entitlementSla, severity, caseNumber, caseType, version, versionsDetails, addNotifiedUserError, isCreatingCase, caseCreationError, caseCreationErrorMessage, selectedAccountDetails, } = useCaseSelector((state) => ({
         entitlementSla: state.caseDetails.entitlementSla,
         severity: state.caseDetails.severity,
         caseNumber: state.caseDetails.caseNumber,
+        caseType: state.caseDetails.caseType,
         version: state.caseDetails.version,
         versionsDetails: state.versionsDetails,
         addNotifiedUserError: state.addNotifiedUserError,
@@ -34,7 +37,10 @@ export default function SubmitCase() {
         caseCreationErrorMessage: state.caseCreationErrorMessage,
         selectedAccountDetails: state.selectedAccountDetails,
     }), isEqual);
+    const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
     const { topContentState: { topContent }, } = useContext(TCStateContext);
+    const { rulesState } = useContext(RulesStateContext);
+    const { clusterRecommendationsState: { clusterRecommendations }, } = useContext(ClusterRecommendationsContext);
     const { attachmentState } = useContext(AttachmentStateContext);
     const [isRemoteRiderBannerVisible, setIsRemoteRiderBannerVisible] = useState(true);
     const { globalMetadataState: { loggedInUser, loggedInUsersAccount, pcmConfig }, } = useContext(GlobalMetadataStateContext);
@@ -69,7 +75,9 @@ export default function SubmitCase() {
     const showRemoteRiderBanner = isRemoteRiderBannerVisible &&
         !loggedInUser.data.isInternal &&
         showRemoteRiderTermsInline &&
-        !selectedAccountDetails.data.remoteSessionTermsAcked;
+        !selectedAccountDetails.data.remoteSessionTermsAcked &&
+        !isIdea;
+    const viewCaseDisabled = attachmentState.caseFiles.selectedLocalFiles.every((localFile) => !isUploadedAndAnalyzed(localFile));
     return (React.createElement(React.Fragment, null,
         React.createElement(AlertMessage, { className: "push-top", title: t('Failed to add user.'), variant: AlertType.DANGER, show: addNotifiedUserError }),
         React.createElement(AlertMessage, { className: "push-top", variant: AlertType.DANGER, show: caseCreationError, title: t("Sorry, we're experiencing an error"), isInline: true },
@@ -83,20 +91,19 @@ export default function SubmitCase() {
                         React.createElement(CheckCircleIcon, { size: "lg" }),
                         ' ',
                         React.createElement(Text, { className: "pf-u-ml-md pf-u-mb-0", component: TextVariants.h1 },
-                            React.createElement(Trans, null, "We\u2019ve added your case to our queue"))),
+                            React.createElement(Trans, null, "We've added your case to our queue"))),
                     React.createElement("div", { className: "pf-u-mt-sm" },
                         React.createElement(Trans, null, "Case number:"),
                         "\u00A0",
-                        React.createElement(Link, { to: `/case/${caseNumber}`, "data-tracking-id": "get-support-queued-case-number" }, caseNumber)))) : (React.createElement(React.Fragment, null,
+                        React.createElement(Link, { to: `/case/${caseNumber}`, "data-tracking-id": "get-support-queued-case-number", className: viewCaseDisabled ? 'case-link-disabled' : '' }, caseNumber)))) : (React.createElement(React.Fragment, null,
                     React.createElement("div", { className: "submit-page-title" },
                         React.createElement(CheckCircleIcon, { size: "lg" }),
                         ' ',
                         React.createElement(Text, { component: TextVariants.h1 },
                             React.createElement(Trans, null, "We\u2019ve added your case to our queue"))),
-                    React.createElement("a", { href: getCaseURL(), target: "_blank", rel: "noopener noreferrer", "data-tracking-id": "get-support-case-number" },
+                    React.createElement(React.Fragment, null,
                         React.createElement(Trans, null, "Case number: "),
-                        " ",
-                        caseNumber)))),
+                        React.createElement("a", { href: getCaseURL(), target: "_blank", rel: "noopener noreferrer", "data-tracking-id": "get-support-case-number", className: viewCaseDisabled ? 'case-link-disabled' : '' }, caseNumber))))),
                 React.createElement("p", null,
                     !versionsDetails.isFetching &&
                         !versionsDetails.isFetching &&
@@ -123,13 +130,15 @@ export default function SubmitCase() {
                         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" }, "Update info")),
                         React.createElement(ActionListItem, null,
-                            React.createElement(Button, { className: "pf-u-ml-md", component: (props) => React.createElement(Link, Object.assign({}, props, { to: `/case/${caseNumber}` })), href: getCaseURL(), variant: "primary", "data-tracking-id": "get-support-view-case" }, "View case"))))),
+                            React.createElement(Button, { className: "pf-u-ml-md", component: (props) => React.createElement(Link, Object.assign({}, props, { to: `/case/${caseNumber}` })), href: getCaseURL(), variant: "primary", "data-tracking-id": "get-support-view-case", isDisabled: viewCaseDisabled }, "View case"))))),
             !isEmpty(attachmentState.caseFiles.selectedLocalFiles) && (React.createElement(FileUploader, { idToUploadTo: caseNumber, isSessionId: false, isSecureSupport: loggedInUsersAccount.data.secureSupport })),
             React.createElement("div", null,
-                !isEmpty(topContent.data) && (React.createElement(Text, { className: "pf-u-mt-2xl pf-u-font-weight-light", component: TextVariants.h2 },
+                (!isEmpty(topContent.data) || !rulesState.EARules.rules || !clusterRecommendations) &&
+                    !isIdea && (React.createElement(Text, { className: "pf-u-mt-2xl pf-u-font-weight-light", component: TextVariants.h2 },
                     React.createElement(Trans, null, "Troubleshoot this case"))),
-                React.createElement(InsightsResults, { isDisplayOnMain: true }),
+                React.createElement("div", { className: isIdea ? 'pf-u-mt-lg' : '' },
+                    React.createElement(InsightsResults, { isDisplayOnMain: true })),
                 React.createElement(ClusterRecommendations, { showClusterRecommendationsModal: false }),
-                !isEmpty(topContent.data) && (React.createElement(Suggestions, { title: "Product recommendations", showTitleDescription: true, showMax: 6 }))),
-            !isEmpty(attachmentState.caseFiles.selectedLocalFiles) && (React.createElement(FileUploader, { idToUploadTo: caseNumber, isSessionId: false, isSecureSupport: loggedInUsersAccount.data.secureSupport }))))));
+                !isEmpty(topContent.data) && (React.createElement("div", { className: "pf-u-mt-lg" },
+                    React.createElement(Suggestions, { title: isIdea ? t('Search recommendations') : t('Product recommendations'), showTitleDescription: true, showMax: 6 }))))))));
 }

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

@@ -44,7 +44,7 @@ export default function Suggestions(props) {
     return (React.createElement("div", null,
         showTitleDescription && (React.createElement("div", { className: "card card-support" },
             !isTCSearchEnabled && (React.createElement(Trans, null,
-                React.createElement("h3", { className: "card-heading popular-solutions" }, props.title ? 'Product recommendations' : 'Popular solutions and docs'))),
+                React.createElement("h3", { className: "card-heading popular-solutions" }, props.title ? props.title : 'Popular solutions and docs'))),
             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/TroubleshootSection/TroubleshootSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TroubleshootSection.d.ts","sourceRoot":"","sources":["../../../../src/components/TroubleshootSection/TroubleshootSection.tsx"],"names":[],"mappings":"AAcA,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,eAiDzC;kBAjDQ,mBAAmB;;;AAoD5B,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"TroubleshootSection.d.ts","sourceRoot":"","sources":["../../../../src/components/TroubleshootSection/TroubleshootSection.tsx"],"names":[],"mappings":"AAcA,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,eAmDzC;kBAnDQ,mBAAmB;;;AAsD5B,eAAe,mBAAmB,CAAC"}

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

@@ -33,11 +33,11 @@ function TroubleshootSection(props) {
             React.createElement(OpenShiftClusterId, null))),
         React.createElement("section", null,
             React.createElement("header", null,
-                React.createElement("h3", null,
+                topContent.data.length > 0 && (React.createElement("h3", null,
                     React.createElement(Trans, null,
                         "Because you selected",
                         ' ',
-                        React.createElement("p", { className: "pf-u-font-weight-bold selected-product-suggestion" }, product))),
+                        React.createElement("p", { className: "pf-u-font-weight-bold selected-product-suggestion" }, product)))),
                 React.createElement(LoadingDots, { show: topContent.isFetching }),
                 React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading suggestions') } }, canShowTopContent && !isEmpty(version) && React.createElement(Suggestions, null)),
                 !isCreatingCase && React.createElement(ClusterRecommendations, { className: "push-top" }))),

package/lib/esm/components/shared/fileUpload/FileLister.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileLister.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/fileUpload/FileLister.tsx"],"names":[],"mappings":"AA0BA,OAAO,EAAiB,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAGxE,eAAO,MAAM,qBAAqB,2FAAyC,CAAC;AAiB5E,UAAU,MAAM;IACZ,kBAAkB,EAAE,UAAU,EAAE,CAAC;IACjC,UAAU,EAAE,CAAC,eAAe,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACtG,YAAY,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACtE,OAAO,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,eAgQ/C"}
+{"version":3,"file":"FileLister.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/fileUpload/FileLister.tsx"],"names":[],"mappings":"AA6BA,OAAO,EAAiB,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAGxE,eAAO,MAAM,qBAAqB,2FAAyC,CAAC;AAiB5E,UAAU,MAAM;IACZ,kBAAkB,EAAE,UAAU,EAAE,CAAC;IACjC,UAAU,EAAE,CAAC,eAAe,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACtG,YAAY,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACtE,OAAO,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,eAiR/C"}

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

@@ -2,10 +2,13 @@ import { pcm } from '@cee-eng/hydrajs';
 import { Button, ButtonVariant, Label, Progress, ProgressMeasureLocation } from '@patternfly/react-core';
 import { CircularProgressbar } from '@rh-support/components';
 import { humanizeSize } from '@rh-support/utils';
-import { capitalize, isEmpty } from 'lodash';
+import capitalize from 'lodash/capitalize';
+import isEmpty from 'lodash/isEmpty';
+import isEqual from 'lodash/isEqual';
 import map from 'lodash/map';
 import React from 'react';
 import { Trans, useTranslation } from 'react-i18next';
+import { useCaseSelector } from '../../../context/CaseContext';
 import { isAnalysingFile, isAnalysisFailed, isFileDeleted, isUploadAborted, isUploadedAndAnalysisFailed, isUploadedAndAnalysisSkipped, isUploadedAndAnalyzed, isUploadFailed, isUploading, isUploadingAttachment, isUploadingOnCase, isUploadingOnSession, isUploadOnTrack, isVerifyingUpload, shouldHideDescription, } from './reducer/AttachmentHelper';
 import { FileStatusHelper } from './reducer/FileStatusHelper';
 export const CaseDiagnosticsStatus = pcm.preCase.diag.CaseDiagnosticsStatus;
@@ -32,10 +35,21 @@ export default function FileLister(props) {
         props.onFileEdit &&
             props.onFileEdit(editedLocalFile, indexToEdit, { description: editedLocalFile.description.trim() });
     };
+    const { summary } = useCaseSelector((state) => ({
+        summary: state.caseDetails.summary,
+    }), isEqual);
     // To retry file upload
     const onRetry = (index) => () => {
         props.onRetry && props.onRetry(index);
     };
+    const sosReportErrorText = (errorText) => {
+        const isSummaryEmpty = isEmpty(summary === null || summary === void 0 ? void 0 : summary.trim());
+        if (isSummaryEmpty) {
+            return t('please detail your issue summary first');
+        }
+        else
+            return errorText;
+    };
     const onRetryAnalysis = (index) => () => {
         props.onRetryAnalysis && props.onRetryAnalysis(index);
     };
@@ -124,9 +138,11 @@ export default function FileLister(props) {
                             React.createElement(Trans, null, "Try analyzing again.")))),
                     isUploadFailed(localFile.uploadProgress.uploadStatus) && (React.createElement("span", { className: "text-danger" },
                         React.createElement(Trans, null,
-                            "Upload Failed, ",
-                            localFile.uploadProgress.uploadErrorMessage,
-                            ". "),
+                            "Upload Failed,",
+                            ' ',
+                            sosReportErrorText(localFile.uploadProgress.uploadErrorMessage),
+                            ".",
+                            ' '),
                         React.createElement(Button, { onClick: onRetry(index), isInline: true, variant: ButtonVariant.link },
                             React.createElement(Trans, null, "Try again"))))));
             })),

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

@@ -25,5 +25,6 @@ export declare const showSideBarEARuleWidgetSections: AppRouteSections[];
 export declare const showSideBarClusterIdRuleWidgetSections: AppRouteSections[];
 export declare const showSideBarFileRecommendationSections: AppRouteSections[];
 export declare const hideSideBarClusterIdRuleToast: AppRouteSections[];
+export declare const showSideBarCriticalSolutionsToast: AppRouteSections[];
 export declare const hiddengetSupportSections: 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,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;IAIrB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,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;CAC9B;AAED,eAAO,MAAM,0BAA0B,oBAAiC,CAAC;AACzE,eAAO,MAAM,mCAAmC,oBAI/C,CAAC;AACF,eAAO,MAAM,kCAAkC,oBAO9C,CAAC;AAEF,eAAO,MAAM,+BAA+B,oBAK3C,CAAC;AAEF,eAAO,MAAM,sCAAsC,oBAIlD,CAAC;AAEF,eAAO,MAAM,qCAAqC,oBAAgE,CAAC;AAEnH,eAAO,MAAM,6BAA6B,oBAA0D,CAAC;AAErG,eAAO,MAAM,wBAAwB,EAAE,gBAAgB,EAKtD,CAAC"}
+{"version":3,"file":"RouteConstNTypes.d.ts","sourceRoot":"","sources":["../../../src/reducers/RouteConstNTypes.ts"],"names":[],"mappings":"AAAA,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;IAIrB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,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;CAC9B;AAED,eAAO,MAAM,0BAA0B,oBAAiC,CAAC;AACzE,eAAO,MAAM,mCAAmC,oBAI/C,CAAC;AACF,eAAO,MAAM,kCAAkC,oBAO9C,CAAC;AAEF,eAAO,MAAM,+BAA+B,oBAM3C,CAAC;AAEF,eAAO,MAAM,sCAAsC,oBAIlD,CAAC;AAEF,eAAO,MAAM,qCAAqC,oBAAgE,CAAC;AAEnH,eAAO,MAAM,6BAA6B,oBAA0D,CAAC;AACrG,eAAO,MAAM,iCAAiC,oBAA+B,CAAC;AAE9E,eAAO,MAAM,wBAAwB,EAAE,gBAAgB,EAKtD,CAAC"}

package/lib/esm/reducers/RouteConstNTypes.js

@@ -26,6 +26,7 @@ export const showSidebarRecommendationsSections = [
 export const showSideBarEARuleWidgetSections = [
     AppRouteSections.DESCRIBE_MORE,
     AppRouteSections.DESCRIBE_IDEA,
+    AppRouteSections.TROUBLESHOOT,
     AppRouteSections.MANAGEMENT,
     AppRouteSections.GET_SUPPORT,
 ];
@@ -36,6 +37,7 @@ export const showSideBarClusterIdRuleWidgetSections = [
 ];
 export const showSideBarFileRecommendationSections = [AppRouteSections.DESCRIBE_MORE, AppRouteSections.MANAGEMENT];
 export const hideSideBarClusterIdRuleToast = [AppRouteSections.REVIEW, AppRouteSections.SUBMIT_CASE];
+export const showSideBarCriticalSolutionsToast = [AppRouteSections.SUMMARIZE];
 export const hiddengetSupportSections = [
     AppRouteSections.TROUBLESHOOT,
     AppRouteSections.DESCRIBE_MORE,

package/lib/esm/reducers/RouteReducer.js

@@ -130,7 +130,7 @@ export function getAppRouteConfugurations(isCaseCreate, isIdea, product) {
         [AppRouteSections.DESCRIBE_IDEA]: Object.assign(Object.assign({}, defaultRouteConfiguration), { title: 'Idea information', stepName: 'Describe more', nextButtonLabel: 'Submit', disableOtherSections: false, previousSection: isCaseCreate ? AppRouteSections.SUMMARIZE : AppRouteSections.GET_SUPPORT, nextSection: isOpenshift ? null : AppRouteSections.SUBMIT_CASE, futureSections: [], hideAside: isOpenshift ? true : false }),
         [AppRouteSections.MANAGEMENT]: Object.assign(Object.assign({}, defaultRouteConfiguration), { title: 'Case management', stepName: 'Management', previousSection: AppRouteSections.DESCRIBE_MORE, nextSection: AppRouteSections.REVIEW, futureSections: [AppRouteSections.REVIEW] }),
         [AppRouteSections.REVIEW]: Object.assign(Object.assign({}, defaultRouteConfiguration), { title: 'Preview case', stepName: 'Review', nextButtonLabel: 'Submit', previousSection: AppRouteSections.MANAGEMENT, nextSection: AppRouteSections.SUBMIT_CASE, futureSections: [] }),
-        [AppRouteSections.SUBMIT_CASE]: Object.assign(Object.assign({}, defaultRouteConfiguration), { title: 'Case has been submitted', stepName: 'Submit', disableOtherSections: true, hideAside: false, showBackToSection: false, previousSection: null, showOpenCaseButton: false, showNewIssueButton: false, backToSection: AppRouteSections.GET_SUPPORT, backToSectionLabel: 'Back to open case', nextSection: null, futureSections: [] }),
+        [AppRouteSections.SUBMIT_CASE]: Object.assign(Object.assign({}, defaultRouteConfiguration), { title: 'Case has been submitted', stepName: 'Submit', disableOtherSections: true, hideAside: false, previousSection: null, showOpenCaseButton: false, showNewIssueButton: false, showBackToSection: true, backToSection: AppRouteSections.SUMMARIZE, backToSectionLabel: 'Back to open case', nextSection: null, futureSections: [] }),
     };
     return appRouteConfugurations;
 }

package/lib/esm/scss/_main.scss

@@ -1186,339 +1186,6 @@ div.support-grid-case-details.support-case {
         }
     }
 
-    /* Case details grid */
-    &.support-case {
-        display: -ms-flexbox;
-        display: flex;
-        -ms-flex-direction: row;
-        flex-direction: row;
-        margin-bottom: 0;
-
-        @media (min-width: 992px) {
-            -ms-flex-direction: row;
-            flex-direction: row;
-        }
-
-        .grid-main {
-            padding: 0rem;
-            min-height: 75vh;
-            width: 100%;
-            background-color: #f0f0f0;
-
-            .grid-main-section {
-                padding: 1rem;
-                background-color: #fff;
-
-                .case-overview-header {
-                    padding: 0.5rem;
-
-                    header {
-                        display: -ms-flexbox;
-                        display: flex;
-                        -ms-flex-direction: column;
-                        flex-direction: column;
-                        -ms-flex-align: center;
-                        align-items: center;
-                        margin-bottom: 0.6rem;
-
-                        .case-ID {
-                            .fake-disable {
-                                cursor: not-allowed;
-                                border-color: #d1d1d1;
-                                color: #8d8d8d;
-                            }
-                        }
-
-                        .pf-c-switch {
-                            display: -ms-flexbox;
-                            display: flex;
-                            align-items: center;
-                        }
-
-                        .pf-c-switch__label {
-                            padding-left: 0.6rem;
-                            font-size: 15px;
-
-                            & .pf-m-on {
-                                color: #06c;
-                            }
-                        }
-
-                        & > * {
-                            width: 100%;
-                            margin-bottom: 1rem;
-                        }
-                    }
-
-                    .case-details-header-secondary {
-                        display: -ms-flexbox;
-                        display: flex;
-                        -ms-flex-direction: column;
-                        flex-direction: column;
-
-                        .case-support-level a {
-                            font-size: initial;
-                        }
-
-                        .pf-c-button {
-                            font-size: 15px;
-                            margin-left: auto;
-
-                            svg {
-                                margin-left: 6px;
-                                font-size: 14px;
-                                vertical-align: -0.12em;
-                            }
-                        }
-
-                        & > * {
-                            width: 100%;
-                        }
-
-                        & > *:first-child {
-                            margin-bottom: 0.5rem;
-                        }
-
-                        & > *:last-child {
-                            text-align: left;
-                        }
-                    }
-                }
-
-                .case-overview-main {
-                    display: -ms-flexbox;
-                    display: flex;
-                    -ms-flex-direction: row;
-                    flex-direction: row;
-                    -ms-flex-pack: justify;
-                    justify-content: space-between;
-                    -ms-flex-wrap: wrap;
-                    flex-wrap: wrap;
-
-                    & > * {
-                        margin: 9px;
-                        flex-basis: 100%;
-
-                        &:last-child {
-                            padding-left: 0;
-                        }
-
-                        &:last-child {
-                            margin-bottom: 0;
-                            padding-right: 0;
-                        }
-
-                        & > h3 {
-                            font-size: 14px;
-                        }
-
-                        & > *:not(h3) {
-                            font-size: 14px;
-                            line-height: 2;
-                        }
-
-                        @media (min-width: 768px) {
-                            flex-basis: 45%;
-                        }
-
-                        @media (min-width: 1200px) {
-                            flex: 1 1 auto;
-                        }
-                    }
-
-                    .account > *:nth-child(2) {
-                        display: -ms-flexbox;
-                        display: flex;
-                        -ms-flex-align: center;
-                        align-items: center;
-
-                        .add-remove-bookmark {
-                            padding: 0px 12px;
-                        }
-                    }
-                }
-
-                .case-overview-secondary {
-                    .form-group {
-                        margin-bottom: 0;
-                    }
-                }
-
-                label {
-                    font-size: 14px;
-                }
-
-                @media (min-width: 768px) {
-                    padding: 2rem 1.8rem;
-
-                    .case-overview-header {
-                        padding: 0;
-
-                        header {
-                            -ms-flex-direction: row;
-                            flex-direction: row;
-                            -ms-flex-align: center;
-                            align-items: center;
-                            -ms-flex-pack: justify;
-                            justify-content: space-between;
-
-                            .pf-c-switch {
-                                margin-left: auto;
-                            }
-
-                            & > * {
-                                width: initial;
-                                margin-bottom: 0;
-                            }
-                        }
-
-                        .case-details-header-secondary {
-                            -ms-flex-direction: row;
-                            flex-direction: row;
-                            -ms-flex-align: center;
-                            align-items: center;
-                            -ms-flex-pack: justify;
-                            justify-content: space-between;
-
-                            & > * {
-                                width: initial;
-                            }
-
-                            & > *:first-child {
-                                width: initial;
-                                margin-bottom: 0;
-                            }
-                        }
-                    }
-                }
-            }
-
-            @media (min-width: 1200px) {
-                -ms-flex: 1 1 auto;
-                flex: 1 1 auto;
-            }
-        }
-
-        .grid-aside {
-            display: -ms-flexbox;
-            display: flex;
-            -ms-flex-direction: column;
-            flex-direction: column;
-            padding: 0;
-            max-width: 300px;
-
-            .grid-aside-content {
-                padding: 1rem 1.5rem !important;
-                height: 100%; // Warning: removing this will make the sidebar's content sticky
-                min-width: 300px;
-
-                @media (min-width: 992px) {
-                    min-width: 400px;
-                }
-
-                @media (min-width: 1200px) {
-                    min-width: 500px;
-                }
-
-                @media (min-width: 1450px) {
-                    min-width: 550px;
-                }
-
-                @media (min-width: 2000px) {
-                    min-width: 600px;
-                }
-
-                & > * {
-                    margin: 1rem 0 2rem;
-                }
-            }
-
-            .sidebar-header {
-                background-color: #dedede;
-                border-top: 1px solid #ccc;
-                border-bottom: 1px solid #ccc;
-
-                button {
-                    display: -ms-flexbox;
-                    display: flex;
-                    align-items: center;
-                    width: 100%;
-                    padding: 1.8rem 1.5rem;
-                    font-weight: 500;
-
-                    span {
-                        font-size: 1rem;
-                    }
-
-                    &:hover,
-                    &:focus {
-                        background-color: darken(#dedede, 5%);
-                    }
-                }
-            }
-
-            .sidebar-content {
-                background-color: #f0f0f0;
-            }
-
-            &.sidebar-collapsed {
-                button:first-of-type {
-                    margin-bottom: 0.4rem;
-                    padding: 1.8rem 1.5rem;
-                    background-color: #dedede;
-                    border-top: 1px solid #ccc;
-                    border-bottom: 1px solid #ccc;
-                }
-
-                button.sidebar-section-toggle-btn {
-                    padding: 1.6rem 1.5rem;
-                    color: #494c50;
-
-                    &:hover,
-                    &:focus {
-                        background-color: #dedede;
-                    }
-                }
-            }
-
-            @media (min-width: 992px) {
-                max-width: 400px;
-            }
-
-            @media (min-width: 1200px) {
-                -ms-flex: 0 1 auto;
-                flex: 0 1 auto;
-                max-width: 500px;
-            }
-
-            @media (min-width: 1450px) {
-                max-width: 550px;
-            }
-
-            @media (min-width: 2000px) {
-                -ms-flex: 0 1 auto;
-                flex: 0 1 auto;
-                max-width: 600px;
-            }
-        }
-
-        .pf-c-expandable-section__toggle {
-            width: 100%;
-            text-align: left;
-            background-color: #f0f0f0;
-            border: 1px solid #d2d2d2;
-            padding: 0.8rem 1rem;
-            font-size: 16px;
-        }
-
-        button:not(.close),
-        button:not(.pf-c-expandable-section__toggle),
-        .pf-c-button,
-        .btn.btn-app {
-            font-size: 14px;
-        }
-    }
-
     form h2,
     form h3,
     form h4,
@@ -1635,11 +1302,16 @@ div.support-grid-case-details.support-case {
     grid-template-rows: 1fr auto;
     grid-template-areas:
         'main'
-        'main';
+        'nav';
     min-height: 100vh;
     margin-bottom: -2.5rem;
     padding: 0;
 
+    /* Layout - progress section */
+    .grid-progress {
+        grid-area: progress;
+    }
+
     .grid-main {
         -ms-grid-row: 1;
         -ms-grid-column: 1;
@@ -1650,7 +1322,7 @@ div.support-grid-case-details.support-case {
         & > .grid-main-section.grid-main-active-section {
             padding: 1.5rem;
             outline: none;
-            min-height: 100vh;
+            min-height: 80vh;
 
             & > header {
                 margin-bottom: 2rem;
@@ -1663,7 +1335,30 @@ div.support-grid-case-details.support-case {
     }
 
     .grid-navigation {
-        display: none;
+        -ms-grid-row: 2;
+        -ms-grid-column: 1;
+        grid-area: nav;
+        position: -webkit-sticky;
+        position: sticky;
+        bottom: 0;
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        padding: 1rem;
+        background-color: #fff;
+        border: 1px solid #d9d9d9;
+        border-bottom: initial;
+        border-left: initial;
+        z-index: 999;
+
+        /* Layout - navigation section */
+        button:first-child {
+            margin-right: 1em;
+        }
+
+        button:last-child:not(.btn-primary) {
+            margin-left: auto;
+        }
     }
 
     .grid-aside {
@@ -1717,15 +1412,15 @@ div.support-grid-case-details.support-case {
         }
     }
 
-    /* Medium devices */
+    /* Medium devices - add progress */
     @media (min-width: 768px) {
         -ms-grid-columns: 85px 2fr;
         grid-template-columns: 85px 2fr;
         -ms-grid-rows: 1fr auto;
         grid-template-rows: 1fr auto;
         grid-template-areas:
-            'main main'
-            'main main';
+            'main'
+            'nav';
 
         .grid-main {
             -ms-grid-row: 1;
@@ -1740,11 +1435,13 @@ div.support-grid-case-details.support-case {
         }
 
         .grid-navigation {
-            display: none;
+            -ms-grid-row: 2;
+            -ms-grid-column: 2;
+            padding: 1rem 2rem;
         }
     }
 
-    /* Large devices */
+    /* Large devices - add aside */
     @media (min-width: 992px) {
         -ms-grid-columns: 85px auto 33%;
         grid-template-columns: 85px auto 33%;
@@ -1762,13 +1459,13 @@ div.support-grid-case-details.support-case {
         .grid-aside {
             -ms-grid-row: 1;
             -ms-grid-row-span: 2;
-            -ms-grid-column: 3;
+            -ms-grid-column: 2;
             display: inline-block;
         }
 
         .grid-main {
-            -ms-grid-row: 2;
-            -ms-grid-column: 2;
+            -ms-grid-row: 1;
+            -ms-grid-column: 1;
 
             & > .grid-main-section {
                 padding: 2.5rem 1.5rem;
@@ -1776,24 +1473,21 @@ div.support-grid-case-details.support-case {
         }
 
         .grid-navigation {
-            display: none;
+            -ms-grid-row: 2;
+            -ms-grid-column: 1;
         }
     }
 
-    /* XL devices */
+    /* XL devices - Add step names to progress section */
     @media (min-width: 1200px) {
         -ms-grid-columns: 245px 1fr 32%;
         grid-template-columns: 245px auto 32%;
     }
 
-    /* XXL devices */
+    /* XXL devices - Progress section fixed width */
     @media (min-width: 2000px) {
         -ms-grid-columns: 300px 1fr 33%;
         grid-template-columns: 300px auto 33%;
-
-        .grid-progress {
-            padding: 1rem;
-        }
     }
 
     form h2,
@@ -2088,3 +1782,11 @@ div.case-details-ref-number {
     }
     margin-bottom: 0 !important;
 }
+
+.case-link-disabled {
+    pointer-events: none;
+    a:link,
+    a:visited {
+        color: var(--pf-global--Color--100) !important;
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "1.0.47-beta.47",
+    "version": "1.0.47-beta.51",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -26,7 +26,7 @@
         "lib/**/*"
     ],
     "peerDependencies": {
-        "@cee-eng/hydrajs": "4.15.64",
+        "@cee-eng/hydrajs": "4.15.71",
         "@cee-eng/ui-toolkit": "1.1.6",
         "@patternfly/patternfly": "4.196.7",
         "@patternfly/pfe-accordion": "1.12.3",
@@ -63,7 +63,7 @@
         "react-virtualized": "^9.21.2"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "4.15.64",
+        "@cee-eng/hydrajs": "4.15.71",
         "@cee-eng/ui-toolkit": "1.1.6",
         "@patternfly/patternfly": "4.196.7",
         "@patternfly/pfe-accordion": "1.12.3",
@@ -73,11 +73,11 @@
         "@patternfly/react-core": "4.264.0",
         "@progress/kendo-drawing": "^1.6.0",
         "@progress/kendo-react-pdf": "^3.12.0",
-        "@rh-support/components": "1.2.22-beta.44",
-        "@rh-support/react-context": "1.0.30-beta.44",
+        "@rh-support/components": "1.2.22-beta.49",
+        "@rh-support/react-context": "1.0.30-beta.49",
         "@rh-support/types": "0.2.1-beta.33",
-        "@rh-support/user-permissions": "1.0.12-beta.34",
-        "@rh-support/utils": "1.0.10-beta.34",
+        "@rh-support/user-permissions": "1.0.12-beta.49",
+        "@rh-support/utils": "1.0.10-beta.39",
         "@types/react-redux": "^7.1.12",
         "@types/redux": "^3.6.0",
         "@webcomponents/webcomponentsjs": "^2.2.10",
@@ -145,5 +145,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "4130934e48ff1414eaafc75bb192f6895619c10e"
+    "gitHead": "f348358e36d49191d1c87d303579085ab1cbdcbc"
 }