@rh-support/troubleshoot 1.0.47-beta.41 → 1.0.47-beta.43

package/lib/esm/components/CaseEditView/CaseOverview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAA8D,MAAM,OAAO,CAAC;AA4BnF,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,eAsejD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAA8D,MAAM,OAAO,CAAC;AA6BnF,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,eAyejD"}

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

@@ -27,6 +27,7 @@ import { ReopenCaseModal } from '../ConfirmationModals/ReopenCaseModal';
 import { PDFContext } from '../PDFContainer';
 import { CaseInformation } from '../Tabs/CaseDetails/CaseInformation';
 import { CaseContactPhoneNumberAlert } from '../Tabs/CaseDetails/CasePhoneNumberConfirmAlert';
+import Summary from '../Tabs/CaseDetails/Summary';
 import CaseOwnerInfo from './CaseOwnerInfo';
 import CaseStatus from './CaseStatus';
 import CaseType from './CaseType';
@@ -244,6 +245,8 @@ export default function CaseOverview(props) {
                             React.createElement(Trans, null, isCaseInOpenState ? 'Close case' : 'Reopen case')))),
                 React.createElement("div", { className: `case-details-header-secondary push-bottom-narrow ${isExportingPDF && !viewAsCustomer ? 'hide-in-pdf' : ''}` },
                     React.createElement("span", { className: "case-support-level" }, computeSupportLink())),
