@rh-support/troubleshoot 2.2.155 → 2.2.157

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 (13) hide show
  1. package/lib/esm/components/CaseInformation/Description.d.ts.map +1 -1
  2. package/lib/esm/components/CaseInformation/Description.js +3 -3
  3. package/lib/esm/components/CaseInformation/OpenCaseIssue.js +4 -6
  4. package/lib/esm/components/ImproveCase/KtQuestions.d.ts.map +1 -1
  5. package/lib/esm/components/ImproveCase/KtQuestions.js +26 -63
  6. package/lib/esm/components/shared/fileUpload/WidgetFileUploader.js +1 -1
  7. package/lib/esm/components/shared/fileUpload/fileSelectors/WidgetFileSelector.d.ts.map +1 -1
  8. package/lib/esm/components/shared/fileUpload/fileSelectors/WidgetFileSelector.js +1 -1
  9. package/lib/esm/components/shared/fileUpload/fileSelectors/WidgetFileSelectorImage.d.ts.map +1 -1
  10. package/lib/esm/components/shared/fileUpload/fileSelectors/WidgetFileSelectorImage.js +1 -1
  11. package/lib/esm/components/wizardLayout/NewFeatureModal.js +1 -1
  12. package/lib/esm/scss/_pf-overrides.scss +7 -5
  13. package/package.json +2 -2
package/lib/esm/components/CaseInformation/Description.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Description.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Description.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAQ3D,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,MAAM,qBA6KhD"}
1
+ {"version":3,"file":"Description.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Description.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAQ3D,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,MAAM,qBAoKhD"}
package/lib/esm/components/CaseInformation/Description.js CHANGED
@@ -13,7 +13,7 @@ import { getUpdatedDescription } from '../../reducers/CaseHelpers';
13
13
  import { setCaseDetails } from '../../reducers/CaseReducer';
14
14
  export default function Description(props) {
15
15
  const { t } = useTranslation();
16
- const { hasLargeCaseDescription, issue, environment, periodicityOfIssue, timeFramesAndUrgency, v3ClusterName, summary, version, } = useCaseSelector((state) => ({
16
+ const { issue, environment, periodicityOfIssue, timeFramesAndUrgency, v3ClusterName, summary, version } = useCaseSelector((state) => ({
17
17
  summary: state.caseDetails.summary,
18
18
  description: state.caseDetails.description,
19
19
  issue: state.caseDetails.issue,
@@ -74,8 +74,8 @@ export default function Description(props) {
74
74
  React.createElement(Popover, { position: 'right', isVisible: isOpen, shouldClose: handleClose, headerContent: headerPopoverContent, bodyContent: PopoverContent },
75
75
  React.createElement(Button, { variant: "plain", "aria-label": "More info for problem description", onClick: handleToggle, className: "pf-v5-u-pl-sm kt-question-help-icon" },
76
76
  React.createElement(HelpIcon, null)))))), labelProps: { htmlFor: 'get-support-ktQ1-issue' }, content: issue, allowInlineEdit: !!props.inlineEditable, hideSaveCancel: !!props.hideSaveCancel, initialIsEditing: isEmpty(issue), usePreformattedTag: true, saveOnBlur: true },
77
- React.createElement(TextArea, { id: "get-support-ktQ1-issue", name: "get-support-ktQ1-issue", className: (isEmpty(summary) || isEmpty(version)) && isEmpty(issue) ? 'kt1-disabled' : '', "aria-invalid": (issue === null || issue === void 0 ? void 0 : issue.length) > CASE_DETAILS_ISSUE_LIMIT ? 'true' : 'false', "aria-required": isKT1Required, isRequired: isKT1Required, value: issue, disabled: (isEmpty(summary) || isEmpty(version)) && isEmpty(issue), isDisabled: hasLargeCaseDescription && isEmpty(issue), onChange: (e, value) => onKTQ1IssueChange(value, e), "data-tracking-id": "get-support-ktQ1-issue", placeholder: t(`The more detail that you include, the easier it is for us to help you. \nExample: \nI'm unable to start the SSHD service and am receiving the error message "Bad yes/no \nargument for ShowPatchLevel parameter"`), resizeOrientation: "vertical", validated: props.isSummarizeInvalid ? 'error' : 'default', rows: isLgScreenHeight ? 10 : 4, ref: textAreaRef, onClick: handleTextAreaClick }),
77
+ React.createElement(TextArea, { id: "get-support-ktQ1-issue", name: "get-support-ktQ1-issue", className: (isEmpty(summary) || isEmpty(version)) && isEmpty(issue) ? 'kt1-disabled' : '', "aria-invalid": (issue === null || issue === void 0 ? void 0 : issue.length) > CASE_DETAILS_ISSUE_LIMIT ? 'true' : 'false', "aria-required": isKT1Required, isRequired: isKT1Required, value: issue, disabled: (isEmpty(summary) || isEmpty(version)) && isEmpty(issue), onChange: (e, value) => onKTQ1IssueChange(value, e), "data-tracking-id": "get-support-ktQ1-issue", placeholder: t(`The more detail that you include, the easier it is for us to help you. \nExample: \nI'm unable to start the SSHD service and am receiving the error message "Bad yes/no \nargument for ShowPatchLevel parameter"`), resizeOrientation: "vertical", validated: props.isSummarizeInvalid ? 'error' : 'default', rows: isLgScreenHeight ? 10 : 4, ref: textAreaRef, onClick: handleTextAreaClick }),
78
78
  React.createElement("p", { className: "form-instructions pf-v5-u-danger-color-100", "data-tracking-id": "large-20k-warning-ktQ1-environment" }, `${(issue === null || issue === void 0 ? void 0 : issue.length) > CASE_DETAILS_ISSUE_LIMIT
79
- ? `This description exceeds ${CASE_DETAILS_ISSUE_LIMIT}. Try shortening it.`
79
+ ? `This description exceeds ${CASE_DETAILS_ISSUE_LIMIT} characters. Try shortening it.`
80
80
  : ''}`)));
81
81
  }
package/lib/esm/components/CaseInformation/OpenCaseIssue.js CHANGED
@@ -1,4 +1,4 @@
1
- import { Progress, ProgressMeasureLocation, ProgressSize, ProgressVariant } from '@patternfly/react-core';
1
+ import { Progress, ProgressMeasureLocation, ProgressSize, ProgressVariant, TextInput } 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';
@@ -80,13 +80,11 @@ function OpenCaseIssue(props) {
80
80
  !!props.required && (React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))), helperContent: React.createElement("div", { className: "title-summary-counter" },
81
81
  `${summary === null || summary === void 0 ? void 0 : summary.length} / ${TITLE_SUMMARY_LENGTH_LIMIT}`,
82
82
  " "), allowInlineEdit: props.inlineEditable, hideSaveCancel: !!props.hideSaveCancel, initialIsEditing: !!props.initialIsEditing, saveOnBlur: true, collapseOnBlur: !!props.collapseOnBlur && !isSummaryEmpty, content: summary },
