@rh-support/troubleshoot 2.0.2-beta.0 → 2.0.4

package/lib/esm/components/CaseEditView/CaseOverview/index.js

@@ -173,7 +173,7 @@ export default function CaseOverview(props) {
             yield confirm({
                 catchOnCancel: true,
                 title: t(`Status has been changed`),
-                description: t('Are you sure you want to change this case status to {{status}}?', { newStatus }),
+                description: t('Are you sure you want to change this case status to {{newStatus}}?', { newStatus }),
             });
             updateStatusState(newStatus);
         }

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

@@ -152,7 +152,7 @@ export const CaseSolutions = forwardRef((props, ref) => {
             if (error.status === 403) {
                 ToastNotification.addDangerMessage(t('You do not have the proper entitlements to pin a recommendation.'), React.createElement(React.Fragment, null,
                     t('Please'),
-                    React.createElement("a", { href: "/support/contact/customerService.html" },
+                    React.createElement("a", { href: "/support/contact/customerService" },
                         " ",
                         t('contact Customer Service'),
                         " "),

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

@@ -1 +1 @@
-{"version":3,"file":"CaseGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/CaseGroup.tsx"],"names":[],"mappings":"AAmBA,UAAU,MAAM;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAWD,iBAAS,SAAS,CAAC,KAAK,EAAE,MAAM,eAyO/B;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"CaseGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/CaseGroup.tsx"],"names":[],"mappings":"AAmBA,UAAU,MAAM;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAWD,iBAAS,SAAS,CAAC,KAAK,EAAE,MAAM,eAsP/B;AAED,eAAe,SAAS,CAAC"}

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

@@ -32,13 +32,14 @@ const emptyCaseGroup = {
 function CaseGroup(props) {
     const { t } = useTranslation();
     const caseUpdateError = useCaseUpdateErrorMessage();
-    const { groupNumber, caseNumber, accountNumber, selectedAccountDetails, ownersCaseGroups, groupName } = useCaseSelector((state) => ({
+    const { groupNumber, caseNumber, accountNumber, selectedAccountDetails, ownersCaseGroups, groupName, isCaseOwnerUpdating, } = useCaseSelector((state) => ({
         caseNumber: state.caseDetails.caseNumber,
         groupNumber: state.caseDetails.groupNumber,
         accountNumber: state.caseDetails.accountNumberRef,
         ownersCaseGroups: state.ownersCaseGroups,
         selectedAccountDetails: state.selectedAccountDetails,
         groupName: state.caseDetails.groupName,
+        isCaseOwnerUpdating: state.isCaseOwnerUpdating,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
     const { routeState: { showValidationErrorAlert }, } = useContext(RouteContext);
@@ -168,7 +169,10 @@ function CaseGroup(props) {
             React.createElement(Trans, null, "Group"),
             React.createElement(ValueChangedIcon, { afterLocalChange: afterGroupLocalChange, comparator: groupComparator, isLocalChange: localGroupChange, value: selectedCaseGroup, getTooltipContent: getChangedValueTooltip(() => CaseValuesToWatch.group, (v) => v.name) }),
             isGroupMandatory && (React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))),
-        React.createElement(Dropdown, { id: "get-support-group", searchable: (ownersCaseGroups.data || []).length > 10, onClearSelection: onCaseGroupClear, name: "get-support-group", placeholder: t(`Select a group`), title: t(`Select a group`), list: computeDropdownList(), selectedItem: toOption(selectedCaseGroup, { labelKey: 'name' }), disabled: ownersCaseGroups.isError || ownersCaseGroups.isFetching || isCaseGroupUpdating, isLoadingList: ownersCaseGroups.isFetching || isCaseGroupUpdating, onChange: onCaseGroupChange, isInValid: ownersCaseGroups.isError || showEmptyValidationError || (caseNumber && isSelectedUngroupedInvalid), required: isGroupMandatory, onOuterClick: onOuterClickGroupCheck, "data-tracking-id": "get-support-group" }),
+        React.createElement(Dropdown, { id: "get-support-group", searchable: (ownersCaseGroups.data || []).length > 10, onClearSelection: onCaseGroupClear, name: "get-support-group", placeholder: t(`Select a group`), title: t(`Select a group`), list: computeDropdownList(), selectedItem: toOption(selectedCaseGroup, { labelKey: 'name' }), disabled: ownersCaseGroups.isError ||
+                ownersCaseGroups.isFetching ||
+                isCaseGroupUpdating ||
+                isCaseOwnerUpdating, isLoadingList: !isCaseOwnerUpdating && (ownersCaseGroups.isFetching || isCaseGroupUpdating), onChange: onCaseGroupChange, isInValid: ownersCaseGroups.isError || showEmptyValidationError || (caseNumber && isSelectedUngroupedInvalid), required: isGroupMandatory, onOuterClick: onOuterClickGroupCheck, "data-tracking-id": "get-support-group" }),
         caseNumber && isSelectedUngroupedInvalid && (React.createElement("p", { className: "form-instructions form-invalid" },
             React.createElement(Trans, null, "'Ungrouped Case' cannot be selected. Please select a group."))),
         showEmptyValidationError && isGroupMandatory && (React.createElement("p", { className: "form-instructions form-invalid" },

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

@@ -1 +1 @@
-{"version":3,"file":"NewProductVersionSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/NewProductVersionSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAKpE,UAAU,MAAM;IACZ,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,MAAM,CAAC;IACrB,wBAAwB,EAAE,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,yBAAyB,UAAW,MAAM,gBAiFtD,CAAC"}
+{"version":3,"file":"NewProductVersionSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/NewProductVersionSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAMpE,UAAU,MAAM;IACZ,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,MAAM,CAAC;IACrB,wBAAwB,EAAE,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,yBAAyB,UAAW,MAAM,gBA+EtD,CAAC"}

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

@@ -1,7 +1,9 @@
 import { Select, SelectGroup, SelectOption, SelectVariant } from '@patternfly/react-core';
 import isEmpty from 'lodash/isEmpty';
 import React, { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 export const NewProductVersionSelector = (props) => {
+    const { t } = useTranslation();
     const [isOpen, setIsOpen] = useState(false);
     const [selected, setSelected] = useState('');
     const [selectVersionOptions, setSelectVersionOptions] = React.useState([]);
@@ -31,9 +33,7 @@ export const NewProductVersionSelector = (props) => {
         renderVersions();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.selectedProduct]);
-    let options = [
-        React.createElement(SelectGroup, { label: "Version", key: "productVersions" }, selectVersionOptions),
-    ];
+    let options = [React.createElement(SelectGroup, { label: "Version", key: "productVersions" }), ...selectVersionOptions];
     const onToggle = (isOpen) => {
         setIsOpen(isOpen);
     };
@@ -53,5 +53,5 @@ export const NewProductVersionSelector = (props) => {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.versionState]);
     const titleId = 'version-selector';
-    return (React.createElement(Select, { variant: SelectVariant.single, onToggle: onToggle, onSelect: onSelect, isOpen: isOpen, placeholderText: "Select a version", "aria-labelledby": titleId, selections: selected, validated: isEmpty(selected) && showValidationLocal ? 'error' : 'default', isDisabled: isEmpty(props.selectedProduct.product), "data-tracking-id": "get-support-version-dropdown-selector" }, options));
+    return (React.createElement(Select, { variant: SelectVariant.single, onToggle: onToggle, onSelect: onSelect, isOpen: isOpen, placeholderText: t('Select a version'), "aria-labelledby": titleId, selections: selected, validated: isEmpty(selected) && showValidationLocal ? 'error' : 'default', isDisabled: isEmpty(props.selectedProduct.product), "data-tracking-id": "get-support-version-dropdown-selector" }, options));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"AlertToastWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/AlertToastWrapper.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAc,EAAE,EAAE,EAAmC,MAAM,OAAO,CAAC;AAUnE,UAAU,MAAM;IACZ,qBAAqB,EAAE,CAAC,cAAc,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5D;AAED,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,MAAM,CA8BjC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"AlertToastWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/AlertToastWrapper.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAKH,OAAc,EAAE,EAAE,EAAmC,MAAM,OAAO,CAAC;AAWnE,UAAU,MAAM;IACZ,qBAAqB,EAAE,CAAC,cAAc,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5D;AAED,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,MAAM,CAuCjC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -2,8 +2,11 @@
  * We need to wrap Critical solution toast notification and Cluster recommendation toast notification so they don't get overlapped.
  */
 import { AlertGroup } from '@patternfly/react-core';
+import { PreviousCaseTypes } from '@rh-support/utils';
+import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useState } from 'react';
 import { isUploadedAndAnalyzed } from '../../components/shared/fileUpload/reducer/AttachmentHelper';
+import { useCaseSelector } from '../../context/CaseContext';
 import { RouteContext } from '../../context/RouteContext';
 import { hideSideBarClusterIdRuleToast } from '../../reducers/RouteConstNTypes';
 import { AttachmentStateContext } from '../shared/fileUpload';
@@ -13,10 +16,15 @@ import CriticalSolutionsToast from './CriticalSolutionsToast';
 const AlertToastWrapper = ({ submitCaseAndNavigate }) => {
     const { routeState: { activeSection }, } = useContext(RouteContext);
     const [isCriticalSolutionsVisible, setIsCriticalSolutionsVisible] = useState(true);
+    const { caseType } = useCaseSelector((state) => ({
+        caseType: state.caseDetails.caseType,
+    }), isEqual);
     const { attachmentState } = useContext(AttachmentStateContext);
     useEffect(() => {
         const isEveryFileFinished = attachmentState.caseFiles.selectedLocalFiles.every((file) => isUploadedAndAnalyzed(file));
-        isEveryFileFinished && setIsCriticalSolutionsVisible(true);
+        isEveryFileFinished &&
+            caseType !== PreviousCaseTypes.FEATURE_ENHANCEMENT &&
+            setIsCriticalSolutionsVisible(true);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [attachmentState.caseFiles.selectedLocalFiles]);
     const hideClusterIdReportModal = hideSideBarClusterIdRuleToast.includes(activeSection);

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

@@ -1 +1 @@
-{"version":3,"file":"CriticalSolutionsToast.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/CriticalSolutionsToast.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAmC,MAAM,OAAO,CAAC;AAKnE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,QAAA,MAAM,sBAAsB,EAAE,EAAE,CAAC,MAAM,CAiDtC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"CriticalSolutionsToast.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/CriticalSolutionsToast.tsx"],"names":[],"mappings":"AAGA,OAAc,EAAE,EAAE,EAAmC,MAAM,OAAO,CAAC;AAMnE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,QAAA,MAAM,sBAAsB,EAAE,EAAE,CAAC,MAAM,CAyDtC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

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

@@ -1,6 +1,9 @@
 import { Alert, AlertActionCloseButton, Button } from '@patternfly/react-core';
+import { PreviousCaseTypes } from '@rh-support/utils';
+import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
+import { useCaseSelector } from '../../context/CaseContext';
 import { RulesDispatchContext, RulesStateContext } from '../../context/RulesContext';
 import { RulesReducerConstants } from '../../reducers/RulesReducer';
 const CriticalSolutionsToast = (props) => {
@@ -8,6 +11,9 @@ const CriticalSolutionsToast = (props) => {
     const [showNotification, setShowNotification] = useState(false);
     const { rulesState } = useContext(RulesStateContext);
     const rulesDispatch = useContext(RulesDispatchContext);
+    const { caseType } = useCaseSelector((state) => ({
+        caseType: state.caseDetails.caseType,
+    }), isEqual);
     useEffect(() => {
         if (rulesState.triggerRuleNotification && !showNotification) {
             setShowNotification(true);
@@ -36,6 +42,6 @@ const CriticalSolutionsToast = (props) => {
     if (!showNotification && !rulesState.triggerRuleNotification)
         return null;
     return (React.createElement(Alert, { isLiveRegion: true, variant: "success", title: t('File recommendations are ready to view'), "data-tracking-id": "toast-view-crit-sol", actionLinks: React.createElement(Button, { isInline: true, variant: "link", onClick: viewCriticalSolution },
-            React.createElement(Trans, null, "Troubleshooting specific for your uploaded files.")), actionClose: React.createElement(AlertActionCloseButton, { variantLabel: "success alert", onClose: onClose }) }));
+            React.createElement(Trans, null, "Troubleshooting specific for your uploaded files.")), actionClose: React.createElement(AlertActionCloseButton, { variantLabel: "success alert", onClose: onClose }), timeout: caseType !== PreviousCaseTypes.FEATURE_ENHANCEMENT }));
 };
 export default CriticalSolutionsToast;

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

@@ -1 +1 @@
-{"version":3,"file":"InsightsResults.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/InsightsResults.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAgC,MAAM,0CAA0C,CAAC;AAG7G,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAwB5D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AASD,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;IACjE,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;CAClB;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eAuPrC;kBAvPQ,eAAe;;;AA0PxB,eAAe,eAAe,CAAC"}
+{"version":3,"file":"InsightsResults.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/InsightsResults.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAgC,MAAM,0CAA0C,CAAC;AAG7G,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAwB5D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AASD,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;IACjE,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;CAClB;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eAyPrC;kBAzPQ,eAAe;;;AA4PxB,eAAe,eAAe,CAAC"}

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

@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { search } from '@cee-eng/hydrajs';
 import { Alert } from '@patternfly/react-core';
 import { usePrevious } from '@rh-support/components';
-import { getSolrParams } from '@rh-support/utils';
+import { getSolrParams, PreviousCaseTypes } from '@rh-support/utils';
 import difference from 'lodash/difference';
 import filter from 'lodash/filter';
 import flatMap from 'lodash/flatMap';
@@ -49,7 +49,7 @@ const defaultProps = {
 function InsightsResults(props) {
     const recommendationDispatch = useContext(RecommendationDispatchContext);
     const { attachmentState: { includeAnalysisResults, caseFiles: { selectedLocalFiles }, }, } = useContext(AttachmentStateContext);
-    const { product, version, environment, summary, issue, periodicityOfIssue, timeFramesAndUrgency } = useCaseSelector((state) => ({
+    const { product, version, environment, summary, issue, periodicityOfIssue, timeFramesAndUrgency, caseType } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
         environment: state.caseDetails.environment,
@@ -57,6 +57,7 @@ function InsightsResults(props) {
         issue: state.caseDetails.issue,
         periodicityOfIssue: state.caseDetails.periodicityOfIssue,
         timeFramesAndUrgency: state.caseDetails.timeFramesAndUrgency,
+        caseType: state.caseDetails.caseType,
     }), isEqual);
     const [recommendedResultsMap, setRecommendedResultsMap] = useState({});
     const [insightResultsMap, setInsightResultsMap] = useState({});
@@ -238,7 +239,7 @@ function InsightsResults(props) {
         return (React.createElement(InsightResultModal, { EARule: validEARules, onModalToggle: insightsModalToggle, isOpen: isRuleModalVisible, insightResults: allResults, isRenderedMain: true }));
     }
     return (React.createElement(React.Fragment, null,
-        !rulesState.triggerRuleNotification && (React.createElement(Alert, { isInline: true, title: t('File recommendations are ready to view'), "data-tracking-id": "inline-view-crit-sol", children: React.createElement("p", null,
+        !rulesState.triggerRuleNotification && caseType !== PreviousCaseTypes.FEATURE_ENHANCEMENT && (React.createElement(Alert, { isInline: true, title: t('File recommendations are ready to view'), "data-tracking-id": "inline-view-critical-solution", children: React.createElement("p", null,
                 React.createElement(Trans, null, "Troubleshooting specific for your uploaded files.")) })),
         React.createElement(InsightResultModal, { EARule: validEARules, onModalToggle: insightsModalToggle, isOpen: isRuleModalVisible, insightResults: allResults })));
 }

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,eAmDzC;kBAnDQ,mBAAmB;;;AAsD5B,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"TroubleshootSection.d.ts","sourceRoot":"","sources":["../../../../src/components/TroubleshootSection/TroubleshootSection.tsx"],"names":[],"mappings":"AAiBA,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,eAuFzC;kBAvFQ,mBAAmB;;;AA0F5B,eAAe,mBAAmB,CAAC"}

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

@@ -1,4 +1,7 @@
 import { ErrorBoundary, LoadingDots } from '@rh-support/components';
+import { GlobalMetadataStateContext } from '@rh-support/react-context';
+import { ability, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
+import { PreviousCaseTypes } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React, { useContext } from 'react';
@@ -21,30 +24,43 @@ function TroubleshootSection(props) {
     var _a;
     const { t } = useTranslation();
     const { topContentState: { topContent }, } = useContext(TCStateContext);
-    const { product, version, isCreatingCase } = useCaseSelector((state) => ({
+    const { globalMetadataState: { loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
+    const { product, version, isCreatingCase, caseType } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
         isCreatingCase: state.isCreatingCase,
+        caseType: state.caseDetails.caseType,
     }), isEqual);
+    const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
     const canShowTopProducts = isEmpty(product);
     const canShowTopContent = !canShowTopProducts && ((_a = topContent === null || topContent === void 0 ? void 0 : topContent.data) === null || _a === void 0 ? void 0 : _a.length) > 0;
+    const canAddAttachments = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.ATTACHMENTS);
     return (React.createElement(React.Fragment, null,
         !isCreatingCase && (React.createElement("section", { className: "push-bottom" },
             React.createElement(OpenShiftClusterId, null))),
         React.createElement("section", null,
             React.createElement("header", null,
-                topContent.data.length > 0 && (React.createElement("h3", null,
+                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 }),
+                topContent.data.length === 0 && (React.createElement("div", { className: "card card-white card-support" },
+                    React.createElement("h3", { className: "card-heading popular-solutions" },
+                        React.createElement(Trans, null, "Popular solutions and docs")),
+                    React.createElement("div", { className: "card-body" },
+                        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: "push-top" }))),
         React.createElement("section", { className: "pf-u-mt-lg" },
             React.createElement(InsightsResults, { isDisplayOnMain: true }),
-            React.createElement("div", { className: "push-top" },
-                React.createElement(FileDiag, null)))));
+            React.createElement("div", { className: "push-top" }, canAddAttachments ? (React.createElement(FileDiag, null)) : (React.createElement("div", { className: "card card-white card-support file-diag" },
+                React.createElement("h3", { className: "card-heading" }, isIdea || loggedInUsersAccount.data.secureSupport ? (React.createElement(Trans, null, "File uploader")) : (React.createElement(Trans, null, "File uploader and analyzer"))),
+                React.createElement("div", { className: "card-body" },
+                    React.createElement("div", { className: "display-dashed pf-u-font-weight-bold pf-u-text-align-center" },
+                        React.createElement(Trans, null, "You do not have access to upload files"),
+                        "."))))))));
 }
 TroubleshootSection.defaultProps = defaultProps;
 export default TroubleshootSection;

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

@@ -1 +1 @@
-{"version":3,"file":"WidgetFileUploader.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/fileUpload/WidgetFileUploader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAA0C,MAAM,OAAO,CAAC;AA2B/D,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAInD,UAAU,MAAO,SAAQ,wBAAwB,EAAE,gBAAgB;IAC/D,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAYD,iBAAS,kBAAkB,CAAC,KAAK,EAAE,MAAM,eAsLxC;kBAtLQ,kBAAkB;;;AA0L3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"WidgetFileUploader.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/fileUpload/WidgetFileUploader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAA0C,MAAM,OAAO,CAAC;AA2B/D,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAInD,UAAU,MAAO,SAAQ,wBAAwB,EAAE,gBAAgB;IAC/D,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAYD,iBAAS,kBAAkB,CAAC,KAAK,EAAE,MAAM,eAwLxC;kBAxLQ,kBAAkB;;;AA4L3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

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

@@ -126,12 +126,14 @@ function WidgetFileUploader(props) {
         React.createElement("h3", { className: "card-heading" }, props.isIdea || props.isSecureSupport ? (React.createElement(Trans, null, "File uploader")) : (React.createElement(Trans, null, "File uploader and analyzer"))),
         React.createElement("div", { className: "card-body" },
             props.isIdea ? (React.createElement(WidgetFileSelectorImage, { isSessionId: props.isSessionId, isPrivate: props.isPrivate })) : (React.createElement(WidgetFileSelector, { isSessionId: props.isSessionId, isPrivate: props.isPrivate })),
-            !hasSomeSelectedFiles(selectedLocalFiles) ? (props.helperText || (React.createElement("p", { className: "pf-u-mt-sm" }, !props.isIdea ? (React.createElement(Trans, { i18nKey: "i18nUploadSosReport" },
-                "Upload a",
-                ' ',
-                React.createElement("a", { href: "/solutions/3592", target: "_blank" }, "sosreport"),
-                "to help us provide the best solutions for your system.")) : (React.createElement("span", { className: "pf-u-font-family-redhatVF-heading-sans-serif pf-u-color-300" },
-                React.createElement(Trans, null, "Allowed file types: png, gif, jpg, jpeg.")))))) : (React.createElement(React.Fragment, null,
+            !hasSomeSelectedFiles(selectedLocalFiles) ? ((!props.isIdea && props.helperText) || (React.createElement("p", { className: "pf-u-mt-sm" },
+                !props.isIdea ? (React.createElement(Trans, { i18nKey: "i18nUploadSosReport" },
+                    "Upload a",
+                    ' ',
+                    React.createElement("a", { href: "/solutions/3592", target: "_blank" }, "sosreport"),
+                    "to help us provide the best solutions for your system.")) : (React.createElement("span", { className: "pf-u-font-family-redhatVF-heading-sans-serif pf-u-color-300" },
+                    React.createElement(Trans, null, "Allowed file types: png, gif, jpg, jpeg."))),
+                ' '))) : (React.createElement(React.Fragment, null,
                 React.createElement(FileLister, { selectedLocalFiles: attachmentState.caseFiles.selectedLocalFiles, onFileEdit: editFile, onFileRemove: removeFile, onRetry: retryUpload, onRetryAnalysis: retryAnalysis, isSessionId: props.isSessionId, showSlowUploadMsg: attachmentState.showUploadingOnSlowConnectionMsg }),
                 hasUploadedSomeAttachments(selectedLocalFiles) && !props.isIdea && (React.createElement("p", null,
                     React.createElement(Trans, null, "If you can't find a solution, all files are moved to your case."))))),
@@ -139,6 +141,7 @@ function WidgetFileUploader(props) {
             isAnalysingAnyAttachment(attachmentState.caseFiles.selectedLocalFiles) && (React.createElement(Button, { isDisabled: true },
                 React.createElement(Trans, null, "Analyzing..."))),
             showViewRecBtn &&
+                !props.isIdea &&
                 !isAnalysingAnyAttachment(attachmentState.caseFiles.selectedLocalFiles) &&
                 hasAnalysedSomeAttachments(attachmentState.caseFiles.selectedLocalFiles) && (React.createElement(Button, { "data-tracking-id": "widget-file-uploader-view-recs", onClick: onViewRecBtnClick },
                 React.createElement(Trans, null, "View recommendations"))))));

package/lib/esm/components/shared/useIsSectionValid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIsSectionValid.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/useIsSectionValid.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAGnE,wBAAgB,iBAAiB,CAAC,WAAW,GAAE,gBAAuB;;;;;EA2LrE"}
+{"version":3,"file":"useIsSectionValid.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/useIsSectionValid.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAGnE,wBAAgB,iBAAiB,CAAC,WAAW,GAAE,gBAAuB;;;;;EA4LrE"}

package/lib/esm/components/shared/useIsSectionValid.js

@@ -48,7 +48,8 @@ export function useIsSectionValid(sectionName = null) {
             !allProducts.isError &&
             !topContent.isFetching &&
             !isEmpty(summary) &&
-            !recommendationState.isLoadingRecommendations);
+            !recommendationState.isLoadingRecommendations &&
+            summary.length < SUMMARY_LENGTH_LIMIT);
     };
     const isCaseManagementSectionValid = () => {
         const hasContactInfo24x7ValidLength = contactInfo24x7

package/lib/esm/scss/_main.scss

@@ -1789,3 +1789,9 @@ div.case-details-ref-number {
         color: var(--pf-global--Color--100) !important;
     }
 }
+
+.display-dashed {
+    padding: 0.5rem;
+    border: 2px dashed var(--pf-global--palette--black-600);
+    background-color: var(--pf-global--palette--black-300);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.0.2-beta.0",
+    "version": "2.0.4",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -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": "2.0.2-beta.0",
-        "@rh-support/react-context": "2.0.2-beta.0",
+        "@rh-support/components": "2.0.4",
+        "@rh-support/react-context": "2.0.4",
         "@rh-support/types": "2.0.1",
-        "@rh-support/user-permissions": "2.0.1-beta.0",
-        "@rh-support/utils": "2.0.1-beta.0",
+        "@rh-support/user-permissions": "2.0.4",
+        "@rh-support/utils": "2.0.4",
         "@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": "d8aaf95219bd66267ccfeef0d708d88dadc60766"
+    "gitHead": "30c2ea68d7e31306b5bce11d448f45070f97f7cd"
 }