+                React.createElement("div", { className: "case-details-summary push-bottom-narrow" },
+                    React.createElement(Summary, { inlineEditable: true, hideLabel: true })),
                 canSeeManagedByPartnerFlag && (React.createElement(Label, { className: "push-right-narrow", color: "green" },
                     React.createElement(Trans, null, "Managed by a partner"))),
                 canSeeInternalFlags && (React.createElement(React.Fragment, null,

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

@@ -15,7 +15,7 @@ export function ContactPhoneNumberAlert() {
         setCaseDetails(caseDispatch, caseDetails);
     };
     useEffect(() => {
-        if (caseDetails.severity === "1 (Urgent)" /* SEV_1 */) {
+        if (caseDetails.severity === "1 (Urgent)" /* SEV_1 */ && !caseDetails.suppliedPhoneNumberVerified) {
             onCaseDetailsChange({ suppliedPhoneNumberVerified: undefined });
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps

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

@@ -1 +1 @@
-{"version":3,"file":"Severity.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Severity.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAKvE,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AAwBrE,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAChE,oBAAoB,EAAE,OAAO,CAAC;CACjC;AASD,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;CACxD;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,MAAM,eAkR9B;kBAlRQ,QAAQ;;;AAoRjB,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Severity.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Severity.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAKvE,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AAwBrE,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAChE,oBAAoB,EAAE,OAAO,CAAC;CACjC;AASD,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;CACxD;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,MAAM,eAqR9B;kBArRQ,QAAQ;;;AAuRjB,eAAe,QAAQ,CAAC"}

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

@@ -42,7 +42,10 @@ function Severity(props) {
     const caseDispatch = useCaseDispatch();
     const isOnCaseDetailsPage = !isEmpty(caseNumber);
     const updateState = (value) => {
-        const casePayload = { severity: value };
+        const casePayload = {
+            severity: value,
+            suppliedPhoneNumberVerified: undefined, // Restore Initial State If Severity Changes
+        };
         // .. change fts on sev change only while creating case or when we change to sev1
         !isOnCaseDetailsPage && (casePayload.fts = showFtsOnCreateCasePage(entitlementSla, value));
         isOnCaseDetailsPage && autoEnableFtsOnCaseViewEditPage(entitlementSla, value) && (casePayload.fts = true);

package/lib/esm/components/ImproveCase/KtQuestions.js

@@ -96,7 +96,7 @@ function KtQuestions(props) {
                     ? ' form-invalid'
                     : ''}`, "aria-invalid": timeFramesAndUrgency && (timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length) > CASE_DETAILS_TIMEFRAMESANDURGENCY_LIMIT
                     ? 'true'
-                    : 'false', id: "ktQ4-timeFramesAndUrgency", value: timeFramesAndUrgency, isDisabled: isEmpty(timeFramesAndUrgency) && hasLargeCaseDescription && !isKTQ4TextAreaActive, onChange: onKtQ4Change, onFocus: onKTQ4FocusChange, onBlur: onKTQ4FocusChange, "aria-required": isKT4Required, "data-tracking-id": "open-case-ktQ4-timeFramesAndUrgency", placeholder: t('User or financial impact, and whether there’s a legal, national, or medical urgency'), isRequired: isKT4Required }),
+                    : 'false', id: "ktQ4-timeFramesAndUrgency", value: timeFramesAndUrgency, isDisabled: isEmpty(timeFramesAndUrgency) && hasLargeCaseDescription && !isKTQ4TextAreaActive, onChange: onKtQ4Change, onFocus: onKTQ4FocusChange, onBlur: onKTQ4FocusChange, "aria-required": isKT4Required, "data-tracking-id": "get-support-ktQ4-timeFramesAndUrgency", placeholder: t('User or financial impact, and whether there’s a legal, national, or medical urgency'), isRequired: isKT4Required }),
             React.createElement("p", { className: "form-instructions", "data-tracking-id": "large-4k-warning-ktQ4-environment" }, `${isKTQ4TextAreaActive && ((_a = timeFramesAndUrgency) === null || _a === void 0 ? void 0 : _a.length) > CASE_DETAILS_TIMEFRAMESANDURGENCY_LIMIT
                 ? `Description cannot be more than ${CASE_DETAILS_TIMEFRAMESANDURGENCY_LIMIT} characters`
                 : ''}`),
@@ -105,7 +105,7 @@ function KtQuestions(props) {
                 t(KtQuestionConstant.environment),
                 ' ',
                 isKT2Required && (React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))), allowInlineEdit: props.inlineEditable, hideSaveCancel: props.hideSaveCancel, initialIsEditing: isEmpty(environment), usePreformattedTag: true, saveOnBlur: true, content: environment },
-            React.createElement(TextArea, { className: `form-control`, id: "ktQ2-environment", value: environment, isDisabled: isEmpty(environment) && hasLargeCaseDescription && !isKTQ2TextAreaActive, onChange: onKtQ2Change, onFocus: onKTQ2FocusChange, onBlur: onKTQ2FocusChange, "aria-required": isKT2Required, isRequired: isKT2Required, "data-tracking-id": "open-case-ktQ2-environment", placeholder: t('User or financial impact, and whether there’s a legal, national, or medical urgency'), "aria-invalid": environment && (environment === null || environment === void 0 ? void 0 : environment.length) > CASE_DEATILS_ENVIRONMENT_LIMIT ? 'true' : 'false' }),
+            React.createElement(TextArea, { className: `form-control`, id: "ktQ2-environment", value: environment, isDisabled: isEmpty(environment) && hasLargeCaseDescription && !isKTQ2TextAreaActive, onChange: onKtQ2Change, onFocus: onKTQ2FocusChange, onBlur: onKTQ2FocusChange, "aria-required": isKT2Required, isRequired: isKT2Required, "data-tracking-id": "get-support-ktQ2-environment", placeholder: t('User or financial impact, and whether there’s a legal, national, or medical urgency'), "aria-invalid": environment && (environment === null || environment === void 0 ? void 0 : environment.length) > CASE_DEATILS_ENVIRONMENT_LIMIT ? 'true' : 'false' }),
             React.createElement("p", { className: "form-instructions", "data-tracking-id": "large-4k-warning-ktQ2-environment" }, `${isKTQ2TextAreaActive && ((_b = environment) === null || _b === void 0 ? void 0 : _b.length) > CASE_DEATILS_ENVIRONMENT_LIMIT
                 ? `Description cannot be more than ${CASE_DEATILS_ENVIRONMENT_LIMIT} characters`
                 : ''}`),
@@ -114,7 +114,7 @@ function KtQuestions(props) {
                 t(KtQuestionConstant.periodicityOfIssue),
                 ' ',
                 isKT3Required && (React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))), allowInlineEdit: props.inlineEditable, hideSaveCancel: props.hideSaveCancel, initialIsEditing: isEmpty(periodicityOfIssue), usePreformattedTag: true, saveOnBlur: true, content: periodicityOfIssue },
-            React.createElement(TextArea, { className: `form-control`, id: "ktQ3-periodicityOfIssue", value: periodicityOfIssue, isDisabled: isEmpty(periodicityOfIssue) && hasLargeCaseDescription && !isKTQ3TextAreaActive, onChange: onKtQ3Change, onFocus: onKTQ3FocusChange, onBlur: onKTQ3FocusChange, "aria-required": isKT3Required, isRequired: isKT3Required, "data-tracking-id": "open-case-ktQ3-periodicityOfIssue", "aria-invalid": periodicityOfIssue && (periodicityOfIssue === null || periodicityOfIssue === void 0 ? void 0 : periodicityOfIssue.length) > CASE_DEATILS_PERIODICITYOFISSUE_LIMIT
+            React.createElement(TextArea, { className: `form-control`, id: "ktQ3-periodicityOfIssue", value: periodicityOfIssue, isDisabled: isEmpty(periodicityOfIssue) && hasLargeCaseDescription && !isKTQ3TextAreaActive, onChange: onKtQ3Change, onFocus: onKTQ3FocusChange, onBlur: onKTQ3FocusChange, "aria-required": isKT3Required, isRequired: isKT3Required, "data-tracking-id": "get-support-ktQ3-periodicityOfIssue", "aria-invalid": periodicityOfIssue && (periodicityOfIssue === null || periodicityOfIssue === void 0 ? void 0 : periodicityOfIssue.length) > CASE_DEATILS_PERIODICITYOFISSUE_LIMIT
                     ? 'true'
                     : 'false', placeholder: t('User or financial impact, and whether there’s a legal, national, or medical urgency') }),
             React.createElement("p", { className: "form-instructions", "data-tracking-id": "large-4k-warning-ktQ3-environment" }, `${isKTQ3TextAreaActive && ((_c = periodicityOfIssue) === null || _c === void 0 ? void 0 : _c.length) > CASE_DEATILS_PERIODICITYOFISSUE_LIMIT

package/lib/esm/components/Issue/Issue.js

@@ -11,7 +11,7 @@ import { getUpdatedDescription } from '../../reducers/CaseHelpers';
 import { setCaseDetails } from '../../reducers/CaseReducer';
 import OpenCaseIssue from '../CaseInformation/OpenCaseIssue';
 export default function Issue() {
-    var _a;
+    var _a, _b, _c;
     const { t } = useTranslation();
     const { summary, issue, environment, periodicityOfIssue, timeFramesAndUrgency, v3ClusterName } = useCaseSelector((state) => ({
         summary: state.caseDetails.summary,
@@ -43,10 +43,10 @@ export default function Issue() {
             React.createElement(MoreOrLess, { maxHeight: 600, appStickyHeaderRef: navBarRef },
                 React.createElement(InlineEdit, { labelProps: { htmlFor: 'issue-section-ktQ1-issue' }, labelContent: React.createElement(React.Fragment, null,
                         React.createElement(Trans, null, "What are you experiencing? What are you expecting to happen?")), allowInlineEdit: false, hideSaveCancel: true, initialIsEditing: isEmpty(issue), usePreformattedTag: true, content: issue },
-                    React.createElement(TextArea, { id: "issue-section-ktQ1-issue", name: "issue-section-ktQ1-issue", className: `form-control${hasLargeDescription ? ' form-invalid' : ''}`, "aria-invalid": (issue === null || issue === void 0 ? void 0 : issue.length) > CASE_DEATILS_ISSUE_LIMIT ? 'true' : 'false', value: issue, onChange: onKTQ1IssueChange, "data-tracking-id": "open-case-describe-ktQ1-issue", "aria-describedby": "describeIssueDesc", placeholder: t('Elaborate more on your issue') }),
-                    React.createElement("p", { className: "form-instructions", "data-tracking-id": "large-20k-warning-ktQ1-environment" }, `${(issue === null || issue === void 0 ? void 0 : issue.length) > CASE_DEATILS_ISSUE_LIMIT
+                    React.createElement(TextArea, { id: "issue-section-ktQ1-issue", name: "issue-section-ktQ1-issue", className: `form-control${hasLargeDescription ? ' form-invalid' : ''}`, "aria-invalid": ((_a = issue) === null || _a === void 0 ? void 0 : _a.length) > CASE_DEATILS_ISSUE_LIMIT ? 'true' : 'false', value: issue, onChange: onKTQ1IssueChange, "data-tracking-id": "get-support-describe-ktQ1-issue", "aria-describedby": "describeIssueDesc", placeholder: t('Elaborate more on your issue') }),
+                    React.createElement("p", { className: "form-instructions", "data-tracking-id": "large-20k-warning-ktQ1-environment" }, `${((_b = issue) === null || _b === void 0 ? void 0 : _b.length) > CASE_DEATILS_ISSUE_LIMIT
                         ? `Description cannot be more than ${CASE_DEATILS_ISSUE_LIMIT} characters`
                         : ''}`))),
-            ((_a = getUpdatedDescription(issue, environment, periodicityOfIssue, timeFramesAndUrgency, v3ClusterName)) === null || _a === void 0 ? void 0 : _a.length) > DESCRIPTION_LENGTH_LIMIT && (React.createElement("div", { className: "pull-top" },
+            ((_c = getUpdatedDescription(issue, environment, periodicityOfIssue, timeFramesAndUrgency, v3ClusterName)) === null || _c === void 0 ? void 0 : _c.length) > DESCRIPTION_LENGTH_LIMIT && (React.createElement("div", { className: "pull-top" },
                 React.createElement("p", { className: "form-instructions form-invalid" }, maxLengtMessage))))));
 }

package/lib/esm/components/OpenCase/SupportTypeSelectorPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SupportTypeSelectorPage.d.ts","sourceRoot":"","sources":["../../../../src/components/OpenCase/SupportTypeSelectorPage.tsx"],"names":[],"mappings":"AAqBA,MAAM,CAAC,OAAO,UAAU,uBAAuB,gBA6K9C"}
+{"version":3,"file":"SupportTypeSelectorPage.d.ts","sourceRoot":"","sources":["../../../../src/components/OpenCase/SupportTypeSelectorPage.tsx"],"names":[],"mappings":"AAqBA,MAAM,CAAC,OAAO,UAAU,uBAAuB,gBA+K9C"}

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

@@ -117,7 +117,7 @@ export default function SupportTypeSelectorPage() {
         React.createElement(Gallery, { hasGutter: true, className: "pf-u-mt-sm" }, SupportTypesArray.map((supportTypesArrayValues) => {
             var _a;
             return (React.createElement(GalleryItem, null,
-                React.createElement(Card, { id: supportTypesArrayValues.oldSupportType, key: supportTypesArrayValues.oldSupportType, className: `${showValidationErrorAlert && !caseType ? 'support-types-invalid' : ''}`, onKeyDown: onKeyDown, onClick: onSupportTypeClick, onSelectableInputChange: onChange, isSelected: !!caseType && supportTypesArrayValues.oldSupportType === caseType, hasSelectableInput: true, isSelectable: true, isSelectableRaised: true, isFullHeight: true, isDisabledRaised: ((_a = selectedAccountDetails === null || selectedAccountDetails === void 0 ? void 0 : selectedAccountDetails.data) === null || _a === void 0 ? void 0 : _a.subscriptionAbuse) || false },
+                React.createElement(Card, { id: supportTypesArrayValues.oldSupportType, key: supportTypesArrayValues.oldSupportType, className: `support-types-card${showValidationErrorAlert && !caseType ? ' support-types-invalid' : ''}`, onKeyDown: onKeyDown, onClick: onSupportTypeClick, onSelectableInputChange: onChange, isSelected: !!caseType && supportTypesArrayValues.oldSupportType === caseType, hasSelectableInput: true, isSelectable: true, isSelectableRaised: true, isFullHeight: true, isDisabledRaised: ((_a = selectedAccountDetails === null || selectedAccountDetails === void 0 ? void 0 : selectedAccountDetails.data) === null || _a === void 0 ? void 0 : _a.subscriptionAbuse) || false },
                     React.createElement(CardBody, null, supportTypesArrayValues.icon ? (React.createElement(Split, null,
                         React.createElement(SplitItem, { className: "pf-u-pr-lg" },
                             React.createElement(Bullseye, null, supportTypesArrayValues.icon && supportTypesArrayValues.icon)),

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,eAgQrC;kBAhQQ,eAAe;;;AAmQxB,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,eA8PrC;kBA9PQ,eAAe;;;AAiQxB,eAAe,eAAe,CAAC"}

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

@@ -235,8 +235,7 @@ function InsightsResults(props) {
     if (isEmpty(allResults))
         return React.createElement(React.Fragment, null);
     if (props.isDisplayOnMain) {
-        return (React.createElement(React.Fragment, null,
-            React.createElement(InsightResultModal, { EARule: validEARules, onModalToggle: insightsModalToggle, isOpen: isRuleModalVisible, insightResults: allResults, isRenderedMain: true })));
+        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('Critical solutions have been triggered'), "data-tracking-id": "inline-view-crit-sol", actionLinks: React.createElement(Button, { isInline: true, className: "pf-c-alert__action", variant: "link", onClick: () => {

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

@@ -133,7 +133,7 @@ export default function Recommendations(props) {
         (!props.renderOnlyRecommendations || !props.renderOnlyRecommendations) && React.createElement(Issue, null),
         React.createElement(LoadingDots, { show: recommendationState.isLoadingRecommendations && !isEmpty(summary) }),
         (!props.renderOnlyRecommendations || !props.renderOnlyRecommendations) && React.createElement(EARuleWidget, null),
-        React.createElement("div", { className: "recommendation-list", ref: resultRowRef },
+        React.createElement("div", { className: "recommendation-list pf-u-mt-lg", ref: resultRowRef },
             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/TroubleshootSection/TroubleshootSection.js

@@ -41,7 +41,7 @@ function TroubleshootSection(props) {
                 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" }))),
-        React.createElement("section", null,
+        React.createElement("section", { className: "pf-u-mt-lg" },
             React.createElement(InsightsResults, { isDisplayOnMain: true }),
             React.createElement("div", { className: "push-top" },
                 React.createElement(FileDiag, null)))));

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

@@ -50,7 +50,7 @@ export default function FileLister(props) {
     const getAnalysisStepCount = (localFile) => {
         const diagStatus = getAnalysisStep(localFile);
         const stepIndex = analysisSteps.indexOf(diagStatus);
-        return stepIndex > -1 ? stepIndex + 1 : analysisSteps.length + 1;
+        return stepIndex > -1 ? stepIndex + 1 : (analysisSteps === null || analysisSteps === void 0 ? void 0 : analysisSteps.length) + 1;
     };
     const getAnalysisStep = (localFile) => {
         return analysisStepMap[localFile.analysisMetadata.diagnosticsStatus];
@@ -85,48 +85,51 @@ export default function FileLister(props) {
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: "file-diag-selected" },
             React.createElement("span", { className: "sr-only" }, "Selected files"),
-            React.createElement("ul", { className: "file-diag-list" }, map(props.selectedLocalFiles, (localFile, index) => isFileDeleted(localFile.uploadProgress.uploadStatus) ? (React.createElement(React.Fragment, { key: index })) : (React.createElement("li", { key: index, className: `${localFile.uploadability.ableToUpload
-                    ? `file-${index + 1}`
-                    : `file-${index + 1} text-error`}` },
-                React.createElement("div", { className: "file-name" },
-                    React.createElement("label", { htmlFor: `file-${index + 1}-description` },
-                        !isUploadOnTrack(localFile) && (React.createElement("i", { className: "icon-warning pf-u-mr-sm", title: getUploadErrorMessage(localFile, localFile.uploadability), "aria-label": getUploadErrorMessage(localFile, localFile.uploadability) })),
-                        isUploadedAndAnalysisFailed(localFile) && (React.createElement("i", { className: "icon-warning text-danger pf-u-mr-sm", title: getUploadErrorMessage(localFile, localFile.uploadability), "aria-label": getUploadErrorMessage(localFile, localFile.uploadability) })),
-                        isUploadedAndAnalyzed(localFile) && (React.createElement("i", { className: "icon-check-alt text-green pf-u-mr-sm", title: t('File uploaded and analyzed'), "aria-label": t('File uploaded and analyzed') })),
-                        isUploading(localFile.uploadProgress.uploadStatus) && (React.createElement("div", { className: "pf-u-mr-sm pf-u-display-inline-block", style: { height: '20px', width: '20px' } },
-                            React.createElement(CircularProgressbar, { title: getRadialProgressTitle(localFile), strokeWidth: 13, value: localFile.uploadProgress.percentUploaded }))),
-                        React.createElement("span", null, `${localFile.name} (${humanizeSize(localFile.size)})`),
-                        !localFile.uploadability.ableToUpload && (React.createElement("span", { className: "file-error" },
-                            React.createElement(Trans, null, "can't be selected."))),
-                        localFile.isPrivate && (React.createElement(Label, { color: "red", className: "pf-u-ml-sm" },
-                            React.createElement(Trans, null, "Private")))),
-                    !shouldHideDescription(localFile, props.isSessionId) &&
-                        localFile.description.length > 1 && (React.createElement("span", { className: "character-counter text-muted" }, 255 - localFile.description.length)),
-                    (isUploadFailed(localFile.uploadProgress.uploadStatus) ||
-                        isUploadAborted(localFile.uploadProgress.uploadStatus)) && (React.createElement("button", { type: "button", "aria-label": "Failed to upload, Retry", title: "Failed to upload, Retry", className: "btn btn-link btn-xs", "data-tracking-id": "file-lister-retry", onClick: onRetry(index) },
-                        React.createElement("i", { className: "nimbus-icon-backup" }))),
-                    !isVerifyingUpload(localFile.uploadProgress.uploadStatus) &&
-                        !isAnalysingFile(localFile.analysisMetadata.analysisStatus) && (React.createElement(React.Fragment, null,
-                        canShowAbortBtn(localFile.uploadProgress.uploadStatus) && (React.createElement(Button, { variant: ButtonVariant.link, isDanger: true, "aria-label": t('Cancel Upload'), title: t('Cancel Upload'), className: "btn btn-link btn-app remove-file", "data-tracking-id": "file-lister-abort", onClick: onAbortClick(localFile, index), hidden: !localFile.uploadability.ableToUpload, isDisabled: !(localFile.uploadProgress.percentUploaded > 0) },
-                            React.createElement(Trans, null, "Cancel"))),
-                        showDeleteBtn(localFile.uploadProgress.uploadStatus, localFile) && (React.createElement(Button, { variant: ButtonVariant.link, isDanger: true, "aria-label": t('Delete file'), title: t('Delete file'), className: "btn btn-link btn-app remove-file", "data-tracking-id": "file-lister-delete", onClick: onRemoveClick(localFile, index), hidden: !localFile.uploadability.ableToUpload },
-                            React.createElement(Trans, null, "Remove")))))),
-                isAnalysingFile(localFile.analysisMetadata.analysisStatus) && (React.createElement(Progress, { measureLocation: ProgressMeasureLocation.top, value: getAnalysisStepCount(localFile), min: 0, max: analysisSteps.length + 1, label: getAnalysisProgressTitle(localFile), valueText: getAnalysisProgressTitle(localFile) })),
-                React.createElement("input", { id: `file-${index + 1}-description`, "data-tracking-id": `case-${props.isSessionId ? 'create' : 'details'}-file-${index + 1}-description`, className: "file-description form-control pf-u-my-sm", type: "text", value: localFile.description, onChange: onDescriptionChange(localFile, index), maxLength: 255, placeholder: t(`${shouldHideDescription(localFile, props.isSessionId)
-                        ? ''
-                        : t('Enter a description')}`), hidden: shouldHideDescription(localFile, props.isSessionId) }),
-                isUploadedAndAnalysisSkipped(localFile) && (React.createElement("span", { className: "text-muted" }, localFile.analysisMetadata.analysisErrorMesssage)),
-                isUploadedAndAnalysisFailed(localFile) && (React.createElement("span", { className: "text-danger" },
-                    React.createElement(Trans, null, "Something went wrong during file analysis."),
-                    React.createElement(Button, { onClick: onRetryAnalysis(index), isInline: true, variant: ButtonVariant.link },
-                        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,
-                        ". "),
-                    React.createElement(Button, { onClick: onRetry(index), isInline: true, variant: ButtonVariant.link },
-                        React.createElement(Trans, null, "Try again")))))))),
+            React.createElement("ul", { className: "file-diag-list" }, map(props.selectedLocalFiles, (localFile, index) => {
+                var _a;
+                return isFileDeleted(localFile.uploadProgress.uploadStatus) ? (React.createElement(React.Fragment, { key: index })) : (React.createElement("li", { key: index, className: `${localFile.uploadability.ableToUpload
+                        ? `file-${index + 1}`
+                        : `file-${index + 1} text-error`}` },
+                    React.createElement("div", { className: "file-name" },
+                        React.createElement("label", { htmlFor: `file-${index + 1}-description` },
+                            !isUploadOnTrack(localFile) && (React.createElement("i", { className: "icon-warning pf-u-mr-sm", title: getUploadErrorMessage(localFile, localFile.uploadability), "aria-label": getUploadErrorMessage(localFile, localFile.uploadability) })),
+                            isUploadedAndAnalysisFailed(localFile) && (React.createElement("i", { className: "icon-warning text-danger pf-u-mr-sm", title: getUploadErrorMessage(localFile, localFile.uploadability), "aria-label": getUploadErrorMessage(localFile, localFile.uploadability) })),
+                            isUploadedAndAnalyzed(localFile) && (React.createElement("i", { className: "icon-check-alt text-green pf-u-mr-sm", title: t('File uploaded and analyzed'), "aria-label": t('File uploaded and analyzed') })),
+                            isUploading(localFile.uploadProgress.uploadStatus) && (React.createElement("div", { className: "pf-u-mr-sm pf-u-display-inline-block", style: { height: '20px', width: '20px' } },
+                                React.createElement(CircularProgressbar, { title: getRadialProgressTitle(localFile), strokeWidth: 13, value: localFile.uploadProgress.percentUploaded }))),
+                            React.createElement("span", null, `${localFile.name} (${humanizeSize(localFile.size)})`),
+                            !localFile.uploadability.ableToUpload && (React.createElement("span", { className: "file-error" },
+                                React.createElement(Trans, null, "can't be selected."))),
+                            localFile.isPrivate && (React.createElement(Label, { color: "red", className: "pf-u-ml-sm" },
+                                React.createElement(Trans, null, "Private")))),
+                        !shouldHideDescription(localFile, props.isSessionId) &&
+                            ((_a = localFile === null || localFile === void 0 ? void 0 : localFile.description) === null || _a === void 0 ? void 0 : _a.length) > 1 && (React.createElement("span", { className: "character-counter text-muted" }, 255 - localFile.description.length)),
+                        (isUploadFailed(localFile.uploadProgress.uploadStatus) ||
+                            isUploadAborted(localFile.uploadProgress.uploadStatus)) && (React.createElement("button", { type: "button", "aria-label": "Failed to upload, Retry", title: "Failed to upload, Retry", className: "btn btn-link btn-xs", "data-tracking-id": "file-lister-retry", onClick: onRetry(index) },
+                            React.createElement("i", { className: "nimbus-icon-backup" }))),
+                        !isVerifyingUpload(localFile.uploadProgress.uploadStatus) &&
+                            !isAnalysingFile(localFile.analysisMetadata.analysisStatus) && (React.createElement(React.Fragment, null,
+                            canShowAbortBtn(localFile.uploadProgress.uploadStatus) && (React.createElement(Button, { variant: ButtonVariant.link, isDanger: true, "aria-label": t('Cancel Upload'), title: t('Cancel Upload'), className: "btn btn-link btn-app remove-file", "data-tracking-id": "file-lister-abort", onClick: onAbortClick(localFile, index), hidden: !localFile.uploadability.ableToUpload, isDisabled: !(localFile.uploadProgress.percentUploaded > 0) },
+                                React.createElement(Trans, null, "Cancel"))),
+                            showDeleteBtn(localFile.uploadProgress.uploadStatus, localFile) && (React.createElement(Button, { variant: ButtonVariant.link, isDanger: true, "aria-label": t('Delete file'), title: t('Delete file'), className: "btn btn-link btn-app remove-file", "data-tracking-id": "file-lister-delete", onClick: onRemoveClick(localFile, index), hidden: !localFile.uploadability.ableToUpload },
+                                React.createElement(Trans, null, "Remove")))))),
+                    isAnalysingFile(localFile.analysisMetadata.analysisStatus) && (React.createElement(Progress, { measureLocation: ProgressMeasureLocation.top, value: getAnalysisStepCount(localFile), min: 0, max: (analysisSteps === null || analysisSteps === void 0 ? void 0 : analysisSteps.length) + 1, label: getAnalysisProgressTitle(localFile), valueText: getAnalysisProgressTitle(localFile) })),
+                    React.createElement("input", { id: `file-${index + 1}-description`, "data-tracking-id": `case-${props.isSessionId ? 'create' : 'details'}-file-${index + 1}-description`, className: "file-description form-control pf-u-my-sm", type: "text", value: localFile.description, onChange: onDescriptionChange(localFile, index), maxLength: 255, placeholder: t(`${shouldHideDescription(localFile, props.isSessionId)
+                            ? ''
+                            : t('Enter a description')}`), hidden: shouldHideDescription(localFile, props.isSessionId) }),
+                    isUploadedAndAnalysisSkipped(localFile) && (React.createElement("span", { className: "text-muted" }, localFile.analysisMetadata.analysisErrorMesssage)),
+                    isUploadedAndAnalysisFailed(localFile) && (React.createElement("span", { className: "text-danger" },
+                        React.createElement(Trans, null, "Something went wrong during file analysis."),
+                        React.createElement(Button, { onClick: onRetryAnalysis(index), isInline: true, variant: ButtonVariant.link },
+                            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,
+                            ". "),
+                        React.createElement(Button, { onClick: onRetry(index), isInline: true, variant: ButtonVariant.link },
+                            React.createElement(Trans, null, "Try again"))))));
+            })),
             props.showSlowUploadMsg && isUploadingAttachment(props.selectedLocalFiles) && (React.createElement("span", { className: "text-muted" },
                 React.createElement(Trans, null, "We detected you are on a slow internet connection. This might take a while depending on the file size."))))));
 }

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":"AAKA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAInD,OAAO,EAEH,eAAe,EAGlB,MAAM,iCAAiC,CAAC;AAWzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,2BAA2B,EAAE,OAAO,CAAC;IACrC,qBAAqB,EAAE,CAAC,cAAc,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5D;AAGD,iBAAS,WAAW,CAAC,KAAK,EAAE,MAAM,eAkDjC;kBAlDQ,WAAW;;;AAoDpB,eAAe,WAAW,CAAC"}
+{"version":3,"file":"WizardAside.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardAside.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAInD,OAAO,EAEH,eAAe,EAIlB,MAAM,iCAAiC,CAAC;AAWzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,2BAA2B,EAAE,OAAO,CAAC;IACrC,qBAAqB,EAAE,CAAC,cAAc,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5D;AAGD,iBAAS,WAAW,CAAC,KAAK,EAAE,MAAM,eAqDjC;kBArDQ,WAAW;;;AAuDpB,eAAe,WAAW,CAAC"}

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

@@ -5,7 +5,7 @@ import isEqual from 'lodash/isEqual';
 import React, { useContext } from 'react';
 import { useCaseSelector } from '../../context/CaseContext';
 import { RouteContext } from '../../context/RouteContext';
-import { hideFileUploadSidebarWidgetSections, showSideBarClusterIdRuleWidgetSections, showSideBarEARuleWidgetSections, } from '../../reducers/RouteConstNTypes';
+import { hideFileUploadSidebarWidgetSections, showSideBarClusterIdRuleWidgetSections, showSideBarEARuleWidgetSections, showSideBarFileRecommendationSections, } from '../../reducers/RouteConstNTypes';
 import { getAppRouteConfugurations } from '../../reducers/RouteReducer';
 import { CaseSolutions } from '../CaseEditView/CaseSolutions/CaseSolutions';
 import { FileDiag } from '../CaseInformation/FileDiag';
@@ -34,7 +34,8 @@ function WizardAside(props) {
         !props.isAttachmentUploadModalOpen &&
         !hideFileUploadSidebarWidgetSections.includes(activeSection);
     const canshowEARuleWidget = showSideBarEARuleWidgetSections.includes(activeSection);
-    const canShowClusterIdReportWidgets = showSideBarClusterIdRuleWidgetSections.includes(activeSection);
+    const canShowClusterIdReportWidget = showSideBarClusterIdRuleWidgetSections.includes(activeSection);
+    const canShowFileRecommendationSectionsWidget = showSideBarFileRecommendationSections.includes(activeSection);
     if (appRouteConfugurations[activeSection].hideAside) {
         return null;
     }
@@ -42,9 +43,11 @@ function WizardAside(props) {
         React.createElement("section", { className: "grid-aside-content" },
             canshowEARuleWidget && React.createElement(EARuleWidget, null),
             React.createElement(InsightsResults, null),
-            React.createElement(ClusterRecommendations, { showClusterRecommendationsList: canShowClusterIdReportWidgets }),
-            canUseSessionManagement && !isCreatingCase && React.createElement(SessionRestore, { routeProps: props.routeProps }),
+            " ",
             React.createElement(AsideResults, null),
+            canShowFileRecommendationSectionsWidget && React.createElement(InsightsResults, { isDisplayOnMain: true }),
+            React.createElement(ClusterRecommendations, { showClusterRecommendationsList: canShowClusterIdReportWidget }),
+            canUseSessionManagement && !isCreatingCase && React.createElement(SessionRestore, { routeProps: props.routeProps }),
             canShowFileUploadWidget() && React.createElement(FileDiag, null),
             React.createElement(AlertToastWrapper, { submitCaseAndNavigate: props.submitCaseAndNavigate }),
             React.createElement(CaseSolutions, { caseNumber: caseNumber, isSecureSupportAccount: isSecureSupportAccount }))));

package/lib/esm/components/wizardLayout/index.d.ts

@@ -1,6 +1,5 @@
 import 'react-bootstrap-typeahead/css/Typeahead.css';
 import '../../css/app.css';
-import '../../css/feedbackForm.css';
 import '../../css/pagination.css';
 import '../../css/productSelector.css';
 import '../../css/results.css';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,6CAA6C,CAAC;AACrD,OAAO,mBAAmB,CAAC;AAC3B,OAAO,4BAA4B,CAAC;AACpC,OAAO,0BAA0B,CAAC;AAClC,OAAO,+BAA+B,CAAC;AACvC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,2CAA2C,CAAC;AAKnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAIpF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,SAAS,EAAE,GAAG,CAAC;QACf,oBAAoB,EAAE,GAAG,CAAC;QAC1B,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,MAAM,OAAA,KAAK,GAAG,KAAK,GAAG,CAAC;QAC9E,MAAM,EAAE,GAAG,CAAC;QACZ,KAAK,EAAE,GAAG,CAAC;QACX,eAAe,EAAE,GAAG,CAAC;QACrB,aAAa,EAAE;YACX,cAAc,EAAE,MAAM,CAAC;YACvB,OAAO,EAAE,MAAM,CAAC;SACnB,CAAC;KACL;IAED,UAAU,QAAQ;QACd,YAAY,EAAE,GAAG,CAAC;KACrB;CACJ;AAED,eAAO,MAAM,YAAY,UAAW,MAAM,gBA4BzC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,6CAA6C,CAAC;AACrD,OAAO,mBAAmB,CAAC;AAC3B,OAAO,0BAA0B,CAAC;AAClC,OAAO,+BAA+B,CAAC;AACvC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,2CAA2C,CAAC;AAKnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAIpF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,SAAS,EAAE,GAAG,CAAC;QACf,oBAAoB,EAAE,GAAG,CAAC;QAC1B,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,MAAM,OAAA,KAAK,GAAG,KAAK,GAAG,CAAC;QAC9E,MAAM,EAAE,GAAG,CAAC;QACZ,KAAK,EAAE,GAAG,CAAC;QACX,eAAe,EAAE,GAAG,CAAC;QACrB,aAAa,EAAE;YACX,cAAc,EAAE,MAAM,CAAC;YACvB,OAAO,EAAE,MAAM,CAAC;SACnB,CAAC;KACL;IAED,UAAU,QAAQ;QACd,YAAY,EAAE,GAAG,CAAC;KACrB;CACJ;AAED,eAAO,MAAM,YAAY,UAAW,MAAM,gBA4BzC,CAAC"}

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

@@ -1,6 +1,5 @@
 import 'react-bootstrap-typeahead/css/Typeahead.css';
 import '../../css/app.css';
-import '../../css/feedbackForm.css';
 import '../../css/pagination.css';
 import '../../css/productSelector.css';
 import '../../css/results.css';

package/lib/esm/css/results.css

@@ -2,7 +2,6 @@
 ============================================ */
 
 /* ALL RECOMMENDATIONS */
-
 .result .result-header .se-recommended {
     font-weight: 600;
     word-wrap: break-word;
@@ -41,103 +40,99 @@
     word-break: break-all;
 }
 
-#recommendations .recommendation-list {
+.recommendation-list {
     margin-top: 2rem;
 }
 
-#recommendations .recommendation-list .result {
+.recommendation-list .result {
     margin-bottom: 1.75rem;
 }
 
-#recommendations .recommendation-list .result:last-child {
+.recommendation-list .result:last-child {
     margin-bottom: 0;
 }
 
-#recommendations .recommendation-list .result .result-header,
+.recommendation-list .result .result-header,
 .card-body .result .result-header {
     width: 100%;
     margin-bottom: 0;
     font-weight: 600;
 }
 
-#recommendations .recommendation-list .result .result-header .se-recommended {
+.recommendation-list .result .result-header .se-recommended {
     font-size: 1rem;
 }
 
-#recommendations .recommendation-list .result .result-header .header-meta > * {
+.recommendation-list .result .result-header .header-meta > * {
     margin-right: 0.5%;
     font-size: 14px;
     font-weight: 600;
     color: rgb(118, 118, 118);
 }
 
-#recommendations .recommendation-list .result .result-header .header-meta .status-verified,
-#recommendations .recommendation-list .result .result-header .header-meta .solution-verified {
+.recommendation-list .result .result-header .header-meta .status-verified,
+.recommendation-list .result .result-header .header-meta .solution-verified {
     color: #486b00;
     font-size: 13px;
     text-transform: uppercase;
 }
 
-#recommendations .recommendation-list .result .result-header .header-meta .highly-recommended-doc {
+.recommendation-list .result .result-header .header-meta .highly-recommended-doc {
     color: #486b00;
     font-size: 13px;
     text-transform: uppercase;
 }
-
-#recommendations .recommendation-list .result .issue-wrap {
+.recommendation-list .result .issue-wrap {
     max-height: 150px;
     width: 100%;
 }
 
-#recommendations .recommendation-list .result .issue-wrap *,
-#recommendations .recommendation-list .result .issue-wrap * > * {
+.recommendation-list .result .issue-wrap *,
+.recommendation-list .result .issue-wrap * > * {
     margin-bottom: 0.5em;
 }
 
-#recommendations .recommendation-list .result .issue-wrap pre {
+.recommendation-list .result .issue-wrap pre {
     margin: 1.1em 0;
 }
 
-#recommendations .recommendation-list .result .list-flushleft {
+.recommendation-list .result .list-flushleft {
     padding-left: 1.4rem;
     margin-bottom: 0;
 }
 
 /* MAIN RECOMMENDATIONS - file diag */
-#recommendations .card-support {
-    margin-bottom: 2rem !important;
-}
 
-#recommendations .insight-results-list {
+.insight-results-list {
     margin-bottom: 0;
 }
 
-#recommendations .insight-results-list .result {
+.insight-results-list .result {
     margin-bottom: 1rem;
 }
 
-#recommendations .insight-results-list .result:last-child {
+.insight-results-list .result:last-child {
     margin-bottom: 0;
 }
 
-#recommendations .card-body .result .result-header .header-meta {
+.card-body .result .result-header .header-meta {
     display: none;
 }
 
-#recommendations .card-body .result .result-header .se-recommended {
+.card-body .result .result-header .se-recommended {
     font-size: 15px;
 }
 
-#recommendations .card-body .result .result-body {
+.card-body .result .result-body {
     margin-bottom: 0;
     font-size: 14px;
 }
 
-#recommendations .card-body .result:last-of-type {
+.card-body .result:last-of-type {
     margin-bottom: 0 !important;
 }
 
-#recommendations .card-body .result .btn-incident-info {
+.card-body .result .btn-incident-info {
     font-size: 13px;
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"CaseHelpers.d.ts","sourceRoot":"","sources":["../../../src/reducers/CaseHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,qDAAqD,CAAC;AACpG,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AACvG,OAAO,EAAE,YAAY,EAAE,MAAM,iDAAiD,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAkB3D,OAAO,EAUH,UAAU,EAgBb,MAAM,mBAAmB,CAAC;AAE3B,eAAO,MAAM,sBAAsB,SAAU,mBAAmB,EAAE,wBAMjE,CAAC;AAEF,eAAO,MAAM,2BAA2B,eAAgB,WAAW,KAAG,MAOrE,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAAS,mBAAmB,SAAS,MAAM,sBAyB9E,CAAC;AAIF,eAAO,MAAM,qBAAqB,UACvB,MAAM,gBACC,MAAM,uBACC,MAAM,yBACJ,MAAM,kBACb,MAAM,KACvB,MAuBF,CAAC;AAIF,eAAO,MAAM,oBAAoB,UACtB,MAAM,gBACC,MAAM,uBACC,MAAM,yBACJ,MAAM,KAC9B,MAQF,CAAC;AAEF,eAAO,MAAM,uBAAuB,iBAAkB,MAAM,YAAY,MAAM,KAAG,MAQhF,CAAC;AAEF,eAAO,MAAM,uBAAuB,iBAAkB,MAAM,YAAY,MAAM,KAAG,MAQhF,CAAC;AAEF,eAAO,MAAM,sBAAsB,aAAc,MAAM,KAAG,MAKzD,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CAmC5B,CAAC;AAIF,eAAO,MAAM,gBAAgB,cAAe,UAAU,wBAAwB,QAAQ,eAAe,CAAC,KAAG,OA6BxG,CAAC;AAEF,eAAO,MAAM,0BAA0B,cACxB,UAAU,wBACC,QAAQ,eAAe,CAAC,KAC/C,OAiBF,CAAC;AAIF,eAAO,MAAM,6BAA6B,cAC3B,UAAU,wBACC,QAAQ,eAAe,CAAC,KAC/C,OAuBF,CAAC;AAEF,eAAO,MAAM,iBAAiB,cACf,UAAU,gBACP,YAAY,iBACZ,OAAO,KACtB,QAAQ,YAAY,CAyEtB,CAAC;AAEF,eAAO,MAAM,wBAAwB,qBAAsB,YAAY,EAAE,KAAG,YAAY,EAEvF,CAAC;AACF,eAAO,MAAM,yBAAyB,qBAAsB,YAAY,EAAE,KAAG,OAE5E,CAAC;AAEF,eAAO,MAAM,yBAAyB,gBACrB,YAAY,6BACE,MAAM,mBAChB,MAAM,KACxB,QAAQ,YAAY,CA+BtB,CAAC;AACF,eAAO,MAAM,yBAAyB,gBACrB,QAAQ,YAAY,CAAC,gCACJ,QAAQ,EAAE,KACzC,eA2CF,CAAC"}
+{"version":3,"file":"CaseHelpers.d.ts","sourceRoot":"","sources":["../../../src/reducers/CaseHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,qDAAqD,CAAC;AACpG,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AACvG,OAAO,EAAE,YAAY,EAAE,MAAM,iDAAiD,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAkB3D,OAAO,EAUH,UAAU,EAgBb,MAAM,mBAAmB,CAAC;AAE3B,eAAO,MAAM,sBAAsB,SAAU,mBAAmB,EAAE,wBAMjE,CAAC;AAEF,eAAO,MAAM,2BAA2B,eAAgB,WAAW,KAAG,MAOrE,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAAS,mBAAmB,SAAS,MAAM,sBAyB9E,CAAC;AAIF,eAAO,MAAM,qBAAqB,UACvB,MAAM,gBACC,MAAM,uBACC,MAAM,yBACJ,MAAM,kBACb,MAAM,KACvB,MAuBF,CAAC;AAIF,eAAO,MAAM,oBAAoB,UACtB,MAAM,gBACC,MAAM,uBACC,MAAM,yBACJ,MAAM,KAC9B,MAQF,CAAC;AAEF,eAAO,MAAM,uBAAuB,iBAAkB,MAAM,YAAY,MAAM,KAAG,MAQhF,CAAC;AAEF,eAAO,MAAM,uBAAuB,iBAAkB,MAAM,YAAY,MAAM,KAAG,MAQhF,CAAC;AAEF,eAAO,MAAM,sBAAsB,aAAc,MAAM,KAAG,MAKzD,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CAmC5B,CAAC;AAIF,eAAO,MAAM,gBAAgB,cAAe,UAAU,wBAAwB,QAAQ,eAAe,CAAC,KAAG,OA6BxG,CAAC;AAEF,eAAO,MAAM,0BAA0B,cACxB,UAAU,wBACC,QAAQ,eAAe,CAAC,KAC/C,OAiBF,CAAC;AAIF,eAAO,MAAM,6BAA6B,cAC3B,UAAU,wBACC,QAAQ,eAAe,CAAC,KAC/C,OAuBF,CAAC;AAEF,eAAO,MAAM,iBAAiB,cACf,UAAU,gBACP,YAAY,iBACZ,OAAO,KACtB,QAAQ,YAAY,CAuEtB,CAAC;AAEF,eAAO,MAAM,wBAAwB,qBAAsB,YAAY,EAAE,KAAG,YAAY,EAEvF,CAAC;AACF,eAAO,MAAM,yBAAyB,qBAAsB,YAAY,EAAE,KAAG,OAE5E,CAAC;AAEF,eAAO,MAAM,yBAAyB,gBACrB,YAAY,6BACE,MAAM,mBAChB,MAAM,KACxB,QAAQ,YAAY,CA+BtB,CAAC;AACF,eAAO,MAAM,yBAAyB,gBACrB,QAAQ,YAAY,CAAC,gCACJ,QAAQ,EAAE,KACzC,eA2CF,CAAC"}

package/lib/esm/reducers/CaseHelpers.js

@@ -213,9 +213,7 @@ export const createCasePayload = (caseState, sessionItem, isCaseCreate = false)
     !isEmpty(case_details.phone) && (casePayload.phone = case_details.phone);
     casePayload.suppliedPhoneNumberVerified = !isEmpty(case_details.suppliedPhoneNumberVerified)
         ? case_details.suppliedPhoneNumberVerified
-        : !isEmpty(case_details.phone)
-            ? 'True'
-            : 'Deferred';
+        : 'False';
     if (!isEmpty(case_details.entitlementSla) &&
         some(caseState.ownersEntitlements.data, ['slaProcessId', case_details.entitlementSla])) {
         casePayload.entitlementSla = case_details.entitlementSla;

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

@@ -24,6 +24,7 @@ export declare const hideFileUploadSidebarWidgetSections: AppRouteSections[];
 export declare const showSidebarRecommendationsSections: AppRouteSections[];
 export declare const showSideBarEARuleWidgetSections: AppRouteSections[];
 export declare const showSideBarClusterIdRuleWidgetSections: AppRouteSections[];
+export declare const showSideBarFileRecommendationSections: AppRouteSections[];
 export declare const hideSideBarClusterIdRuleToast: 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;IAC3B,WAAW,gBAAgB;CAC9B;AAED,eAAO,MAAM,0BAA0B,oBAA6D,CAAC;AACrG,eAAO,MAAM,mCAAmC,oBAAgE,CAAC;AACjH,eAAO,MAAM,kCAAkC,oBAO9C,CAAC;AAEF,eAAO,MAAM,+BAA+B,oBAK3C,CAAC;AAEF,eAAO,MAAM,sCAAsC,oBAIlD,CAAC;AAEF,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;IAC3B,WAAW,gBAAgB;CAC9B;AAED,eAAO,MAAM,0BAA0B,oBAAiC,CAAC;AACzE,eAAO,MAAM,mCAAmC,oBAAgE,CAAC;AACjH,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"}

package/lib/esm/reducers/RouteConstNTypes.js

@@ -10,7 +10,7 @@ export var AppRouteSections;
     AppRouteSections["SUBMIT_CASE"] = "submit-case";
     AppRouteSections["SUBMIT_IDEA"] = "submit-idea";
 })(AppRouteSections || (AppRouteSections = {}));
-export const sessionRestoreCardSections = [AppRouteSections.GET_SUPPORT, AppRouteSections.SUMMARIZE];
+export const sessionRestoreCardSections = [AppRouteSections.GET_SUPPORT];
 export const hideFileUploadSidebarWidgetSections = [AppRouteSections.GET_SUPPORT, AppRouteSections.TROUBLESHOOT];
 export const showSidebarRecommendationsSections = [
     AppRouteSections.TROUBLESHOOT,
@@ -31,6 +31,7 @@ export const showSideBarClusterIdRuleWidgetSections = [
     AppRouteSections.REVIEW,
     AppRouteSections.SUBMIT_CASE,
 ];
+export const showSideBarFileRecommendationSections = [AppRouteSections.DESCRIBE_MORE, AppRouteSections.MANAGEMENT];
 export const hideSideBarClusterIdRuleToast = [AppRouteSections.REVIEW, AppRouteSections.SUBMIT_CASE];
 export const hiddengetSupportSections = [
     AppRouteSections.TROUBLESHOOT,

package/lib/esm/reducers/RouteReducer.js

@@ -122,14 +122,14 @@ export function getAppRouteConfugurations(isCaseCreate, isIdea, product) {
                 : isCaseCreate && !isIdea
                     ? []
                     : [AppRouteSections.TROUBLESHOOT] }),
-        [AppRouteSections.TROUBLESHOOT]: Object.assign(Object.assign({}, defaultRouteConfiguration), { title: 'Recommendations', stepName: 'Troubleshoot', nextButtonLabel: isCaseCreate ? 'Continue' : 'Ger support', previousSection: AppRouteSections.SUMMARIZE, nextSection: isCaseCreate ? AppRouteSections.DESCRIBE_MORE : AppRouteSections.GET_SUPPORT, futureSections: isCaseCreate
+        [AppRouteSections.TROUBLESHOOT]: Object.assign(Object.assign({}, defaultRouteConfiguration), { title: 'Recommendations', stepName: 'Troubleshoot', nextButtonLabel: isCaseCreate ? 'Continue' : 'Get support', previousSection: AppRouteSections.SUMMARIZE, nextSection: isCaseCreate ? AppRouteSections.DESCRIBE_MORE : AppRouteSections.GET_SUPPORT, futureSections: isCaseCreate
                 ? [AppRouteSections.DESCRIBE_MORE, AppRouteSections.MANAGEMENT, AppRouteSections.REVIEW]
                 : [] }),
         [AppRouteSections.DESCRIBE_MORE]: Object.assign(Object.assign({}, defaultRouteConfiguration), { title: 'Case information', stepName: 'Describe more', previousSection: isCaseCreate ? AppRouteSections.TROUBLESHOOT : AppRouteSections.GET_SUPPORT, nextSection: AppRouteSections.MANAGEMENT, futureSections: [AppRouteSections.MANAGEMENT, AppRouteSections.REVIEW] }),
         [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_IDEA, 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: true, showBackToSection: true, previousSection: null, showOpenCaseButton: true, showNewIssueButton: true, 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, showBackToSection: false, previousSection: null, showOpenCaseButton: false, showNewIssueButton: false, backToSection: AppRouteSections.GET_SUPPORT, backToSectionLabel: 'Back to open case', nextSection: null, futureSections: [] }),
     };
     return appRouteConfugurations;
 }

package/lib/esm/scss/_main.scss

@@ -1,4 +1,4 @@
-.support-grid-case-details {
+div.support-grid-case-details.support-case {
     display: -ms-grid;
     display: grid;
     -ms-grid-rows: 1fr auto;
@@ -2084,7 +2084,7 @@ p.pref-case-popover-text {
 // To fix the margin for personal reference number in management tab
 div.case-details-ref-number {
     p {
-        margin-bottom: 0;
+        margin-bottom: 0 !important;
     }
-    margin-bottom: 0;
+    margin-bottom: 0 !important;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "1.0.47-beta.41",
+    "version": "1.0.47-beta.43",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -73,8 +73,8 @@
         "@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.34",
-        "@rh-support/react-context": "1.0.30-beta.34",
+        "@rh-support/components": "1.2.22-beta.35",
+        "@rh-support/react-context": "1.0.30-beta.35",
         "@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",
@@ -145,5 +145,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "d297610dca64fe9c0f85a49e7bb260301dd056cf"
+    "gitHead": "9e3cd2f2e8c21702827eabaeb9104cf69a9a042c"
 }

package/lib/esm/css/feedbackForm.css

@@ -1,92 +0,0 @@
-/* .pf-c-backdrop {
-  -webkit-backdrop-filter: blur(10px);
-  background-color: rgba(3, 3, 3, 0.619608);
-  box-sizing: border-box;
-  color: rgb(21, 21, 21);
-  display: block;
-  font-size: 16px;
-  font-weight: normal;
-  height: 100%;
-  left: 0px;
-  line-height: 24px;
-  margin: 0px;
-  padding: 0px;
-  position: fixed;
-  text-align: left;
-  text-rendering: optimizeLegibility;
-  top: 0px;
-  width: 100%;
-  z-index: 400;
-}
-
-.pf-l-bullseye {
-  align-items: center;
-  background-color: rgba(0, 0, 0, 0);
-  box-sizing: border-box;
-  color: rgb(21, 21, 21);
-  display: flex;
-  font-size: 16px;
-  font-weight: normal;
-  height: 886px;
-  justify-content: center;
-  line-height: 24px;
-  margin: 0px;
-  padding: 0px;
-  text-align: left;
-  text-rendering: optimizeLegibility;
-}
-
-.pf-c-modal-box {
-    background-color: rgb(255, 255, 255);
-    box-shadow: rgba(3, 3, 3, 0.13) 0px 3px 7px 3px, rgba(3, 3, 3, 0.12) 0px 11px 24px 16px;
-    color: rgb(21, 21, 21);
-    padding: 32px;
-    position: relative;
-    text-rendering: optimizelegibility;
-    z-index: 500;
-}
-
-@media (min-width: 992px) {
-  .pf-c-modal-box {
-    max-width: 750px;
-  }
-}
-
-.pf-c-modal-box > .pf-c-button {
-  position: absolute;
-  top: 27px;
-  right: 16px;
-  box-sizing: border-box;
-  color: rgb(114, 118, 123);
-  margin: 0px;
-  padding-bottom: 6px;
-  padding-left: 16px;
-  padding-right: 16px;
-  padding-top: 6px;
-  text-align: center;
-  text-rendering: optimizeLegibility;
-  text-shadow: none;
-  text-transform: none;
-  white-space: nowrap;
-  word-spacing: 0px;
-}
-
-.pf-c-modal-box .pf-c-title {
-  margin-bottom: calc(1.5rem + 8px);
-  font-size: 20px;
-}
-
-.pf-c-modal-box #feedbackForm legend {
-  margin-bottom: .5rem;
-  font-weight: bold;
-  color: rgb(21, 21, 21);
-}
-
-.pf-c-modal-box #feedbackForm .radio-inline+.radio-inline, 
-.pf-c-modal-box #feedbackForm .checkbox-inline+.checkbox-inline {
-  margin-left: 1.2rem;
-}
-
-.pf-c-modal-box .pf-c-modal-box__footer button:first-child {
-  margin-right: 1rem;
-} */