83
- React.createElement("textarea", { id: isIdea() ? 'get-support-title' : 'get-support-summary', className: `form-control ${getTitleSummaryInvalid() ? ' form-invalid' : ''} ${isEmpty(version) ? 'issue-title-disabled' : ''}`, "aria-invalid": getTitleSummaryInvalid(), "aria-required": !!props.required, required: !!props.required, name: isIdea() ? 'get-support-title' : 'get-support-summary', placeholder: isIdea()
83
+ React.createElement(TextInput, { id: isIdea() ? 'get-support-title' : 'get-support-summary', className: `form-control ${getTitleSummaryInvalid() ? ' form-invalid' : ''} ${isEmpty(version) ? 'issue-title-disabled' : ''}`, validated: summary && (summary === null || summary === void 0 ? void 0 : summary.length) > TITLE_SUMMARY_LENGTH_LIMIT ? 'error' : 'default', "aria-invalid": getTitleSummaryInvalid(), "aria-required": !!props.required, required: !!props.required, name: isIdea() ? 'get-support-title' : 'get-support-summary', placeholder: isIdea()
84
84
  ? t('i18nkeySummarizeIdea', "Summarize what you're experiencing today")
85
- : t('i18nkeySummarizeExperience', 'Create a heading that summarizes your issue'), value: summary, onChange: onSummaryChange, onBlur: onSummaryBlur, autoFocus: !!props.autoFocus, "data-tracking-id": isIdea() ? 'get-support-title' : 'get-support-summary', rows: 1, disabled: isEmpty(version) }),
85
+ : t('i18nkeySummarizeExperience', 'Create a heading that summarizes your issue'), value: summary, onChange: onSummaryChange, onBlur: onSummaryBlur, autoFocus: !!props.autoFocus, "data-tracking-id": isIdea() ? 'get-support-title' : 'get-support-summary', rows: 1, "aria-disabled": isEmpty(version), isDisabled: isEmpty(version) }),
86
86
  React.createElement(React.Fragment, null, hasLargeTitleSummary && (React.createElement("div", null,
87
- React.createElement("p", { className: "form-instructions form-invalid pf-v5-u-danger-color-100 title-summary-error" }, isIdea()
88
- ? t(`This title exceeds ${TITLE_SUMMARY_LENGTH_LIMIT}. Try shortening it.`)
89
- : t(`The title cannot be more than ${TITLE_SUMMARY_LENGTH_LIMIT} characters.`))))),
87
+ React.createElement("p", { className: "form-instructions form-invalid pf-v5-u-danger-color-100 title-summary-error" }, t(`This title exceeds ${TITLE_SUMMARY_LENGTH_LIMIT} characters. Try shortening it.`))))),
90
88
  React.createElement(Description, { isSummarizeInvalid: getIssueSummaryInvalid() }),
