@rh-support/troubleshoot 2.2.100 → 2.2.102

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

@@ -57,11 +57,11 @@ function Summary(props) {
         try {
             yield updateCaseDetails(caseDispatch, caseNumber, caseDetails);
             setIsSummaryUpdating(false);
-            ToastNotification.addSuccessMessage(t(`Summary has been successfully updated`));
+            ToastNotification.addSuccessMessage(t(`Problem statement has been successfully updated`));
         }
         catch (e) {
             setIsSummaryUpdating(false);
-            caseUpdateError.showError(e, t(`Summary failed to updated`));
+            caseUpdateError.showError(e, t(`Problem statement failed to updated`));
             throw e;
         }
     });
@@ -124,7 +124,7 @@ function Summary(props) {
     });
     return (React.createElement(React.Fragment, null,
         React.createElement(NewInlineEdit, { labelProps: { htmlFor: 'case-details-summary' }, labelContent: React.createElement(React.Fragment, null,
-                React.createElement(Trans, null, "Problem description"),
+                React.createElement(Trans, null, "Problem statement"),
                 React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, isLocalChange: localSummaryChange, value: summary, getTooltipContent: getSummaryChangedTT }),
                 React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")), allowInlineEdit: props.inlineEditable, content: summary ? summary : t('No summary to display.'), saveDisabled: saveDisabled, hideLabel: props.hideLabel, hideSaveCancel: props.hideSaveCancel, charCount: (summaryState === null || summaryState === void 0 ? void 0 : summaryState.length) || 0, charTotal: SUMMARY_LENGTH_LIMIT, cancelToggleState: isCancelClicked, saveToggleState: isSaveClicked, isExportingPDF: isExportingPDF },
             React.createElement(TextInputGroup, null,

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

@@ -1 +1 @@
-{"version":3,"file":"OpenCaseIssue.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/OpenCaseIssue.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAQpD,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AASD,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,qBAsGnC;kBAtGQ,aAAa;;;AAyGtB,eAAe,aAAa,CAAC"}
+{"version":3,"file":"OpenCaseIssue.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/OpenCaseIssue.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AASD,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,qBAuHnC;kBAvHQ,aAAa;;;AA0HtB,eAAe,aAAa,CAAC"}

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

@@ -1,8 +1,8 @@
-import { Progress, ProgressMeasureLocation, ProgressSize } from '@patternfly/react-core';
+import { Progress, ProgressMeasureLocation, ProgressSize, ProgressVariant } from '@patternfly/react-core';
 import { InlineEdit } from '@rh-support/components';
 import { PreviousCaseTypes } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
-import React, { useContext, useState } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { RouteContext } from '../../context/RouteContext';
@@ -22,12 +22,12 @@ function OpenCaseIssue(props) {
         supportType: state.caseDetails.caseType,
     }));
     const caseDispatch = useCaseDispatch();
-    const [isSummaryInValid, setIsSummaryInValid] = useState(false);
+    const [isSummaryEmpty, setIsSummaryEmpty] = useState(false);
     const [hasLargeSummary, setHasLargeSummary] = useState(false);
     const { routeState: { isNextBtnClickedToShowValidationError }, } = useContext(RouteContext);
     const onSummaryBlur = (e) => {
         var _a;
-        setIsSummaryInValid(isEmpty((_a = e.target.value) === null || _a === void 0 ? void 0 : _a.trim()));
+        setIsSummaryEmpty(isEmpty((_a = e.target.value) === null || _a === void 0 ? void 0 : _a.trim()));
     };
     const onCaseDetailsChange = (caseDetails) => {
         setCaseDetails(caseDispatch, caseDetails);
@@ -37,27 +37,41 @@ function OpenCaseIssue(props) {
         const summaryLocal = isEmpty((_a = e.target.value) === null || _a === void 0 ? void 0 : _a.trim()) ? '' : e.target.value;
         setHasLargeSummary(summaryLocal.length > SUMMARY_LENGTH_LIMIT);
         onCaseDetailsChange({ summary: summaryLocal });
-        setIsSummaryInValid(isEmpty(summaryLocal === null || summaryLocal === void 0 ? void 0 : summaryLocal.trim()));
     };
+    const getVariant = () => {
+        if (getIsSummaryInvalid())
+            return ProgressVariant.danger;
+        if (!summary)
+            return ProgressVariant.success;
+        if (summary.length > SUMMARY_LENGTH_LIMIT / 2) {
+            return ProgressVariant.warning;
+        }
+        else {
+            return ProgressVariant.success;
+        }
+    };
+    const getIsSummaryInvalid = () => hasLargeSummary || (isNextBtnClickedToShowValidationError && isSummaryEmpty);
+    const isIdea = () => supportType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
+    useEffect(() => {
+        setIsSummaryEmpty(summary ? isEmpty(summary.trim()) : true);
+        summary && setHasLargeSummary(summary.length > SUMMARY_LENGTH_LIMIT);
+        // @ts-ignore
+    }, [summary]);
     return (React.createElement(React.Fragment, null,
         React.createElement(InlineEdit, { labelProps: {
-                htmlFor: supportType === PreviousCaseTypes.FEATURE_ENHANCEMENT
-                    ? 'get-support-title'
-                    : 'get-support-summary',
+                htmlFor: isIdea() ? 'get-support-title' : 'get-support-summary',
             }, labelContent: React.createElement(React.Fragment, null,
-                React.createElement(Trans, null, supportType === PreviousCaseTypes.FEATURE_ENHANCEMENT ? 'Title' : 'Problem description'),
+                React.createElement(Trans, null, isIdea() ? 'Title' : 'Problem statement'),
                 ' ',
-                !!props.required && (React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))), allowInlineEdit: props.inlineEditable, hideSaveCancel: !!props.hideSaveCancel, initialIsEditing: !!props.initialIsEditing, saveOnBlur: true, collapseOnBlur: !!props.collapseOnBlur && !isSummaryInValid, content: summary },
-            React.createElement("textarea", { id: supportType === PreviousCaseTypes.FEATURE_ENHANCEMENT
-                    ? 'get-support-title'
-                    : 'get-support-summary', className: `form-control${isSummaryInValid || hasLargeSummary || (isNextBtnClickedToShowValidationError && !summary)
-                    ? ' form-invalid'
-                    : ''}`, "aria-invalid": isSummaryInValid, "aria-required": !!props.required, required: !!props.required, name: supportType === PreviousCaseTypes.FEATURE_ENHANCEMENT
-                    ? 'get-support-title'
-                    : 'get-support-summary', placeholder: t('i18nkeySummarizeExperience', "Please describe the problem you are facing, including any specific steps you've taken or error messages."), value: summary, onChange: onSummaryChange, onBlur: onSummaryBlur, autoFocus: !!props.autoFocus, "data-tracking-id": supportType === PreviousCaseTypes.FEATURE_ENHANCEMENT
-                    ? 'get-support-title'
-                    : 'get-support-summary', rows: 6 }),
-            React.createElement(Progress, { value: summary === null || summary === void 0 ? void 0 : summary.length, min: 0, max: SUMMARY_LENGTH_LIMIT, size: ProgressSize.sm, label: `${summary === null || summary === void 0 ? void 0 : summary.length} / ${SUMMARY_LENGTH_LIMIT}`, valueText: `${summary === null || summary === void 0 ? void 0 : summary.length} / ${SUMMARY_LENGTH_LIMIT}`, measureLocation: ProgressMeasureLocation.outside, "aria-label": `Progress - ${summary === null || summary === void 0 ? void 0 : summary.length} / ${SUMMARY_LENGTH_LIMIT}` }))));
+                !!props.required && (React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))), allowInlineEdit: props.inlineEditable, hideSaveCancel: !!props.hideSaveCancel, initialIsEditing: !!props.initialIsEditing, saveOnBlur: true, collapseOnBlur: !!props.collapseOnBlur && !isSummaryEmpty, content: summary },
+            React.createElement("textarea", { id: isIdea() ? 'get-support-title' : 'get-support-summary', className: `form-control${getIsSummaryInvalid() ? ' form-invalid' : ''}`, "aria-invalid": getIsSummaryInvalid(), "aria-required": !!props.required, required: !!props.required, name: isIdea() ? 'get-support-title' : 'get-support-summary', placeholder: isIdea()
+                    ? t('i18nkeySummarizeIdea', "Summarize what you're experiencing today")
+                    : t('i18nkeySummarizeExperience', `Describe your problem in detail. Include specific steps already taken and error messages. (Limit: ${SUMMARY_LENGTH_LIMIT} characters)`), value: summary, onChange: onSummaryChange, onBlur: onSummaryBlur, autoFocus: !!props.autoFocus, "data-tracking-id": isIdea() ? 'get-support-title' : 'get-support-summary', rows: 3 }),
+            React.createElement(Progress, { value: summary === null || summary === void 0 ? void 0 : summary.length, min: 0, max: SUMMARY_LENGTH_LIMIT, size: ProgressSize.sm, label: `${summary === null || summary === void 0 ? void 0 : summary.length} / ${SUMMARY_LENGTH_LIMIT}`, valueText: `${summary === null || summary === void 0 ? void 0 : summary.length} / ${SUMMARY_LENGTH_LIMIT}`, measureLocation: ProgressMeasureLocation.top, "aria-label": `Progress - ${summary === null || summary === void 0 ? void 0 : summary.length} / ${SUMMARY_LENGTH_LIMIT}`, variant: getVariant(), title: ' ', className: `pf-v5-u-mt-md ${!isNextBtnClickedToShowValidationError && isEmpty(summary) ? 'gray' : ''}`, id: "summary-progress-bar" })),
+        hasLargeSummary && (React.createElement("div", { className: "pull-top" },
+            React.createElement("p", { className: "form-instructions form-invalid" }, isIdea()
+                ? t(`The title cannot be more than ${SUMMARY_LENGTH_LIMIT} characters.`)
+                : t(`The problem statement cannot be more than ${SUMMARY_LENGTH_LIMIT} characters.`))))));
 }
 OpenCaseIssue.defaultProps = defaultProps;
 export default OpenCaseIssue;

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

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

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

