@rh-support/troubleshoot 2.2.99 → 2.2.102

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/lib/esm/components/CaseEditView/Tabs/CaseDetails/Summary.js +3 -3
  2. package/lib/esm/components/CaseInformation/OpenCaseIssue.d.ts.map +1 -1
  3. package/lib/esm/components/CaseInformation/OpenCaseIssue.js +34 -20
  4. package/lib/esm/components/CaseManagement/RHAssociatesSelector.d.ts.map +1 -1
  5. package/lib/esm/components/CaseManagement/RHAssociatesSelector.js +6 -6
  6. package/lib/esm/components/Recommendations/RecommendationInfoBox.d.ts.map +1 -1
  7. package/lib/esm/components/Recommendations/RecommendationInfoBox.js +13 -11
  8. package/lib/esm/components/TroubleshootSection/TroubleshootSection.js +1 -1
  9. package/lib/esm/components/shared/useIsSectionValid.d.ts.map +1 -1
  10. package/lib/esm/components/shared/useIsSectionValid.js +2 -6
  11. package/lib/esm/components/wizardLayout/WizardAside.js +1 -1
  12. package/lib/esm/css/app.css +23 -0
  13. package/lib/esm/css/case.css +1 -1
  14. package/lib/esm/reducers/CaseHelpers.d.ts.map +1 -1
  15. package/lib/esm/reducers/CaseHelpers.js +0 -11
  16. package/package.json +6 -6
package/lib/esm/components/CaseEditView/Tabs/CaseDetails/Summary.js CHANGED
@@ -57,11 +57,11 @@ function Summary(props) {
57
57
  try {
58
58
  yield updateCaseDetails(caseDispatch, caseNumber, caseDetails);
59
59
  setIsSummaryUpdating(false);
60
- ToastNotification.addSuccessMessage(t(`Summary has been successfully updated`));
60
+ ToastNotification.addSuccessMessage(t(`Problem statement has been successfully updated`));
61
61
  }
62
62
  catch (e) {
63
63
  setIsSummaryUpdating(false);
64
- caseUpdateError.showError(e, t(`Summary failed to updated`));
64
+ caseUpdateError.showError(e, t(`Problem statement failed to updated`));
65
65
  throw e;
66
66
  }
67
67
  });
@@ -124,7 +124,7 @@ function Summary(props) {
124
124
  });
