@rh-support/troubleshoot 2.2.90-beta.3 → 2.2.90-beta.5

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(`Problem statement has been successfully updated`));
+            ToastNotification.addSuccessMessage(t(`Summarize your problem has been successfully updated`));
         }
         catch (e) {
             setIsSummaryUpdating(false);
-            caseUpdateError.showError(e, t(`Problem statement failed to updated`));
+            caseUpdateError.showError(e, t(`Summarize your problem 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 statement"),
+                React.createElement(Trans, null, "Summarize your problem"),
                 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,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,qBAgInC;kBAhIQ,aAAa;;;AAmItB,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,qBAmHnC;kBAnHQ,aAAa;;;AAsHtB,eAAe,aAAa,CAAC"}

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

@@ -43,10 +43,7 @@ function OpenCaseIssue(props) {
             return ProgressVariant.danger;
         if (!summary)
             return ProgressVariant.success;
-        if (summary.length > SUMMARY_LENGTH_LIMIT - 20) {
-            return ProgressVariant.danger;
-        }
-        else if (summary.length > SUMMARY_LENGTH_LIMIT / 2) {
+        if (summary.length > SUMMARY_LENGTH_LIMIT / 2) {
             return ProgressVariant.warning;
         }
         else {
@@ -54,29 +51,24 @@ function OpenCaseIssue(props) {
         }
     };
     const getIsSummaryInvalid = () => hasLargeSummary || (isNextBtnClickedToShowValidationError && isSummaryEmpty);
+    const isIdea = () => supportType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
     useEffect(() => {
         setIsSummaryEmpty(summary ? isEmpty(summary.trim()) : true);
         // @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 statement'),
+                React.createElement(Trans, null, isIdea() ? 'Title' : 'Summarize your problem'),
                 ' ',
                 !!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: supportType === PreviousCaseTypes.FEATURE_ENHANCEMENT
-                    ? 'get-support-title'
-                    : 'get-support-summary', className: `form-control${getIsSummaryInvalid() ? ' form-invalid' : ''}`, "aria-invalid": getIsSummaryInvalid(), "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: 5 }),
-            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", id: "summary-progress-bar" })),
+            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' }),
+            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" }, t(`Description cannot exceed ${SUMMARY_LENGTH_LIMIT} characters.`))))));
+            React.createElement("p", { className: "form-instructions form-invalid" }, t(`The summarize your problem 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,yBAiDjC,CAAC"}

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

@@ -1,27 +1,28 @@
 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: "card card-white pf-v5-u-mt-md" },
             React.createElement(AccordionItem, null,
-                React.createElement(AccordionToggle, { id: "recommendation-tips", isExpanded: isExpanded, onClick: () => setIsExpanded(!isExpanded) },
-                    React.createElement(Trans, null, "Tips for problem statement 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(Trans, null, "I'm unable to start the SSHD service and am receiving this error message, \u201CBad yes/no argument for ShowPatchLevel parameter.\u201D")),
                     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(Trans, null, "We see this error message: \u201Cfunction that is failing\u201D.")))))));
 };

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

@@ -38,7 +38,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 statement"),
+                React.createElement("div", { className: "pf-v5-u-font-family-heading" }, "Summarize your problem"),
                 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/css/app.css

@@ -438,6 +438,11 @@ input[type='checkbox'] {
     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;
 }
@@ -446,3 +451,8 @@ input[type='checkbox'] {
     row-gap: 9px;
     line-height: 2px;
 }
+
+#get-support-title,
+#get-support-summary {
+    min-height: 110px !important;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.2.90-beta.3",
+    "version": "2.2.90-beta.5",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -61,11 +61,11 @@
         "@progress/kendo-licensing": "1.3.5",
         "@progress/kendo-react-pdf": "^5.16.0",
         "@redux-devtools/extension": "^3.3.0",
-        "@rh-support/components": "2.1.47-beta.0",
-        "@rh-support/react-context": "2.1.52-beta.0",
+        "@rh-support/components": "2.1.47-beta.1",
+        "@rh-support/react-context": "2.1.52-beta.1",
         "@rh-support/types": "2.0.3",
-        "@rh-support/user-permissions": "2.1.34-beta.0",
-        "@rh-support/utils": "2.1.24-beta.0",
+        "@rh-support/user-permissions": "2.1.34-beta.1",
+        "@rh-support/utils": "2.1.24-beta.1",
         "@types/react-redux": "^7.1.33",
         "@types/redux": "^3.6.0",
         "dompurify": "^2.2.6",
@@ -132,5 +132,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "e6e54f44311de3872889f6ced4e5af9f5f8dacc5"
+    "gitHead": "6a9b5942ca79ed563716a8ab4fcb59ec51b69254"
 }