@@ -1,27 +1,29 @@
 import { Accordion, AccordionContent, AccordionItem, AccordionToggle, List, ListItem } from '@patternfly/react-core';
 import React, { useState } from 'react';
-import { Trans } from 'react-i18next';
+import { Trans, useTranslation } from 'react-i18next';
+import { SUMMARY_LENGTH_LIMIT } from '../../reducers/CaseConstNTypes';
 export const RecommendationInfoBox = () => {
+    const { t } = useTranslation();
     const [isExpanded, setIsExpanded] = useState(true);
     return (React.createElement(React.Fragment, null,
         React.createElement(Accordion, { isBordered: true, asDefinitionList: false, className: "pf-v5-u-mb-md" },
             React.createElement(AccordionItem, null,
-                React.createElement(AccordionToggle, { id: "recommendation-tips", isExpanded: isExpanded, onClick: () => setIsExpanded(!isExpanded) },
-                    React.createElement(Trans, null, "Tips for problem description field")),
+                React.createElement(AccordionToggle, { id: "recommendation-tips", isExpanded: isExpanded, onClick: () => setIsExpanded(!isExpanded) }, t(`Tips for summarizing your problem in under ${SUMMARY_LENGTH_LIMIT} characters`)),
                 React.createElement(AccordionContent, { isHidden: !isExpanded },
                     React.createElement("span", { className: "pf-v5-u-color-100" },
-                        React.createElement(Trans, null, "Include the following information in the description to expedite your case:")),
+                        React.createElement(Trans, null, "To help us find the right information for you, include 1-2 key details, such as:")),
                     React.createElement(List, { className: "pf-v5-u-ml-lg", style: { listStyleType: 'disc' } },
                         React.createElement(ListItem, null,
-                            React.createElement(Trans, null, "Problem")),
+                            React.createElement(Trans, null, "Relevant keywords")),
                         React.createElement(ListItem, null,
-                            React.createElement(Trans, null, "Steps you've taken")),
+                            React.createElement(Trans, null, "Error messages")),
                         React.createElement(ListItem, null,
-                            React.createElement(Trans, null, "Error Messages"))),
+                            React.createElement(Trans, null, "Specific problems"))),
                     React.createElement("span", { className: "pf-v5-u-color-100" },
                         React.createElement(Trans, null, "Examples:")),
-                    React.createElement("p", null,
-                        React.createElement(Trans, null, "\"we see error/message\", \"function that is failing\"")),
-                    React.createElement("p", null,
-                        React.createElement(Trans, null, "I'm unable to start the SSHD service receiving the error message \"Bad yes/no argument for ShowPatchLevel parameter\"")))))));
+                    React.createElement(List, { className: "pf-v5-u-ml-lg", style: { listStyleType: 'disc' } },
+                        React.createElement(ListItem, null,
+                            React.createElement(Trans, null, "I'm unable to start the SSHD service and am receiving this error message, \u201CBad yes/no argument for ShowPatchLevel parameter.\u201D (125/255 characters)")),
+                        React.createElement(ListItem, null,
+                            React.createElement(Trans, null, "We see this error message: \u201Cfunction that is failing\u201D. (54/255 characters)"))))))));
 };

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