91
89
  React.createElement(Progress, { value: issue === null || issue === void 0 ? void 0 : issue.length, min: 0, max: ISSUE_SUMMARY_LENGTH_LIMIT, size: ProgressSize.sm, label: `${issue === null || issue === void 0 ? void 0 : issue.length} / ${ISSUE_SUMMARY_LENGTH_LIMIT}`, valueText: `${issue === null || issue === void 0 ? void 0 : issue.length} / ${ISSUE_SUMMARY_LENGTH_LIMIT}`, measureLocation: ProgressMeasureLocation.top, "aria-label": `Progress - ${issue === null || issue === void 0 ? void 0 : issue.length} / ${ISSUE_SUMMARY_LENGTH_LIMIT}`, variant: getVariant(), title: ' ', className: `pf-v5-u-mt-md ${!isNextBtnClickedToShowValidationError && isEmpty(issue) ? 'gray' : ''}`, id: "summary-progress-bar" }))));
92
90
  }
package/lib/esm/components/ImproveCase/KtQuestions.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"KtQuestions.d.ts","sourceRoot":"","sources":["../../../../src/components/ImproveCase/KtQuestions.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAkB/D,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAGD,iBAAS,WAAW,CAAC,KAAK,EAAE,MAAM,qBA8VjC;kBA9VQ,WAAW;;;AAgWpB,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"KtQuestions.d.ts","sourceRoot":"","sources":["../../../../src/components/ImproveCase/KtQuestions.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAkB/D,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAGD,iBAAS,WAAW,CAAC,KAAK,EAAE,MAAM,qBAuSjC;kBAvSQ,WAAW;;;AAySpB,eAAe,WAAW,CAAC"}
package/lib/esm/components/ImproveCase/KtQuestions.js CHANGED
@@ -12,39 +12,14 @@ import { setCaseDetails } from '../../reducers/CaseReducer';
12
12
  const defaultProps = { inlineEditable: false, hideSaveCancel: false, onlyShowKT4: false };
13
13
  function KtQuestions(props) {
14
14
  const { t } = useTranslation();
15
- const { description, hasLargeCaseDescription, issue, environment, periodicityOfIssue, timeFramesAndUrgency, v3ClusterName, } = useCaseSelector((state) => ({
16
- description: state.caseDetails.description,
15
+ const { issue, environment, periodicityOfIssue, timeFramesAndUrgency, v3ClusterName } = useCaseSelector((state) => ({
17
16
  issue: state.caseDetails.issue,
18
17
  environment: state.caseDetails.environment,
19
18
  periodicityOfIssue: state.caseDetails.periodicityOfIssue,
20
19
  timeFramesAndUrgency: state.caseDetails.timeFramesAndUrgency,
21
- hasLargeCaseDescription: state.hasLargeCaseDescription,
22
20
  v3ClusterName: state.v3ClusterName,
23
21
  }), isEqual);
24
22
  const caseDispatch = useCaseDispatch();
25
- const [isKTQ2TextAreaActive, setKTQ2TextAreaActive] = useState(false);
26
- const [hasFocusedLostKT2, setHasFocusedLostKT2] = useState(false);
27
- const onKTQ2FocusChange = (e) => {
28
- setKTQ2TextAreaActive(e.type === 'focus');
29
- e.type === 'blur' && setHasFocusedLostKT2(true);
30
- };
31
- const [isKTQ3TextAreaActive, setKTQ3TextAreaActive] = useState(false);
32
- const [hasFocusedLostKT3, setHasFocusedLostKT3] = useState(false);
33
- const onKTQ3FocusChange = (e) => {
34
- setKTQ3TextAreaActive(e.type === 'focus');
35
- e.type === 'blur' && setHasFocusedLostKT3(true);
36
- };
37
- const [isKTQ4TextAreaActive, setKTQ4TextAreaActive] = useState(false);
38
- const [isKTQ4InValid, setKTQ4InValid] = useState(false);
39
- const [hasFocusedLostKT4, setHasFocusedLostKT4] = useState(false);
40
- const onKTQ4FocusChange = (e) => {
41
- setKTQ4TextAreaActive(e.type === 'focus');
42
- e.type !== 'focus' && setKTQ4InValid(isEmpty(description));
43
- e.type === 'blur' && setHasFocusedLostKT4(true);
44
- };
45
- useEffect(() => {
46
- hasFocusedLostKT4 && setKTQ4InValid(isEmpty(description) && isEmpty(timeFramesAndUrgency));
47
- }, [description, timeFramesAndUrgency, hasFocusedLostKT2, hasFocusedLostKT3, hasFocusedLostKT4]);
48
23
  const onCaseDetailsChange = (caseDetails) => {
49
24
  setCaseDetails(caseDispatch, caseDetails);
50
25
  };
@@ -73,46 +48,31 @@ function KtQuestions(props) {
73
48
  const isKT2Required = false;
74
49
  const isKT3Required = false;
75
50
  const isKT4Required = true;
76
- const invalidateQT4 = (value) => {
77
- return isEmpty(value) && hasFocusedLostKT4;
78
- };
79
51
  const [isQ4Empty, setIsQ4Empty] = useState(false);
80
- const [hasLargeQ2, setHasLargeQ2] = useState(false);
81
- const [hasLargeQ3, setHasLargeQ3] = useState(false);
82
52
  const [hasLargeQ4, setHasLargeQ4] = useState(false);
83
53
  useEffect(() => {
84
54
  setIsQ4Empty(timeFramesAndUrgency ? isEmpty(timeFramesAndUrgency.trim()) : true);
85
- environment && setHasLargeQ2(environment.length > KTQUESTION_MAX_LIMIT);
86
- periodicityOfIssue && setHasLargeQ3(periodicityOfIssue.length > KTQUESTION_MAX_LIMIT);
87
55
  timeFramesAndUrgency && setHasLargeQ4(timeFramesAndUrgency.length > KTQUESTION_MAX_LIMIT);
88
56
  // @ts-ignore
89
57
  }, [environment, periodicityOfIssue, timeFramesAndUrgency]);
90
- const getQ2Invalid = () => hasLargeQ2;
91
- const getQ3Invalid = () => hasLargeQ3;
92
58
  const getQ4Invalid = () => hasLargeQ4 || (isNextBtnClickedToShowValidationError && isQ4Empty);
93
59
  const getVariantQ2 = () => {
94
- if (getQ2Invalid())
95
- return ProgressVariant.danger;
96
- if (!environment)
60
+ if (!environment || isEmpty(environment))
97
61
  return ProgressVariant.success;
98
- if (environment.length > KTQUESTION_MAX_LIMIT / 2) {
62
+ if (environment.length > KTQUESTION_MAX_LIMIT)
63
+ return ProgressVariant.danger;
64
+ if (environment.length > KTQUESTION_MAX_LIMIT / 2)
99
65
  return ProgressVariant.warning;
100
- }
101
- else {
102
- return ProgressVariant.success;
103
- }
66
+ return ProgressVariant.success;
104
67
  };
105
68
  const getVariantQ3 = () => {
106
- if (getQ3Invalid())
107
- return ProgressVariant.danger;
108
- if (!periodicityOfIssue)
69
+ if (!periodicityOfIssue || isEmpty(periodicityOfIssue))
109
70
  return ProgressVariant.success;
110
- if (periodicityOfIssue.length > KTQUESTION_MAX_LIMIT / 2) {
71
+ if (periodicityOfIssue.length > KTQUESTION_MAX_LIMIT)
72
+ return ProgressVariant.danger;
73
+ if (periodicityOfIssue.length > KTQUESTION_MAX_LIMIT / 2)
111
74
  return ProgressVariant.warning;
112
- }
113
- else {
114
- return ProgressVariant.success;
115
- }
75
+ return ProgressVariant.success;
116
76
  };
117
77
  const getVariantQ4 = () => {
118
78
  if (getQ4Invalid())
@@ -131,32 +91,35 @@ function KtQuestions(props) {
131
91
  t(KtQuestionConstant.timeFramesAndUrgency),
132
92
  ' ',
133
93
  isKT4Required && (React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))), allowInlineEdit: props.inlineEditable, hideSaveCancel: props.hideSaveCancel, initialIsEditing: isEmpty(timeFramesAndUrgency) || timeFramesAndUrgency.length > KTQUESTION_MAX_LIMIT, usePreformattedTag: true, saveOnBlur: true, content: timeFramesAndUrgency },
134
- React.createElement(TextArea, { validated: invalidateQT4(timeFramesAndUrgency) ||
135
- (isNextBtnClickedToShowValidationError && isEmpty(timeFramesAndUrgency)) ||
136
- isKTQ4InValid
94
+ React.createElement(TextArea, { validated: getQ4Invalid() ||
95
+ (timeFramesAndUrgency && (timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length) > CASE_DETAILS_TIMEFRAMESANDURGENCY_LIMIT)
137
96
  ? 'error'
138
97
  : 'default', "aria-invalid": timeFramesAndUrgency && (timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length) > CASE_DETAILS_TIMEFRAMESANDURGENCY_LIMIT
139
98
  ? 'true'
140
- : 'false', id: "ktQ4-timeFramesAndUrgency", value: timeFramesAndUrgency, isDisabled: isEmpty(timeFramesAndUrgency) && hasLargeCaseDescription && !isKTQ4TextAreaActive, onChange: (e, value) => onKtQ4Change(value, e), onFocus: onKTQ4FocusChange, onBlur: onKTQ4FocusChange, "aria-required": isKT4Required, "data-tracking-id": "get-support-ktQ4-timeFramesAndUrgency", placeholder: t('Describe the user or financial impact. Tell us about any legal, national, or medical urgency.'), isRequired: isKT4Required, resizeOrientation: "vertical", rows: 5 }),
141
- React.createElement(Progress, { value: timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length, min: 0, max: KTQUESTION_MAX_LIMIT, size: ProgressSize.sm, label: `${timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length} / ${KTQUESTION_MAX_LIMIT}`, valueText: `${timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length} / ${KTQUESTION_MAX_LIMIT}`, measureLocation: ProgressMeasureLocation.top, "aria-label": `Progress - ${timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length} / ${KTQUESTION_MAX_LIMIT}`, variant: getVariantQ4(), title: ' ', className: `pf-v5-u-mt-md kt-progress-bar`, id: "summary-progress-bar" }),
142
- React.createElement("p", { className: "form-instructions pf-v5-u-danger-color-100", "data-tracking-id": "large-4k-warning-ktQ4-environment" }, `${(timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length) > CASE_DETAILS_TIMEFRAMESANDURGENCY_LIMIT ? KTQ4LengthError : ''}`)),
99
+ : 'false', id: "ktQ4-timeFramesAndUrgency", value: timeFramesAndUrgency, onChange: (e, value) => onKtQ4Change(value, e), "aria-required": isKT4Required, "data-tracking-id": "get-support-ktQ4-timeFramesAndUrgency", placeholder: t('Describe the user or financial impact. Tell us about any legal, national, or medical urgency.'), isRequired: isKT4Required, resizeOrientation: "vertical", rows: 5 }),
100
+ React.createElement("p", { className: "form-instructions pf-v5-u-danger-color-100", "data-tracking-id": "large-4k-warning-ktQ4-environment" }, `${(timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length) > CASE_DETAILS_TIMEFRAMESANDURGENCY_LIMIT ? KTQ4LengthError : ''}`),
101
+ React.createElement(Progress, { value: timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length, min: 0, max: KTQUESTION_MAX_LIMIT, size: ProgressSize.sm, label: `${timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length} / ${KTQUESTION_MAX_LIMIT}`, valueText: `${timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length} / ${KTQUESTION_MAX_LIMIT}`, measureLocation: ProgressMeasureLocation.top, "aria-label": `Progress - ${timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length} / ${KTQUESTION_MAX_LIMIT}`, variant: getVariantQ4(), title: ' ', className: `pf-v5-u-mt-md kt-progress-bar`, id: "summary-progress-bar" })),
143
102
  !props.onlyShowKT4 && (React.createElement(React.Fragment, null,
144
103
  React.createElement(InlineEdit, { labelProps: { htmlFor: 'ktQ2-environment' }, labelContent: React.createElement(React.Fragment, null,
145
104
  t(KtQuestionConstant.environment),
146
105
  ' ',
147
106
  isKT2Required && (React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))), allowInlineEdit: props.inlineEditable, hideSaveCancel: props.hideSaveCancel, initialIsEditing: isEmpty(environment) || environment.length > KTQUESTION_MAX_LIMIT, usePreformattedTag: true, saveOnBlur: true, content: environment },
148
- React.createElement(TextArea, { id: "ktQ2-environment", value: environment, isDisabled: isEmpty(environment) && hasLargeCaseDescription && !isKTQ2TextAreaActive, onChange: (e, value) => onKtQ2Change(value, e), onFocus: onKTQ2FocusChange, onBlur: onKTQ2FocusChange, "aria-required": isKT2Required, isRequired: isKT2Required, "data-tracking-id": "get-support-ktQ2-environment", "aria-invalid": environment && (environment === null || environment === void 0 ? void 0 : environment.length) > CASE_DEATILS_ENVIRONMENT_LIMIT ? 'true' : 'false', resizeOrientation: "vertical", placeholder: t('Please provide details about the location, device, software version, etc. where you encounter this issue'), rows: 5 }),
149
- React.createElement(Progress, { value: environment === null || environment === void 0 ? void 0 : environment.length, min: 0, max: KTQUESTION_MAX_LIMIT, size: ProgressSize.sm, label: `${environment === null || environment === void 0 ? void 0 : environment.length} / ${KTQUESTION_MAX_LIMIT}`, valueText: `${environment === null || environment === void 0 ? void 0 : environment.length} / ${KTQUESTION_MAX_LIMIT}`, measureLocation: ProgressMeasureLocation.top, "aria-label": `Progress - ${environment === null || environment === void 0 ? void 0 : environment.length} / ${KTQUESTION_MAX_LIMIT}`, variant: getVariantQ2(), title: ' ', className: `pf-v5-u-mt-md kt-progress-bar`, id: "summary-progress-bar" }),
150
- React.createElement("p", { className: "form-instructions pf-v5-u-danger-color-100", "data-tracking-id": "large-4k-warning-ktQ2-environment" }, `${(environment === null || environment === void 0 ? void 0 : environment.length) > KTQUESTION_MAX_LIMIT ? KTQ2LengthError : ''}`)),
107
+ React.createElement(TextArea, { id: "ktQ2-environment", validated: environment && (environment === null || environment === void 0 ? void 0 : environment.length) > CASE_DEATILS_ENVIRONMENT_LIMIT
108
+ ? 'error'
109
+ : 'default', value: environment, onChange: (e, value) => onKtQ2Change(value, e), "aria-required": isKT2Required, isRequired: isKT2Required, "data-tracking-id": "get-support-ktQ2-environment", "aria-invalid": environment && (environment === null || environment === void 0 ? void 0 : environment.length) > CASE_DEATILS_ENVIRONMENT_LIMIT ? 'true' : 'false', resizeOrientation: "vertical", placeholder: t('Please provide details about the location, device, software version, etc. where you encounter this issue'), rows: 5 }),
110
+ React.createElement("p", { className: "form-instructions pf-v5-u-danger-color-100", "data-tracking-id": "large-4k-warning-ktQ2-environment" }, `${(environment === null || environment === void 0 ? void 0 : environment.length) > KTQUESTION_MAX_LIMIT ? KTQ2LengthError : ''}`),
111
+ React.createElement(Progress, { value: environment === null || environment === void 0 ? void 0 : environment.length, min: 0, max: KTQUESTION_MAX_LIMIT, size: ProgressSize.sm, label: `${environment === null || environment === void 0 ? void 0 : environment.length} / ${KTQUESTION_MAX_LIMIT}`, valueText: `${environment === null || environment === void 0 ? void 0 : environment.length} / ${KTQUESTION_MAX_LIMIT}`, measureLocation: ProgressMeasureLocation.top, "aria-label": `Progress - ${environment === null || environment === void 0 ? void 0 : environment.length} / ${KTQUESTION_MAX_LIMIT}`, variant: getVariantQ2(), title: ' ', className: `pf-v5-u-mt-md kt-progress-bar`, id: "summary-progress-bar" })),
151
112
  React.createElement(InlineEdit, { labelProps: { htmlFor: 'ktQ3-periodicityOfIssue' }, labelContent: React.createElement(React.Fragment, null,
152
113
  t(KtQuestionConstant.periodicityOfIssue),
153
114
  ' ',
154
115
  isKT3Required && (React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))), allowInlineEdit: props.inlineEditable, hideSaveCancel: props.hideSaveCancel, initialIsEditing: isEmpty(periodicityOfIssue) || periodicityOfIssue.length > KTQUESTION_MAX_LIMIT, usePreformattedTag: true, saveOnBlur: true, content: periodicityOfIssue },
155
- React.createElement(TextArea, { id: "ktQ3-periodicityOfIssue", value: periodicityOfIssue, isDisabled: isEmpty(periodicityOfIssue) && hasLargeCaseDescription && !isKTQ3TextAreaActive, onChange: (e, value) => onKtQ3Change(value, e), 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
116
+ React.createElement(TextArea, { id: "ktQ3-periodicityOfIssue", validated: periodicityOfIssue && (periodicityOfIssue === null || periodicityOfIssue === void 0 ? void 0 : periodicityOfIssue.length) > CASE_DEATILS_PERIODICITYOFISSUE_LIMIT
117
+ ? 'error'
118
+ : 'default', value: periodicityOfIssue, onChange: (e, value) => onKtQ3Change(value, e), "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
156
119
  ? 'true'
157
120
  : 'false', resizeOrientation: "vertical", placeholder: t('Describe when and how often the problem occurs, e.g., daily, after specific actions, at particular times of day, etc.'), rows: 5 }),
158
- React.createElement(Progress, { value: periodicityOfIssue === null || periodicityOfIssue === void 0 ? void 0 : periodicityOfIssue.length, min: 0, max: KTQUESTION_MAX_LIMIT, size: ProgressSize.sm, label: `${periodicityOfIssue === null || periodicityOfIssue === void 0 ? void 0 : periodicityOfIssue.length} / ${KTQUESTION_MAX_LIMIT}`, valueText: `${periodicityOfIssue === null || periodicityOfIssue === void 0 ? void 0 : periodicityOfIssue.length} / ${KTQUESTION_MAX_LIMIT}`, measureLocation: ProgressMeasureLocation.top, "aria-label": `Progress - ${periodicityOfIssue === null || periodicityOfIssue === void 0 ? void 0 : periodicityOfIssue.length} / ${KTQUESTION_MAX_LIMIT}`, variant: getVariantQ3(), title: ' ', className: `pf-v5-u-mt-md kt-progress-bar`, id: "summary-progress-bar" }),
159
- React.createElement("p", { className: "form-instructions pf-v5-u-danger-color-100", "data-tracking-id": "large-4k-warning-ktQ3-environment" }, `${(periodicityOfIssue === null || periodicityOfIssue === void 0 ? void 0 : periodicityOfIssue.length) > CASE_DEATILS_PERIODICITYOFISSUE_LIMIT ? KTQ3LengthError : ''}`))))));
121
+ React.createElement("p", { className: "form-instructions pf-v5-u-danger-color-100", "data-tracking-id": "large-4k-warning-ktQ3-environment" }, `${(periodicityOfIssue === null || periodicityOfIssue === void 0 ? void 0 : periodicityOfIssue.length) > CASE_DEATILS_PERIODICITYOFISSUE_LIMIT ? KTQ3LengthError : ''}`),
122
+ React.createElement(Progress, { value: periodicityOfIssue === null || periodicityOfIssue === void 0 ? void 0 : periodicityOfIssue.length, min: 0, max: KTQUESTION_MAX_LIMIT, size: ProgressSize.sm, label: `${periodicityOfIssue === null || periodicityOfIssue === void 0 ? void 0 : periodicityOfIssue.length} / ${KTQUESTION_MAX_LIMIT}`, valueText: `${periodicityOfIssue === null || periodicityOfIssue === void 0 ? void 0 : periodicityOfIssue.length} / ${KTQUESTION_MAX_LIMIT}`, measureLocation: ProgressMeasureLocation.top, "aria-label": `Progress - ${periodicityOfIssue === null || periodicityOfIssue === void 0 ? void 0 : periodicityOfIssue.length} / ${KTQUESTION_MAX_LIMIT}`, variant: getVariantQ3(), title: ' ', className: `pf-v5-u-mt-md kt-progress-bar`, id: "summary-progress-bar" }))))));
160
123
  }