125
125
  return (React.createElement(React.Fragment, null,
126
126
  React.createElement(NewInlineEdit, { labelProps: { htmlFor: 'case-details-summary' }, labelContent: React.createElement(React.Fragment, null,
127
- React.createElement(Trans, null, "Problem description"),
127
+ React.createElement(Trans, null, "Problem statement"),
128
128
  React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, isLocalChange: localSummaryChange, value: summary, getTooltipContent: getSummaryChangedTT }),
129
129
  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 },
130
130
  React.createElement(TextInputGroup, null,
package/lib/esm/components/CaseInformation/OpenCaseIssue.d.ts.map CHANGED
@@ -1 +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"}
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,qBAuHnC;kBAvHQ,aAAa;;;AA0HtB,eAAe,aAAa,CAAC"}
package/lib/esm/components/CaseInformation/OpenCaseIssue.js CHANGED
@@ -1,8 +1,8 @@
1
- import { Progress, ProgressMeasureLocation, ProgressSize } from '@patternfly/react-core';
1
+ import { Progress, ProgressMeasureLocation, ProgressSize, ProgressVariant } from '@patternfly/react-core';
2
2
  import { InlineEdit } from '@rh-support/components';
3
3
  import { PreviousCaseTypes } from '@rh-support/utils';
4
4
  import isEmpty from 'lodash/isEmpty';
5
- import React, { useContext, useState } from 'react';
5
+ import React, { useContext, useEffect, useState } from 'react';
6
6
  import { Trans, useTranslation } from 'react-i18next';
7
7
  import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
8
8
  import { RouteContext } from '../../context/RouteContext';
@@ -22,12 +22,12 @@ function OpenCaseIssue(props) {
22
22
  supportType: state.caseDetails.caseType,
23
23
  }));
24
24
  const caseDispatch = useCaseDispatch();
25
- const [isSummaryInValid, setIsSummaryInValid] = useState(false);
25
+ const [isSummaryEmpty, setIsSummaryEmpty] = useState(false);
26
26
  const [hasLargeSummary, setHasLargeSummary] = useState(false);
27
27
  const { routeState: { isNextBtnClickedToShowValidationError }, } = useContext(RouteContext);
28
28
  const onSummaryBlur = (e) => {
29
29
  var _a;
30
- setIsSummaryInValid(isEmpty((_a = e.target.value) === null || _a === void 0 ? void 0 : _a.trim()));
30
+ setIsSummaryEmpty(isEmpty((_a = e.target.value) === null || _a === void 0 ? void 0 : _a.trim()));
31
31
  };
32
32
  const onCaseDetailsChange = (caseDetails) => {
33
33
  setCaseDetails(caseDispatch, caseDetails);
@@ -37,27 +37,41 @@ function OpenCaseIssue(props) {
37
37
  const summaryLocal = isEmpty((_a = e.target.value) === null || _a === void 0 ? void 0 : _a.trim()) ? '' : e.target.value;
38
38
  setHasLargeSummary(summaryLocal.length > SUMMARY_LENGTH_LIMIT);
39
39
  onCaseDetailsChange({ summary: summaryLocal });
40
- setIsSummaryInValid(isEmpty(summaryLocal === null || summaryLocal === void 0 ? void 0 : summaryLocal.trim()));
41
40
  };
41
+ const getVariant = () => {
42
+ if (getIsSummaryInvalid())
43
+ return ProgressVariant.danger;
44
+ if (!summary)
45
+ return ProgressVariant.success;
46
+ if (summary.length > SUMMARY_LENGTH_LIMIT / 2) {
47
+ return ProgressVariant.warning;
48
+ }
49
+ else {
50
+ return ProgressVariant.success;
51
+ }
52
+ };
53
+ const getIsSummaryInvalid = () => hasLargeSummary || (isNextBtnClickedToShowValidationError && isSummaryEmpty);
54
+ const isIdea = () => supportType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
55
+ useEffect(() => {
56
+ setIsSummaryEmpty(summary ? isEmpty(summary.trim()) : true);
57
+ summary && setHasLargeSummary(summary.length > SUMMARY_LENGTH_LIMIT);
58
+ // @ts-ignore
59
+ }, [summary]);
42
60
  return (React.createElement(React.Fragment, null,
43
61
  React.createElement(InlineEdit, { labelProps: {
44
- htmlFor: supportType === PreviousCaseTypes.FEATURE_ENHANCEMENT
45
- ? 'get-support-title'
46
- : 'get-support-summary',
62
+ htmlFor: isIdea() ? 'get-support-title' : 'get-support-summary',
47
63
  }, labelContent: React.createElement(React.Fragment, null,
48
- React.createElement(Trans, null, supportType === PreviousCaseTypes.FEATURE_ENHANCEMENT ? 'Title' : 'Problem description'),
64
+ React.createElement(Trans, null, isIdea() ? 'Title' : 'Problem statement'),
49
65
  ' ',
50
- !!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 },
51
- React.createElement("textarea", { id: supportType === PreviousCaseTypes.FEATURE_ENHANCEMENT
52
- ? 'get-support-title'
53
- : 'get-support-summary', className: `form-control${isSummaryInValid || hasLargeSummary || (isNextBtnClickedToShowValidationError && !summary)
54
- ? ' form-invalid'
55
- : ''}`, "aria-invalid": isSummaryInValid, "aria-required": !!props.required, required: !!props.required, name: supportType === PreviousCaseTypes.FEATURE_ENHANCEMENT
56
- ? 'get-support-title'
57
- : '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
58
- ? 'get-support-title'
59
- : 'get-support-summary', rows: 6 }),
60
- 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}` }))));
66
+ !!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 },
67
+ 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()
68
+ ? t('i18nkeySummarizeIdea', "Summarize what you're experiencing today")
69
+ : 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 }),
70
+ 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" })),
71
+ hasLargeSummary && (React.createElement("div", { className: "pull-top" },
72
+ React.createElement("p", { className: "form-instructions form-invalid" }, isIdea()
73
+ ? t(`The title cannot be more than ${SUMMARY_LENGTH_LIMIT} characters.`)
74
+ : t(`The problem statement cannot be more than ${SUMMARY_LENGTH_LIMIT} characters.`))))));
61
75
  }
62
76
  OpenCaseIssue.defaultProps = defaultProps;
63
77
  export default OpenCaseIssue;
package/lib/esm/components/CaseManagement/RHAssociatesSelector.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RHAssociatesSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/RHAssociatesSelector.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAS5D,MAAM,WAAW,MAAM;CAAG;AAG1B,iBAAS,oBAAoB,CAAC,KAAK,EAAE,MAAM,qBAoM1C;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
1
+ {"version":3,"file":"RHAssociatesSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/RHAssociatesSelector.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAS5D,MAAM,WAAW,MAAM;CAAG;AAG1B,iBAAS,oBAAoB,CAAC,KAAK,EAAE,MAAM,qBAqM1C;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
package/lib/esm/components/CaseManagement/RHAssociatesSelector.js CHANGED
@@ -107,12 +107,12 @@ function RHAssociatesSelector(props) {
107
107
  if (!canNotifyRHAssociates)
108
108
  return React.createElement(React.Fragment, null);
109
109
  return (React.createElement(React.Fragment, null, canNotifyRHAssociates && (React.createElement("div", { className: "form-group" },
110
- React.createElement("label", { htmlFor: "get-support-notifications" },
111
- React.createElement(Trans, null, "Red Hat associates")),
112
- React.createElement(ContactSelectorInternal, { className: "push-bottom-narrow", selectedContacts: filter(selectedNotificationContacts, (c) => c.isInternal), showSelectedContacts: true, contactsToExclude: !isEmpty(selectedOwner.data) ? [{ ssoUsername: selectedOwner.data.ssoUsername }] : [], id: "open-case-rh-notifications", name: "open-case-rh-notifications", multiple: true, contactListParams: {
113
- internal: false, // to get non-ldap contacts only
114
- isInternalContact: true,
115
- }, placeholder: t(`Add an internal associate to watch this case`), onSelect: onNotifiedUserChange, renderToken: renderToken, isUpdating: isRHAssociatesUpdating, "data-tracking-id": "case-contact-select-rh-watcher" }),
110
+ React.createElement("label", { className: "react-typeahead-label-wrapper", htmlFor: "get-support-notifications" },
111
+ React.createElement(Trans, null, "Red Hat associates"),
112
+ React.createElement(ContactSelectorInternal, { className: "push-bottom-narrow", selectedContacts: filter(selectedNotificationContacts, (c) => c.isInternal), showSelectedContacts: true, contactsToExclude: !isEmpty(selectedOwner.data) ? [{ ssoUsername: selectedOwner.data.ssoUsername }] : [], id: "open-case-rh-notifications", name: "open-case-rh-notifications", multiple: true, contactListParams: {
113
+ internal: false, // to get non-ldap contacts only
114
+ isInternalContact: true,
115
+ }, placeholder: t(`Add an internal associate to watch this case`), onSelect: onNotifiedUserChange, renderToken: renderToken, isUpdating: isRHAssociatesUpdating, "data-tracking-id": "case-contact-select-rh-watcher" })),
116
116
  caseNumber && showAddWatchButton() && !isExportingPDF && (React.createElement(Button, { variant: "secondary", onClick: addCurrentUser, type: "button", "data-tracking-id": "case-add-me-rh-watcher" },
117
117
  React.createElement(Trans, null, "Add me as a watcher"))),
118
118
  caseNumber && showRemoveWatchButton() && !isExportingPDF && (React.createElement("div", { ref: toolTipRef, className: "remove-me-as-watcher pf-v5-u-display-inline-block" }, isCurrentUserCaseContact ? (React.createElement(React.Fragment, null,
package/lib/esm/components/Recommendations/RecommendationInfoBox.d.ts.map CHANGED
@@ -1 +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"}
1
+ {"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 CHANGED
@@ -1,27 +1,29 @@
1
1
  import { Accordion, AccordionContent, AccordionItem, AccordionToggle, List, ListItem } from '@patternfly/react-core';
2
2
  import React, { useState } from 'react';
3
- import { Trans } from 'react-i18next';
3
+ import { Trans, useTranslation } from 'react-i18next';
4
+ import { SUMMARY_LENGTH_LIMIT } from '../../reducers/CaseConstNTypes';
4
5
  export const RecommendationInfoBox = () => {
6
+ const { t } = useTranslation();
5
7
  const [isExpanded, setIsExpanded] = useState(true);
6
8
  return (React.createElement(React.Fragment, null,
7
9
  React.createElement(Accordion, { isBordered: true, asDefinitionList: false, className: "pf-v5-u-mb-md" },
8
10
  React.createElement(AccordionItem, null,
9
- React.createElement(AccordionToggle, { id: "recommendation-tips", isExpanded: isExpanded, onClick: () => setIsExpanded(!isExpanded) },
10
- React.createElement(Trans, null, "Tips for problem description field")),
11
+ React.createElement(AccordionToggle, { id: "recommendation-tips", isExpanded: isExpanded, onClick: () => setIsExpanded(!isExpanded) }, t(`Tips for summarizing your problem in under ${SUMMARY_LENGTH_LIMIT} characters`)),
11
12
  React.createElement(AccordionContent, { isHidden: !isExpanded },
12
13
  React.createElement("span", { className: "pf-v5-u-color-100" },
13
- React.createElement(Trans, null, "Include the following information in the description to expedite your case:")),
14
+ React.createElement(Trans, null, "To help us find the right information for you, include 1-2 key details, such as:")),
14
15
  React.createElement(List, { className: "pf-v5-u-ml-lg", style: { listStyleType: 'disc' } },
15
16
  React.createElement(ListItem, null,
16
- React.createElement(Trans, null, "Problem")),
17
+ React.createElement(Trans, null, "Relevant keywords")),
17
18
  React.createElement(ListItem, null,
18
- React.createElement(Trans, null, "Steps you've taken")),
19
+ React.createElement(Trans, null, "Error messages")),
19
20
  React.createElement(ListItem, null,
20
- React.createElement(Trans, null, "Error Messages"))),
21
+ React.createElement(Trans, null, "Specific problems"))),
21
22
  React.createElement("span", { className: "pf-v5-u-color-100" },
22
23
  React.createElement(Trans, null, "Examples:")),
23
- React.createElement("p", null,
24
- React.createElement(Trans, null, "\"we see error/message\", \"function that is failing\"")),
25
- React.createElement("p", null,
26
- React.createElement(Trans, null, "I'm unable to start the SSHD service receiving the error message \"Bad yes/no argument for ShowPatchLevel parameter\"")))))));
24
+ React.createElement(List, { className: "pf-v5-u-ml-lg", style: { listStyleType: 'disc' } },
25
+ React.createElement(ListItem, null,
26
+ 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)")),
27
+ React.createElement(ListItem, null,
28
+ React.createElement(Trans, null, "We see this error message: \u201Cfunction that is failing\u201D. (54/255 characters)"))))))));
27
29
  };
package/lib/esm/components/TroubleshootSection/TroubleshootSection.js CHANGED
@@ -42,7 +42,7 @@ function TroubleshootSection(props) {
42
42
  React.createElement("span", { className: "pf-v5-u-font-family-heading pf-v5-u-ml-xl pf-v5-u-pr-xs" }, "Version"),
43
43
  ' ',
44
44
  version),
45
- React.createElement("div", { className: "pf-v5-u-font-family-heading" }, "Problem Description"),
45
+ React.createElement("div", { className: "pf-v5-u-font-family-heading" }, "Problem statement"),
46
46
  React.createElement("p", { className: "pf-v5-u-mb-xl" }, summary)),
47
47
  !isCreatingCase && (React.createElement(OpenShiftClusterId, { className: "push-bottom", "data-tracking-id": "troubleshoot-section-openshift-cluster-id" })),
48
48
  React.createElement(LoadingDots, { show: topContent.isFetching }),
package/lib/esm/components/shared/useIsSectionValid.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useIsSectionValid.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/useIsSectionValid.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAqB1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAInE,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,gBAAgB;;;;;EAiM9D"}
1
+ {"version":3,"file":"useIsSectionValid.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/useIsSectionValid.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAoB1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAInE,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,gBAAgB;;;;;EA4L9D"}
package/lib/esm/components/shared/useIsSectionValid.js CHANGED
@@ -8,13 +8,13 @@ import { useCaseSelector } from '../../context/CaseContext';
8
8
  import { RecommendationStateContext } from '../../context/RecommendationContext';
9
9
  import { RouteContext } from '../../context/RouteContext';
10
10
  import { TCStateContext } from '../../context/TopContentContext';
11
- import { CASE_REFERENCE_NUMBER_LIMIT, CONTACT_INFO_24X7_LIMIT, DESCRIPTION_LENGTH_LIMIT, HOSTNAME_LENGTH_LIMIT, SUMMARY_LENGTH_LIMIT, } from '../../reducers/CaseConstNTypes';
11
+ import { CASE_REFERENCE_NUMBER_LIMIT, CONTACT_INFO_24X7_LIMIT, HOSTNAME_LENGTH_LIMIT, SUMMARY_LENGTH_LIMIT, } from '../../reducers/CaseConstNTypes';
12
12
  import { isCaseInformationSectionValid, isCaseManagementStateValid, isCaseStateValid, isClusterIDValid, isIdeaCaseStateValid, } from '../../reducers/CaseHelpers';
13
13
  import { AppRouteSections } from '../../reducers/RouteConstNTypes';
14
14
  import { AttachmentStateContext } from './fileUpload/reducer/AttachmentReducerContext';
15
15
  export function useIsSectionValid(sectionName) {
16
16
  var _a, _b;
17
- const { caseState, caseType, product, version, contactSSOName, accountNumber, summary, description, hostname, contactInfo24x7, alternateId, selectedAccountDetails, } = useCaseSelector((state) => ({
17
+ const { caseState, caseType, product, version, contactSSOName, accountNumber, summary, hostname, contactInfo24x7, alternateId, selectedAccountDetails, } = useCaseSelector((state) => ({
18
18
  caseState: state,
19
19
  caseType: state.caseDetails.caseType,
20
20
  product: state.caseDetails.product,
@@ -22,7 +22,6 @@ export function useIsSectionValid(sectionName) {
22
22
  contactSSOName: state.caseDetails.contactSSOName,
23
23
  accountNumber: state.caseDetails.accountNumberRef,
24
24
  summary: state.caseDetails.summary,
25
- description: state.caseDetails.description,
26
25
  hostname: state.caseDetails.hostname,
27
26
  contactInfo24x7: state.caseDetails.contactInfo24x7,
28
27
  alternateId: state.caseDetails.alternateId,
@@ -75,10 +74,7 @@ export function useIsSectionValid(sectionName) {
75
74
  // don't check for entitled product if user is on search intent flow
76
75
  const isEntitledProductLocal = isSearchIntent ? true : isEntitledProduct;
77
76
  return (!recommendationState.isLoadingRecommendations &&
78
- !isEmpty(summary) &&
79
77
  isEntitledProductLocal &&
80
- (summary === null || summary === void 0 ? void 0 : summary.length) <= SUMMARY_LENGTH_LIMIT &&
81
- (description === null || description === void 0 ? void 0 : description.length) <= DESCRIPTION_LENGTH_LIMIT &&
82
78
  isClusterIDValid(caseState, (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult));
83
79
  };
84
80
  const isReviewSectionValid = () => {
package/lib/esm/components/wizardLayout/WizardAside.js CHANGED
@@ -30,7 +30,7 @@ function WizardAside(props) {
30
30
  const canshowEARuleWidget = showSideBarEARuleWidgetSections.includes(activeSection);
31
31
  const canShowClusterIdReportWidget = showSideBarClusterIdRuleWidgetSections.includes(activeSection);
32
32
  const canShowFileRecommendationSectionsWidget = showSideBarFileRecommendationSections.includes(activeSection);
33
- const canShowRecommendationTips = showRecommendationTipsSections.includes(activeSection);
33
+ const canShowRecommendationTips = showRecommendationTipsSections.includes(activeSection) && !isIdea;
34
34
  return (React.createElement("aside", null,
35
35
  React.createElement("section", { className: "grid-aside-content" },
36
36
  canShowFileUploadWidget() && React.createElement(InsightsResults, null),
package/lib/esm/css/app.css CHANGED
@@ -428,3 +428,26 @@ input[type='checkbox'] {
428
428
  position: absolute;
429
429
  width: 100%;
430
430
  }
431
+
432
+ #summary-progress-bar .pf-v5-c-progress__status-icon {
433
+ display: none;
434
+ }
435
+
436
+ #summary-progress-bar .pf-v5-c-progress__bar,
437
+ #summary-progress-bar .pf-v5-c-progress__indicator {
438
+ height: 2px;
439
+ }
440
+
441
+ #summary-progress-bar.gray .pf-v5-c-progress__bar,
442
+ #summary-progress-bar.gray .pf-v5-c-progress__bar::before {
443
+ background-color: var(--pf-v5-global--palette--black-300) !important;
444
+ }
445
+
446
+ #summary-progress-bar .pf-v5-c-progress.pf-m-sm .pf-v5-c-progress__measure {
447
+ font-size: 14px;
448
+ }
449
+
450
+ #summary-progress-bar {
451
+ row-gap: 9px;
452
+ line-height: 2px;
453
+ }
package/lib/esm/css/case.css CHANGED
@@ -85,7 +85,7 @@ button,
85
85
  }
86
86
 
87
87
  .support-comment.private {
88
- background-color: rgba(238, 0, 0, 0.05);
88
+ background-color: var(--pf-v5-global--palette--red-50);
89
89
  }
90
90
 
91
91
  .support-comment header {
package/lib/esm/reducers/CaseHelpers.d.ts.map CHANGED
@@ -1 +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;AAmB3D,OAAO,EAUH,UAAU,EAeb,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,YACZ,MAAM,YACN,MAAM,KACjB,MAyBF,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,+CAqC5B,CAAC;AAIF,eAAO,MAAM,gBAAgB,cAAe,UAAU,wBAAwB,QAAQ,eAAe,CAAC,KAAG,OA6BxG,CAAC;AAEF,eAAO,MAAM,oBAAoB,cAClB,UAAU,wBACC,QAAQ,eAAe,CAAC,KAC/C,OAyBF,CAAC;AAEF,eAAO,MAAM,0BAA0B,cACxB,UAAU,wBACC,QAAQ,eAAe,CAAC,KAC/C,OAmBF,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,CA6EtB,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,CAiCtB,CAAC;AACF,eAAO,MAAM,yBAAyB,gBACrB,QAAQ,YAAY,CAAC,gCACJ,QAAQ,EAAE,KACzC,eAiDF,CAAC"}
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;AAmB3D,OAAO,EAUH,UAAU,EAeb,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,YACZ,MAAM,YACN,MAAM,KACjB,MAyBF,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,+CAqC5B,CAAC;AAIF,eAAO,MAAM,gBAAgB,cAAe,UAAU,wBAAwB,QAAQ,eAAe,CAAC,KAAG,OA6BxG,CAAC;AAEF,eAAO,MAAM,oBAAoB,cAClB,UAAU,wBACC,QAAQ,eAAe,CAAC,KAC/C,OAyBF,CAAC;AAEF,eAAO,MAAM,0BAA0B,cACxB,UAAU,wBACC,QAAQ,eAAe,CAAC,KAC/C,OAYF,CAAC;AAIF,eAAO,MAAM,6BAA6B,cAC3B,UAAU,wBACC,QAAQ,eAAe,CAAC,KAC/C,OAmBF,CAAC;AAEF,eAAO,MAAM,iBAAiB,cACf,UAAU,gBACP,YAAY,iBACZ,OAAO,KACtB,QAAQ,YAAY,CA6EtB,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,CAiCtB,CAAC;AACF,eAAO,MAAM,yBAAyB,gBACrB,QAAQ,YAAY,CAAC,gCACJ,QAAQ,EAAE,KACzC,eAiDF,CAAC"}
package/lib/esm/reducers/CaseHelpers.js CHANGED
@@ -183,13 +183,6 @@ export const isIdeaCaseStateValid = (caseState, loggedInUserJwtToken) => {
183
183
  export const isCaseManagementStateValid = (caseState, loggedInUserJwtToken) => {
184
184
  const case_details = caseState.caseDetails;
185
185
  return (isEmpty(case_details.caseNumber) &&
186
- !caseState.hasLargeCaseDescription &&
187
- !isEmpty(case_details.product) &&
188
- !isEmpty(case_details.version) &&
189
- !isEmpty(case_details.summary) &&
190
- case_details.summary.length <= SUMMARY_LENGTH_LIMIT &&
191
- !isEmpty(case_details.description) &&
192
- case_details.description.length <= DESCRIPTION_LENGTH_LIMIT &&
193
186
  !isEmpty(case_details.severity) &&
194
187
  (caseState.selectedAccountDetails.data.requireCGroupOnCreate
195
188
  ? !isEmpty(case_details.groupNumber) && case_details.groupNumber !== '-1'
@@ -203,10 +196,6 @@ export const isCaseInformationSectionValid = (caseState, loggedInUserJwtToken) =
203
196
  //checks to ensure the ktquestion section is valid
204
197
  return (isEmpty(case_details.caseNumber) &&
205
198
  !caseState.hasLargeCaseDescription &&
206
- !isEmpty(case_details.product) &&
207
- !isEmpty(case_details.version) &&
208
- !isEmpty(case_details.summary) &&
209
- case_details.summary.length <= SUMMARY_LENGTH_LIMIT &&
210
199
  !isEmpty(case_details.description) &&
211
200
  case_details.description.length <= DESCRIPTION_LENGTH_LIMIT &&
212
201
  !isEmpty(case_details.timeFramesAndUrgency) &&
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rh-support/troubleshoot",
3
- "version": "2.2.99",
3
+ "version": "2.2.102",
4
4
  "publishConfig": {
5
5
  "access": "public",
6
6
  "registry": "https://registry.npmjs.org"
@@ -60,11 +60,11 @@
60
60
  "@progress/kendo-licensing": "1.3.5",
61
61
  "@progress/kendo-react-pdf": "^5.16.0",
62
62
  "@redux-devtools/extension": "^3.3.0",
63
- "@rh-support/components": "2.1.50",
64
- "@rh-support/react-context": "2.1.56",
63
+ "@rh-support/components": "2.1.53",
64
+ "@rh-support/react-context": "2.1.59",
65
65
  "@rh-support/types": "2.0.3",
66
- "@rh-support/user-permissions": "2.1.37",
67
- "@rh-support/utils": "2.1.27",
66
+ "@rh-support/user-permissions": "2.1.39",
67
+ "@rh-support/utils": "2.1.29",
68
68
  "@types/react-redux": "^7.1.33",
69
69
  "@types/redux": "^3.6.0",
70
70
  "dompurify": "^2.2.6",
@@ -131,5 +131,5 @@
131
131
  "defaults and supports es6-module",
132
132
  "maintained node versions"
133
133
  ],
134
- "gitHead": "597e442ef0cee495b9e72ebaf3536804d057fa4e"
134
+ "gitHead": "d579286a00d09356cd07729b5750176ad8e3c090"
135
135
  }