@@ -42,7 +42,7 @@ function TroubleshootSection(props) {
                     React.createElement("span", { className: "pf-v5-u-font-family-heading pf-v5-u-ml-xl pf-v5-u-pr-xs" }, "Version"),
                     ' ',
                     version),
-                React.createElement("div", { className: "pf-v5-u-font-family-heading" }, "Problem Description"),
+                React.createElement("div", { className: "pf-v5-u-font-family-heading" }, "Problem statement"),
                 React.createElement("p", { className: "pf-v5-u-mb-xl" }, summary)),
             !isCreatingCase && (React.createElement(OpenShiftClusterId, { className: "push-bottom", "data-tracking-id": "troubleshoot-section-openshift-cluster-id" })),
             React.createElement(LoadingDots, { show: topContent.isFetching }),

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

@@ -30,7 +30,7 @@ function WizardAside(props) {
     const canshowEARuleWidget = showSideBarEARuleWidgetSections.includes(activeSection);
     const canShowClusterIdReportWidget = showSideBarClusterIdRuleWidgetSections.includes(activeSection);
     const canShowFileRecommendationSectionsWidget = showSideBarFileRecommendationSections.includes(activeSection);
-    const canShowRecommendationTips = showRecommendationTipsSections.includes(activeSection);
+    const canShowRecommendationTips = showRecommendationTipsSections.includes(activeSection) && !isIdea;
     return (React.createElement("aside", null,
         React.createElement("section", { className: "grid-aside-content" },
             canShowFileUploadWidget() && React.createElement(InsightsResults, null),

package/lib/esm/css/app.css

@@ -428,3 +428,26 @@ input[type='checkbox'] {
     position: absolute;
     width: 100%;
 }
+
+#summary-progress-bar .pf-v5-c-progress__status-icon {
+    display: none;
+}
+
+#summary-progress-bar .pf-v5-c-progress__bar,
+#summary-progress-bar .pf-v5-c-progress__indicator {
+    height: 2px;
+}
+
+#summary-progress-bar.gray .pf-v5-c-progress__bar,
+#summary-progress-bar.gray .pf-v5-c-progress__bar::before {
+    background-color: var(--pf-v5-global--palette--black-300) !important;
+}
+
+#summary-progress-bar .pf-v5-c-progress.pf-m-sm .pf-v5-c-progress__measure {
+    font-size: 14px;
+}
+
+#summary-progress-bar {
+    row-gap: 9px;
+    line-height: 2px;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.2.100",
+    "version": "2.2.102",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -60,11 +60,11 @@
         "@progress/kendo-licensing": "1.3.5",
         "@progress/kendo-react-pdf": "^5.16.0",
         "@redux-devtools/extension": "^3.3.0",
-        "@rh-support/components": "2.1.51",
-        "@rh-support/react-context": "2.1.57",
+        "@rh-support/components": "2.1.53",
+        "@rh-support/react-context": "2.1.59",
         "@rh-support/types": "2.0.3",
-        "@rh-support/user-permissions": "2.1.37",
-        "@rh-support/utils": "2.1.27",
+        "@rh-support/user-permissions": "2.1.39",
+        "@rh-support/utils": "2.1.29",
         "@types/react-redux": "^7.1.33",
         "@types/redux": "^3.6.0",
         "dompurify": "^2.2.6",
@@ -131,5 +131,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "3b669f23c094069a3e7d042cfdffd716407734d3"
+    "gitHead": "d579286a00d09356cd07729b5750176ad8e3c090"
 }