161
124
  KtQuestions.defaultProps = defaultProps;
162
125
  export default KtQuestions;
package/lib/esm/components/shared/fileUpload/WidgetFileUploader.js CHANGED
@@ -147,7 +147,7 @@ function WidgetFileUploader(props) {
147
147
  }
148
148
  });
149
149
  return (React.createElement("div", { className: `card card-white card-support file-diag ${props.className || ''}`, onPaste: handlePaste },
150
- React.createElement("h2", { className: "card-heading card-widget-file-upload-heading" }, props.isIdea || props.isSecureSupport ? (React.createElement(Trans, null, "File uploader")) : (React.createElement(Trans, null, "Upload file to analyze"))),
150
+ React.createElement("h2", { className: "card-heading card-widget-file-upload-heading" }, props.isIdea || props.isSecureSupport ? (React.createElement(Trans, null, "File uploader")) : (React.createElement(Trans, null, "Upload a file for Red Hat to analyze"))),
151
151
  React.createElement("div", { className: "card-body" },
152
152
  React.createElement(WidgetFileSelector, { isSessionId: props.isSessionId, isPrivate: props.isPrivate, isIdea: props.isIdea, showFileExceed: fileExceedInfo }),
153
153
  !hasSomeSelectedFiles(selectedLocalFiles) ? ((!props.isIdea && props.helperText) || (React.createElement("p", { className: "pf-v5-u-mt-sm" },
package/lib/esm/components/shared/fileUpload/fileSelectors/WidgetFileSelector.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"WidgetFileSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/fileUpload/fileSelectors/WidgetFileSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,UAAU,MAAO,SAAQ,gBAAgB;IACrC,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE;QACb,IAAI,EAAE,OAAO,CAAC;QACd,QAAQ,EAAE,MAAM,EAAE,CAAC;KACtB,CAAC;CACL;AAED,iBAAS,kBAAkB,CAAC,EACxB,EAAO,EACP,SAAc,EACd,WAAW,EACX,SAAiB,EACjB,MAAc,EACd,cAA8C,GACjD,EAAE,MAAM,qBAuER;AAED,eAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"WidgetFileSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/fileUpload/fileSelectors/WidgetFileSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,UAAU,MAAO,SAAQ,gBAAgB;IACrC,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE;QACb,IAAI,EAAE,OAAO,CAAC;QACd,QAAQ,EAAE,MAAM,EAAE,CAAC;KACtB,CAAC;CACL;AAED,iBAAS,kBAAkB,CAAC,EACxB,EAAO,EACP,SAAc,EACd,WAAW,EACX,SAAiB,EACjB,MAAc,EACd,cAA8C,GACjD,EAAE,MAAM,qBAmER;AAED,eAAe,kBAAkB,CAAC"}
package/lib/esm/components/shared/fileUpload/fileSelectors/WidgetFileSelector.js CHANGED
@@ -27,7 +27,7 @@ function WidgetFileSelector({ id = '', className = '', isSessionId, isPrivate =
27
27
  return (React.createElement(React.Fragment, null,
28
28
  React.createElement("label", Object.assign({ className: "file-diag-dragndrop", htmlFor: "file-diag-selector" }, getRootProps({ onClick: onLabelClick }), { "data-tracking-id": "file-selector-widget-main" }),
29
29
  React.createElement("input", Object.assign({ id: "file-diag-selector" }, getInputProps())),
30
- isDragActive ? (t(`Drop your file here...`)) : (React.createElement(Trans, null, "Drag and drop, paste, or browse to upload a file")),
30
+ isDragActive ? t(`Drop your file here...`) : React.createElement(Trans, null, "Drag and drop, or browse to upload a file"),
31
31
  isIdea && (React.createElement("div", { className: "pf-v5-u-text-align-center pf-v5-u-color-300 pf-v5-u-font-weight-normal" },
32
32
  React.createElement(Trans, null, "Files must be less than 5 MB.")))),
33
33
  isIdea && (React.createElement("p", { className: "pf-v5-u-danger-color-200" },
package/lib/esm/components/shared/fileUpload/fileSelectors/WidgetFileSelectorImage.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"WidgetFileSelectorImage.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/fileUpload/fileSelectors/WidgetFileSelectorImage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,UAAU,MAAO,SAAQ,gBAAgB;IACrC,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;CACtB;AAED,iBAAS,uBAAuB,CAAC,EAAE,EAAO,EAAE,SAAc,EAAE,WAAW,EAAE,SAAiB,EAAE,EAAE,MAAM,qBA4DnG;AAED,eAAe,uBAAuB,CAAC"}
1
+ {"version":3,"file":"WidgetFileSelectorImage.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/fileUpload/fileSelectors/WidgetFileSelectorImage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,UAAU,MAAO,SAAQ,gBAAgB;IACrC,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;CACtB;AAED,iBAAS,uBAAuB,CAAC,EAAE,EAAO,EAAE,SAAc,EAAE,WAAW,EAAE,SAAiB,EAAE,EAAE,MAAM,qBAwDnG;AAED,eAAe,uBAAuB,CAAC"}
package/lib/esm/components/shared/fileUpload/fileSelectors/WidgetFileSelectorImage.js CHANGED
@@ -26,7 +26,7 @@ function WidgetFileSelectorImage({ id = '', className = '', isSessionId, isPriva
26
26
  return (React.createElement(React.Fragment, null,
27
27
  React.createElement("label", Object.assign({ className: "file-diag-dragndrop", htmlFor: "file-diag-selector" }, getRootProps({ onClick: onLabelClick }), { "data-tracking-id": "file-selector-widget-main" }),
28
28
  React.createElement("input", Object.assign({ id: "file-diag-selector" }, getInputProps())),
29
- isDragActive ? (t(`Drop your file here...`)) : (React.createElement(Trans, null, "Drag and drop, paste, or browse to upload a file")),
29
+ isDragActive ? t(`Drop your file here...`) : React.createElement(Trans, null, "Drag and drop, or browse to upload a file"),
30
30
  React.createElement("div", { className: "pf-v5-u-text-align-center pf-v5-u-color-300 pf-v5-u-font-weight-normal" },
31
31
  React.createElement(Trans, null, "Files must be less than 5 MB."))),
32
32
  ' ',
package/lib/esm/components/wizardLayout/NewFeatureModal.js CHANGED
@@ -32,7 +32,7 @@ const NewFeatureModal = () => {
32
32
  ], showClose: false },
33
33
  React.createElement(RedHatCustomerPortalIcon, null),
34
34
  React.createElement(Title, { headingLevel: "h2", className: "pf-v5-u-font-weight-bold" }, t('Change: Application Announcement For KT Question Update')),
35
- React.createElement(Trans, null, "Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source."),
35
+ React.createElement(Trans, null, "Welcome back! To improve your troubleshooting experience, we've updated how you create cases, changed the questions we ask, and given you more chances to edit your problem. We want to help you solve your technical challenges quickly."),
36
36
  React.createElement(Checkbox, { className: "pf-v5-u-mt-md", id: "new-feature-modal-checkbox", label: t(`I don't want to see this modal again`), isChecked: checkedToNotShowModal, onChange: onBannerCheckboxChange, "data-tracking-id": "new-feature-modal-checkbox" })))));
37
37
  };
38
38
  export default NewFeatureModal;
package/lib/esm/scss/_pf-overrides.scss CHANGED
@@ -721,10 +721,6 @@ a.case-resource-recommendation-link {
721
721
  padding-left: 0px;
722
722
  }
723
723
 
724
- #get-support-summary {
725
- margin-bottom: 1em;
726
- }
727
-
728
724
  .title-summary-counter {
729
725
  display: inline-flex;
730
726
  font-size: smaller;
@@ -743,7 +739,7 @@ a.case-resource-recommendation-link {
743
739
  }
744
740
 
745
741
  .title-summary-error {
746
- margin-top: -8px;
742
+ margin-top: -8px !important;
747
743
  }
748
744
 
749
745
  .extra-tips-for-describing {
@@ -756,8 +752,14 @@ a.case-resource-recommendation-link {
756
752
 
757
753
  .badge-icon-info {
758
754
  background-color: var(--pf-v5-global--palette--blue-50);
755
+ font-weight: 400;
759
756
  }
760
757
 
761
758
  .popover-body-info-description {
762
759
  max-width: 494px;
763
760
  }
761
+
762
+ .edit-question span.form-control {
763
+ padding: 0;
764
+ margin-bottom: 1rem;
765
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rh-support/troubleshoot",
3
- "version": "2.2.155",
3
+ "version": "2.2.157",
4
4
  "publishConfig": {
5
5
  "access": "public",
6
6
  "registry": "https://registry.npmjs.org"
@@ -131,5 +131,5 @@
131
131
  "defaults and supports es6-module",
132
132
  "maintained node versions"
133
133
  ],
134
- "gitHead": "8bf0d1abbac3feb19b000ef2cd8e5a2505bc47ea"
134
+ "gitHead": "b6d61432e7f102fa0bf359aa116154dc84b01f17"
135
135
  }