@rh-support/troubleshoot 1.0.47-beta.39 → 1.0.47-beta.40
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.
- package/lib/esm/components/CaseEditView/Case.js +1 -1
- package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseDetailsManagement.js +2 -2
- package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseReferenceNumber.d.ts +10 -0
- package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseReferenceNumber.d.ts.map +1 -0
- package/lib/esm/components/CaseEditView/Tabs/CaseDetails/{CaseAlternateId.js → CaseReferenceNumber.js} +10 -10
- package/lib/esm/components/CaseManagement/CaseManagement.js +2 -2
- package/lib/esm/components/CaseManagement/OpenReferenceNumber.d.ts +10 -0
- package/lib/esm/components/CaseManagement/OpenReferenceNumber.d.ts.map +1 -0
- package/lib/esm/components/CaseManagement/{OpenAlternateID.js → OpenReferenceNumber.js} +7 -7
- package/lib/esm/components/Recommendations/InsightsRuleInfo.js +2 -2
- package/lib/esm/components/Recommendations/RulesModal.d.ts.map +1 -1
- package/lib/esm/components/Recommendations/RulesModal.js +1 -1
- package/lib/esm/components/Review/Review.js +2 -2
- package/lib/esm/components/SubmitCase/SubmitCase.d.ts.map +1 -1
- package/lib/esm/components/SubmitCase/SubmitCase.js +5 -5
- package/lib/esm/components/shared/useIsSectionValid.js +2 -2
- package/lib/esm/components/wizardLayout/WizardMain.d.ts.map +1 -1
- package/lib/esm/components/wizardLayout/WizardMain.js +12 -13
- package/lib/esm/reducers/CaseConstNTypes.d.ts +1 -1
- package/lib/esm/reducers/CaseConstNTypes.d.ts.map +1 -1
- package/lib/esm/reducers/CaseConstNTypes.js +1 -1
- package/lib/esm/reducers/CaseHelpers.js +3 -3
- package/lib/esm/reducers/RouteConstNTypes.d.ts +1 -1
- package/lib/esm/reducers/RouteConstNTypes.d.ts.map +1 -1
- package/lib/esm/reducers/RouteConstNTypes.js +3 -3
- package/lib/esm/reducers/RouteReducer.js +8 -8
- package/lib/esm/scss/_main.scss +467 -7
- package/package.json +2 -2
- package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseAlternateId.d.ts +0 -10
- package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseAlternateId.d.ts.map +0 -1
- package/lib/esm/components/CaseManagement/OpenAlternateID.d.ts +0 -10
- package/lib/esm/components/CaseManagement/OpenAlternateID.d.ts.map +0 -1
|
@@ -107,7 +107,7 @@ export default function Case(props) {
|
|
|
107
107
|
return (React.createElement(React.Fragment, null,
|
|
108
108
|
isExportingPDF && React.createElement(CoverSpinner, null),
|
|
109
109
|
React.createElement("div", { id: "rh-support-case" },
|
|
110
|
-
React.createElement("div", { className: "support-grid support-case" }, isFetchingCaseDetails && !isFetchingCaseDetailsError && isEmpty(product) ? (React.createElement(OverviewContentLoader, null)) : (React.createElement(React.Fragment, null,
|
|
110
|
+
React.createElement("div", { className: "support-grid-case-details support-case" }, isFetchingCaseDetails && !isFetchingCaseDetailsError && isEmpty(product) ? (React.createElement(OverviewContentLoader, null)) : (React.createElement(React.Fragment, null,
|
|
111
111
|
React.createElement("article", { className: "grid-main" },
|
|
112
112
|
React.createElement("section", { className: "grid-main-section" },
|
|
113
113
|
(isFetchingCaseDetailsError || !canReadCase) && (React.createElement(CaseDetailsErrorMessage, { isError: isFetchingCaseDetailsError, errorDetails: caseDetailsError, canReadCase: canReadCase, caseNumber: caseNumber, isInlineError: true })),
|
|
@@ -11,10 +11,10 @@ import { RHAssociatesSelector } from '../../../CaseManagement/RHAssociatesSelect
|
|
|
11
11
|
import CaseContactSelector from '../../../CaseManagement/SendNotifications/CaseContactSelector';
|
|
12
12
|
import { PartnerCaseHelper } from '../../ShareCase/PartnerCaseHelper';
|
|
13
13
|
import { ShareWithPartner } from '../../ShareCase/PartnerShare';
|
|
14
|
-
import CaseAlternateId from './CaseAlternateId';
|
|
15
14
|
import { CaseContactPhoneNumber } from './CaseContactPhoneNumber';
|
|
16
15
|
import CaseInternalStatus from './CaseInternalStatus';
|
|
17
16
|
import { CaseContactPhoneNumberAlert } from './CasePhoneNumberConfirmAlert';
|
|
17
|
+
import CaseReferenceNumber from './CaseReferenceNumber';
|
|
18
18
|
import CaseSbrGroups from './CaseSbrGroups';
|
|
19
19
|
export default function CaseDetailsManagement(props) {
|
|
20
20
|
const [isUpdatingPartner, setIsUpdatingPartner] = useState(false);
|
|
@@ -42,7 +42,7 @@ export default function CaseDetailsManagement(props) {
|
|
|
42
42
|
canSeeInternalStatus && React.createElement(CaseInternalStatus, null),
|
|
43
43
|
canSeeSBRGroups && React.createElement(CaseSbrGroups, null),
|
|
44
44
|
React.createElement(CaseGroup, null),
|
|
45
|
-
React.createElement(
|
|
45
|
+
React.createElement(CaseReferenceNumber, null),
|
|
46
46
|
canSeeEmailNotifications && React.createElement(CaseContactSelector, null),
|
|
47
47
|
React.createElement(RHAssociatesSelector, null),
|
|
48
48
|
React.createElement(Fts, { inlineEditable: true }),
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
interface IProps {
|
|
2
|
+
inlineEditable?: boolean;
|
|
3
|
+
hideSaveCancel?: boolean;
|
|
4
|
+
}
|
|
5
|
+
declare function CaseReferenceNumber(props: IProps): JSX.Element;
|
|
6
|
+
declare namespace CaseReferenceNumber {
|
|
7
|
+
var defaultProps: Partial<IProps>;
|
|
8
|
+
}
|
|
9
|
+
export default CaseReferenceNumber;
|
|
10
|
+
//# sourceMappingURL=CaseReferenceNumber.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CaseReferenceNumber.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseReferenceNumber.tsx"],"names":[],"mappings":"AA2BA,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAOD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,eA+KzC;kBA/KQ,mBAAmB;;;AAkL5B,eAAe,mBAAmB,CAAC"}
|
|
@@ -18,7 +18,7 @@ import React, { useEffect, useState } from 'react';
|
|
|
18
18
|
import { Trans, useTranslation } from 'react-i18next';
|
|
19
19
|
import { useCaseDispatch, useCaseSelector } from '../../../../context/CaseContext';
|
|
20
20
|
import { useCaseUpdateErrorMessage } from '../../../../hooks/useCaseUpdateErrorMessage';
|
|
21
|
-
import {
|
|
21
|
+
import { CASE_REFERENCE_NUMBER_LIMIT } from '../../../../reducers/CaseConstNTypes';
|
|
22
22
|
import { setCaseDetails, updateCaseDetails } from '../../../../reducers/CaseReducer';
|
|
23
23
|
import { CaseValuesToWatch } from '../../../shared/Constants';
|
|
24
24
|
import { getChangedValueTooltip } from '../../../shared/utils';
|
|
@@ -26,7 +26,7 @@ const defaultProps = {
|
|
|
26
26
|
inlineEditable: true,
|
|
27
27
|
hideSaveCancel: true,
|
|
28
28
|
};
|
|
29
|
-
function
|
|
29
|
+
function CaseReferenceNumber(props) {
|
|
30
30
|
const { t } = useTranslation();
|
|
31
31
|
const caseUpdateError = useCaseUpdateErrorMessage();
|
|
32
32
|
const { alternateId, caseNumber } = useCaseSelector((state) => ({
|
|
@@ -83,10 +83,10 @@ function CaseAlternateId(props) {
|
|
|
83
83
|
setIsCancelClicked(!isCancelClicked);
|
|
84
84
|
};
|
|
85
85
|
const maxLengthErrorMessage = t('Personal reference number cannot be more than {{limit}} characters.', {
|
|
86
|
-
limit:
|
|
86
|
+
limit: CASE_REFERENCE_NUMBER_LIMIT,
|
|
87
87
|
});
|
|
88
88
|
// Conditions to disable save button
|
|
89
|
-
const saveDisabled = alternateIdState === alternateId || isUpdating || (alternateIdState === null || alternateIdState === void 0 ? void 0 : alternateIdState.length) >
|
|
89
|
+
const saveDisabled = alternateIdState === alternateId || isUpdating || (alternateIdState === null || alternateIdState === void 0 ? void 0 : alternateIdState.length) > CASE_REFERENCE_NUMBER_LIMIT;
|
|
90
90
|
// Function to handle keyDown events
|
|
91
91
|
const handleKeyDown = (e) => __awaiter(this, void 0, void 0, function* () {
|
|
92
92
|
// Cancel on pressing esc
|
|
@@ -104,9 +104,9 @@ function CaseAlternateId(props) {
|
|
|
104
104
|
React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, isLocalChange: localAltIDChange, value: alternateId, getTooltipContent: getChangedValueTooltip(() => CaseValuesToWatch.altID) }),
|
|
105
105
|
' ',
|
|
106
106
|
React.createElement(Tooltip, { trigger: 'mouseenter focus', position: TooltipPosition.top, content: React.createElement(Trans, null, "Add your internal tracking ID to better identify and organize support issues.") },
|
|
107
|
-
React.createElement(InfoIcon, { className: "pf-u-ml-sm", "aria-label": "Case Alternate ID" }))), allowInlineEdit: props.inlineEditable, content: alternateId || t('No personal reference number to display.'), hideSaveCancel: props.hideSaveCancel, saveDisabled: saveDisabled, charCount: (alternateIdState === null || alternateIdState === void 0 ? void 0 : alternateIdState.length) || 0, charTotal:
|
|
107
|
+
React.createElement(InfoIcon, { className: "pf-u-ml-sm", "aria-label": "Case Alternate ID" }))), allowInlineEdit: props.inlineEditable, content: alternateId || t('No personal reference number to display.'), hideSaveCancel: props.hideSaveCancel, saveDisabled: saveDisabled, charCount: (alternateIdState === null || alternateIdState === void 0 ? void 0 : alternateIdState.length) || 0, charTotal: CASE_REFERENCE_NUMBER_LIMIT, cancelToggleState: isCancelClicked, saveToggleState: isSaveClicked },
|
|
108
108
|
React.createElement(TextInputGroup, null,
|
|
109
|
-
React.createElement(TextInput, { value: alternateIdState, type: "text", className: "form-control", id: "case-details-alternate-id", placeholder: t(`Enter your case tracking number or internal incident ID`), onChange: onAlternateIdChange, "data-tracking-id": "case-details-alternate-id", isDisabled: isUpdating, onKeyDown: handleKeyDown, validated: (alternateIdState === null || alternateIdState === void 0 ? void 0 : alternateIdState.length) >
|
|
109
|
+
React.createElement(TextInput, { value: alternateIdState, type: "text", className: "form-control", id: "case-details-alternate-id", placeholder: t(`Enter your case tracking number or internal incident ID`), onChange: onAlternateIdChange, "data-tracking-id": "case-details-alternate-id", isDisabled: isUpdating, onKeyDown: handleKeyDown, validated: (alternateIdState === null || alternateIdState === void 0 ? void 0 : alternateIdState.length) > CASE_REFERENCE_NUMBER_LIMIT
|
|
110
110
|
? ValidatedOptions.error
|
|
111
111
|
: ValidatedOptions.default }),
|
|
112
112
|
!isUpdating ? (React.createElement(InputGroupText, { variant: InputGroupTextVariant.plain },
|
|
@@ -115,11 +115,11 @@ function CaseAlternateId(props) {
|
|
|
115
115
|
React.createElement("button", { className: "btn btn-app btn-link", type: "button", onClick: onCancel },
|
|
116
116
|
React.createElement(TimesIcon, { color: "#6A6E73" })))) : (React.createElement(InputGroupText, { variant: InputGroupTextVariant.plain },
|
|
117
117
|
React.createElement(Spinner, { isSVG: true, size: "lg", className: "pf-u-ml-2xl pf-u-mr-xl" }))))),
|
|
118
|
-
(alternateIdState === null || alternateIdState === void 0 ? void 0 : alternateIdState.length) >
|
|
118
|
+
(alternateIdState === null || alternateIdState === void 0 ? void 0 : alternateIdState.length) > CASE_REFERENCE_NUMBER_LIMIT && (React.createElement("div", { className: "pull-top" },
|
|
119
119
|
React.createElement("p", { className: "form-instructions form-invalid" },
|
|
120
120
|
React.createElement(Trans, null, maxLengthErrorMessage)))),
|
|
121
121
|
React.createElement("p", { className: "form-instructions" },
|
|
122
|
-
React.createElement(Trans, null, "
|
|
122
|
+
React.createElement(Trans, null, "Adds a personal or company reference number to help you connect, organize, and track cases."))));
|
|
123
123
|
}
|
|
124
|
-
|
|
125
|
-
export default
|
|
124
|
+
CaseReferenceNumber.defaultProps = defaultProps;
|
|
125
|
+
export default CaseReferenceNumber;
|
|
@@ -11,7 +11,7 @@ import Severity from '../CaseInformation/Severity';
|
|
|
11
11
|
import SupportLevel from '../CaseInformation/SupportLevel';
|
|
12
12
|
import CaseLanguageSelector from './CaseLanguageSelector';
|
|
13
13
|
import { Cep } from './Cep';
|
|
14
|
-
import
|
|
14
|
+
import OpenReferenceNumber from './OpenReferenceNumber';
|
|
15
15
|
import { RHAssociatesSelector } from './RHAssociatesSelector';
|
|
16
16
|
import CaseContactSelector from './SendNotifications/CaseContactSelector';
|
|
17
17
|
export default function CaseManagement(props) {
|
|
@@ -38,6 +38,6 @@ export default function CaseManagement(props) {
|
|
|
38
38
|
React.createElement(CaseGroup, { init: true }),
|
|
39
39
|
React.createElement(CaseContactSelector, null),
|
|
40
40
|
React.createElement(RHAssociatesSelector, null),
|
|
41
|
-
React.createElement(
|
|
41
|
+
React.createElement(OpenReferenceNumber, { inlineEditable: false, hideSaveCancel: true }),
|
|
42
42
|
React.createElement(Cep, null)));
|
|
43
43
|
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
interface IProps {
|
|
2
|
+
inlineEditable?: boolean;
|
|
3
|
+
hideSaveCancel?: boolean;
|
|
4
|
+
}
|
|
5
|
+
declare function OpenReferenceNumber(props: IProps): JSX.Element;
|
|
6
|
+
declare namespace OpenReferenceNumber {
|
|
7
|
+
var defaultProps: Partial<IProps>;
|
|
8
|
+
}
|
|
9
|
+
export default OpenReferenceNumber;
|
|
10
|
+
//# sourceMappingURL=OpenReferenceNumber.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OpenReferenceNumber.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenReferenceNumber.tsx"],"names":[],"mappings":"AASA,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAOD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,eAgEzC;kBAhEQ,mBAAmB;;;AAmE5B,eAAe,mBAAmB,CAAC"}
|
|
@@ -3,13 +3,13 @@ import isEqual from 'lodash/isEqual';
|
|
|
3
3
|
import React, { useEffect, useState } from 'react';
|
|
4
4
|
import { Trans, useTranslation } from 'react-i18next';
|
|
5
5
|
import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
|
|
6
|
-
import {
|
|
6
|
+
import { CASE_REFERENCE_NUMBER_LIMIT } from '../../reducers/CaseConstNTypes';
|
|
7
7
|
import { setCaseDetails } from '../../reducers/CaseReducer';
|
|
8
8
|
const defaultProps = {
|
|
9
9
|
inlineEditable: true,
|
|
10
10
|
hideSaveCancel: false,
|
|
11
11
|
};
|
|
12
|
-
function
|
|
12
|
+
function OpenReferenceNumber(props) {
|
|
13
13
|
const { t } = useTranslation();
|
|
14
14
|
const { alternateId, caseNumber } = useCaseSelector((state) => ({
|
|
15
15
|
alternateId: state.caseDetails.alternateId,
|
|
@@ -29,15 +29,15 @@ function OpenAlternateID(props) {
|
|
|
29
29
|
!caseNumber && setCaseDetails(caseDispatch, { alternateId: (_a = e.target.value) === null || _a === void 0 ? void 0 : _a.trim() });
|
|
30
30
|
};
|
|
31
31
|
const maxLengthErrorMessage = t('Personal reference number cannot be more than {{limit}} characters.', {
|
|
32
|
-
limit:
|
|
32
|
+
limit: CASE_REFERENCE_NUMBER_LIMIT,
|
|
33
33
|
});
|
|
34
|
-
const isAlternateIDValid = (alternateIdState === null || alternateIdState === void 0 ? void 0 : alternateIdState.length) >
|
|
34
|
+
const isAlternateIDValid = (alternateIdState === null || alternateIdState === void 0 ? void 0 : alternateIdState.length) > CASE_REFERENCE_NUMBER_LIMIT;
|
|
35
35
|
return (React.createElement(InlineEdit, { labelProps: { htmlFor: 'open-case-alternate-id' }, labelContent: React.createElement(React.Fragment, null,
|
|
36
36
|
React.createElement(Trans, null, "Personal reference number")), allowInlineEdit: props.inlineEditable, content: alternateId, hideSaveCancel: !!props.hideSaveCancel },
|
|
37
37
|
React.createElement("input", { value: alternateIdState, type: "text", className: `form-control${isAlternateIDValid ? ' form-invalid' : ''}`, id: "open-case-alternate-id", placeholder: t(`Enter the reference number used personally or within your company`), onChange: onAlternateIdChange, "data-tracking-id": "open-case-alternate-id" }),
|
|
38
38
|
isAlternateIDValid ? (React.createElement("p", { className: "form-instructions form-invalid" },
|
|
39
39
|
React.createElement(Trans, null, maxLengthErrorMessage))) : (React.createElement("p", { className: "form-instructions" },
|
|
40
|
-
React.createElement(Trans, null, "
|
|
40
|
+
React.createElement(Trans, null, "Adds a personal or company reference number to help you connect, organize, and track cases.")))));
|
|
41
41
|
}
|
|
42
|
-
|
|
43
|
-
export default
|
|
42
|
+
OpenReferenceNumber.defaultProps = defaultProps;
|
|
43
|
+
export default OpenReferenceNumber;
|
|
@@ -57,10 +57,10 @@ export function InsightsRuleInfo({ doc, showNewTag, duplicateKeys }) {
|
|
|
57
57
|
React.createElement(Trans, null, "NEW"))),
|
|
58
58
|
React.createElement("div", null,
|
|
59
59
|
React.createElement("div", null, ruleData === null || ruleData === void 0 ? void 0 : ruleData.summary),
|
|
60
|
-
React.createElement("div", { className: "pf-u-mb-sm" }, ((_d = (_c = insightsReport === null || insightsReport === void 0 ? void 0 : insightsReport.current) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : false) && (React.createElement(Label, null,
|
|
60
|
+
React.createElement("div", { className: "pf-u-mb-sm pf-u-text-align-left" }, ((_d = (_c = insightsReport === null || insightsReport === void 0 ? void 0 : insightsReport.current) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : false) && (React.createElement(Label, null,
|
|
61
61
|
React.createElement(Trans, null, insightsReport.current.name)))),
|
|
62
62
|
React.createElement("div", null,
|
|
63
|
-
React.createElement(LabelGroup, { numLabels: 5 }, ((doc === null || doc === void 0 ? void 0 : doc.tag) || []).map((tag) => (React.createElement(Label, { color: "
|
|
63
|
+
React.createElement(LabelGroup, { numLabels: 5 }, ((doc === null || doc === void 0 ? void 0 : doc.tag) || []).map((tag) => (React.createElement(Label, { color: "gold", className: "pf-u-mr-sm" }, tag))))))),
|
|
64
64
|
React.createElement(AccordionContent, { isHidden: !isParentExpanded },
|
|
65
65
|
React.createElement(Accordion, { asDefinitionList: false, className: "push-bottom-narrow" },
|
|
66
66
|
React.createElement(AccordionItem, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RulesModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/RulesModal.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAI5D,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAG7D,UAAU,MAAM;IACZ,cAAc,EAAE,wBAAwB,EAAE,CAAC;IAC3C,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,aAAa,EAAE,MAAM,GAAG,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"RulesModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/RulesModal.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAI5D,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAG7D,UAAU,MAAM;IACZ,cAAc,EAAE,wBAAwB,EAAE,CAAC;IAC3C,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,aAAa,EAAE,MAAM,GAAG,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,eA+K/C"}
|
|
@@ -104,7 +104,7 @@ export function InsightResultModal(props) {
|
|
|
104
104
|
React.createElement(Button, { isDisabled: isFetching, isLoading: isFetching, onClick: handleSolvedIssue, key: "solved-my-issue", variant: "primary", "data-tracking-id": "solved-my-issue-critical-solutions-modal" }, t('I solved my issue')),
|
|
105
105
|
React.createElement(Button, { onClick: props.onModalToggle, key: "confirm", variant: "secondary", "data-tracking-id": "cancel-critical-solutions-modal" }, t('Cancel')),
|
|
106
106
|
] },
|
|
107
|
-
React.createElement(Accordion, { className: "push-top-narrow", headingLevel: "h2", asDefinitionList: false, isBordered: true },
|
|
107
|
+
React.createElement(Accordion, { className: "push-top-narrow rules-modal-items", headingLevel: "h2", asDefinitionList: false, isBordered: true },
|
|
108
108
|
props.insightResults.map((doc) => (React.createElement(InsightsRuleInfo, { duplicateKeys: duplicateKeys, showNewTag: canShowNewTag, key: doc.id + doc.attachmentId, doc: doc }))),
|
|
109
109
|
props.EARule.length > 0 &&
|
|
110
110
|
props.EARule.map((rule, index) => (React.createElement(EARuleInfoAccordion, { showNewTag: canShowNewTag, key: `${index}_eaRule`, rule: rule })))))));
|
|
@@ -17,7 +17,7 @@ import Severity from '../CaseInformation/Severity';
|
|
|
17
17
|
import SupportLevel from '../CaseInformation/SupportLevel';
|
|
18
18
|
import CaseLanguageSelector from '../CaseManagement/CaseLanguageSelector';
|
|
19
19
|
import { Cep } from '../CaseManagement/Cep';
|
|
20
|
-
import
|
|
20
|
+
import OpenReferenceNumber from '../CaseManagement/OpenReferenceNumber';
|
|
21
21
|
import { OpenShiftClusterId } from '../CaseManagement/OpenShiftClusterId';
|
|
22
22
|
import { RHAssociatesSelector } from '../CaseManagement/RHAssociatesSelector';
|
|
23
23
|
import CaseContactSelector from '../CaseManagement/SendNotifications/CaseContactSelector';
|
|
@@ -58,6 +58,6 @@ export default function Review(props) {
|
|
|
58
58
|
React.createElement(CaseLanguageSelector, null),
|
|
59
59
|
canSeeEmailNotifications && React.createElement(CaseContactSelector, null),
|
|
60
60
|
React.createElement(RHAssociatesSelector, null),
|
|
61
|
-
React.createElement(
|
|
61
|
+
React.createElement(OpenReferenceNumber, { inlineEditable: false, hideSaveCancel: true }),
|
|
62
62
|
React.createElement(Cep, null))));
|
|
63
63
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SubmitCase.d.ts","sourceRoot":"","sources":["../../../../src/components/SubmitCase/SubmitCase.tsx"],"names":[],"mappings":"AAuBA,MAAM,CAAC,OAAO,UAAU,UAAU,
|
|
1
|
+
{"version":3,"file":"SubmitCase.d.ts","sourceRoot":"","sources":["../../../../src/components/SubmitCase/SubmitCase.tsx"],"names":[],"mappings":"AAuBA,MAAM,CAAC,OAAO,UAAU,UAAU,gBAkOjC"}
|
|
@@ -84,13 +84,13 @@ export default function SubmitCase() {
|
|
|
84
84
|
React.createElement("div", { className: "pf-u-mt-sm" },
|
|
85
85
|
React.createElement(Trans, null, "Case number:"),
|
|
86
86
|
"\u00A0",
|
|
87
|
-
React.createElement(Link, { to: `/case/${caseNumber}
|
|
87
|
+
React.createElement(Link, { to: `/case/${caseNumber}`, "data-tracking-id": "queued-case-number-get-support" }, caseNumber)))) : (React.createElement(React.Fragment, null,
|
|
88
88
|
React.createElement("div", { className: "submit-page-title" },
|
|
89
89
|
React.createElement(CheckCircleIcon, { size: "lg" }),
|
|
90
90
|
' ',
|
|
91
91
|
React.createElement(Text, { component: TextVariants.h1 },
|
|
92
92
|
React.createElement(Trans, null, "We\u2019ve added your case to our queue"))),
|
|
93
|
-
React.createElement("a", { href: getCaseURL(), target: "_blank", rel: "noopener noreferrer" },
|
|
93
|
+
React.createElement("a", { href: getCaseURL(), target: "_blank", rel: "noopener noreferrer", "data-tracking-id": "case-number-get-support" },
|
|
94
94
|
React.createElement(Trans, null, "Case number: "),
|
|
95
95
|
" ",
|
|
96
96
|
{ caseNumber })))),
|
|
@@ -98,7 +98,7 @@ export default function SubmitCase() {
|
|
|
98
98
|
!versionsDetails.isFetching &&
|
|
99
99
|
!versionsDetails.isFetching &&
|
|
100
100
|
getResponseTimeMessage(entitlementSla, severity),
|
|
101
|
-
React.createElement("a", { className: "inline-link", rel: "noopener noreferrer", href: "/support/offerings/production/sla", target: "_blank" },
|
|
101
|
+
React.createElement("a", { className: "inline-link", rel: "noopener noreferrer", href: "/support/offerings/production/sla", target: "_blank", "data-tracking-id": "get-support-sla" },
|
|
102
102
|
React.createElement(Trans, null, "Service Level Agreement (SLA)."))),
|
|
103
103
|
React.createElement("div", { className: "submit-page-contact-info pf-u-mt-lg pf-u-mb-sm" },
|
|
104
104
|
React.createElement("p", { className: "contact-info-title pf-u-mb-sm" },
|
|
@@ -118,9 +118,9 @@ export default function SubmitCase() {
|
|
|
118
118
|
React.createElement("div", null,
|
|
119
119
|
React.createElement(ActionList, null,
|
|
120
120
|
React.createElement(ActionListItem, null,
|
|
121
|
-
React.createElement(Button, { component: "a", href: `${getRedhatDotComHost(Env.getEnvName())}/wapps/ugc/protected/personalInfo.html`, target: "_blank", variant: "secondary", "data-tracking-id": "update-info-get-
|
|
121
|
+
React.createElement(Button, { component: "a", href: `${getRedhatDotComHost(Env.getEnvName())}/wapps/ugc/protected/personalInfo.html`, target: "_blank", variant: "secondary", "data-tracking-id": "update-info-get-support" }, "Update info")),
|
|
122
122
|
React.createElement(ActionListItem, null,
|
|
123
|
-
React.createElement(Button, { className: "pf-u-ml-md", component: "a", href:
|
|
123
|
+
React.createElement(Button, { className: "pf-u-ml-md", component: "a", href: getCaseURL(), variant: "primary", "data-tracking-id": "view-case-get-support" }, "View case"))))),
|
|
124
124
|
React.createElement("div", null,
|
|
125
125
|
React.createElement(Text, { className: "pf-u-mt-2xl pf-u-font-weight-light", component: TextVariants.h2 },
|
|
126
126
|
React.createElement(Trans, null, "Troubleshoot this case")),
|
|
@@ -7,7 +7,7 @@ import { useCaseSelector } from '../../context/CaseContext';
|
|
|
7
7
|
import { RecommendationStateContext } from '../../context/RecommendationContext';
|
|
8
8
|
import { RouteContext, RouteDispatchContext } from '../../context/RouteContext';
|
|
9
9
|
import { TCStateContext } from '../../context/TopContentContext';
|
|
10
|
-
import {
|
|
10
|
+
import { CASE_REFERENCE_NUMBER_LIMIT, CONTACT_INFO_24X7_LIMIT, DESCRIPTION_LENGTH_LIMIT, HOSTNAME_LENGTH_LIMIT, PHONE_LIMIT, SUMMARY_LENGTH_LIMIT, } from '../../reducers/CaseConstNTypes';
|
|
11
11
|
import { isCaseInformationSectionValid, isCaseManagementStateValid, isCaseStateValid, isClusterIDValid, } from '../../reducers/CaseHelpers';
|
|
12
12
|
import { AppRouteSections } from '../../reducers/RouteConstNTypes';
|
|
13
13
|
import { RouteReducerConstants } from '../../reducers/RouteReducer';
|
|
@@ -54,7 +54,7 @@ export function useIsSectionValid(sectionName = null) {
|
|
|
54
54
|
const hasContactInfo24x7ValidLength = contactInfo24x7
|
|
55
55
|
? contactInfo24x7.length <= CONTACT_INFO_24X7_LIMIT
|
|
56
56
|
: true;
|
|
57
|
-
const hasAlternateCaseIdValidLength = alternateId ? alternateId.length <=
|
|
57
|
+
const hasAlternateCaseIdValidLength = alternateId ? alternateId.length <= CASE_REFERENCE_NUMBER_LIMIT : true;
|
|
58
58
|
const hasSppliedPhoneValidLength = phone ? phone.length <= PHONE_LIMIT : true;
|
|
59
59
|
return (isCaseManagementStateValid(caseState, loggedInUserJwtToken) &&
|
|
60
60
|
hasContactInfo24x7ValidLength &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardMain.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardMain.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAS,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAO9D,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAgBpF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAGD,iBAAS,UAAU,CAAC,KAAK,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"WizardMain.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardMain.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAS,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAO9D,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAgBpF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAGD,iBAAS,UAAU,CAAC,KAAK,EAAE,MAAM,eAwRhC;kBAxRQ,UAAU;;;AA0RnB,eAAe,UAAU,CAAC"}
|
|
@@ -101,7 +101,7 @@ function WizardMain(props) {
|
|
|
101
101
|
}
|
|
102
102
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
103
103
|
}, [activeSection, previousActiveSection]);
|
|
104
|
-
const
|
|
104
|
+
const renderSummarizePage = () => {
|
|
105
105
|
return (React.createElement(MainSection, { ref: allSectionRefs[AppRouteSections.SUMMARIZE], section: AppRouteSections.SUMMARIZE, activeSection: activeSection, title: t(appRouteConfugurations[AppRouteSections.SUMMARIZE].title) },
|
|
106
106
|
React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
|
|
107
107
|
React.createElement(ProductSelector, { routeProps: props.routeProps }))));
|
|
@@ -111,7 +111,7 @@ function WizardMain(props) {
|
|
|
111
111
|
React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
|
|
112
112
|
React.createElement(TroubleshootSection, null))));
|
|
113
113
|
};
|
|
114
|
-
const
|
|
114
|
+
const renderDescribeMorePage = () => {
|
|
115
115
|
return (React.createElement(MainSection, { ref: allSectionRefs[AppRouteSections.DESCRIBE_MORE], section: AppRouteSections.DESCRIBE_MORE, activeSection: activeSection, title: React.createElement(React.Fragment, null,
|
|
116
116
|
t(appRouteConfugurations[AppRouteSections.DESCRIBE_MORE].title),
|
|
117
117
|
isEmpty(RouteUtils.seBasePath) && isSelectedAccounntSecureSupport && (React.createElement("span", { className: "secured-support" },
|
|
@@ -119,19 +119,18 @@ function WizardMain(props) {
|
|
|
119
119
|
React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
|
|
120
120
|
React.createElement(CaseInformation, { routeProps: props.routeProps }))));
|
|
121
121
|
};
|
|
122
|
-
const
|
|
122
|
+
const renderManagementPage = () => {
|
|
123
123
|
return (React.createElement(MainSection, { ref: allSectionRefs[AppRouteSections.MANAGEMENT], section: AppRouteSections.MANAGEMENT, activeSection: activeSection, title: t(appRouteConfugurations[AppRouteSections.MANAGEMENT].title), descriptionClassName: "text-medium-grey" },
|
|
124
124
|
React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
|
|
125
125
|
React.createElement(CaseManagement, null))));
|
|
126
126
|
};
|
|
127
|
-
const
|
|
127
|
+
const renderReviewPage = () => {
|
|
128
128
|
// The review is going to change so adding Recommendations is just temporary.
|
|
129
|
-
// TODO: refactor review page.
|
|
130
129
|
return (React.createElement(MainSection, { ref: allSectionRefs[AppRouteSections.REVIEW], section: AppRouteSections.REVIEW, activeSection: activeSection, title: t(appRouteConfugurations[AppRouteSections.REVIEW].title), description: t('Before submitting, review the information you entered.') },
|
|
131
130
|
React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
|
|
132
131
|
React.createElement(Review, { routeProps: props.routeProps }))));
|
|
133
132
|
};
|
|
134
|
-
const
|
|
133
|
+
const renderGetSupportPage = () => {
|
|
135
134
|
return (React.createElement(MainSection, { ref: allSectionRefs[AppRouteSections.GET_SUPPORT], section: AppRouteSections.GET_SUPPORT, activeSection: activeSection, title: t(appRouteConfugurations[AppRouteSections.GET_SUPPORT].title), description: t('Select the best category for your issue.'), isLoading: isCreatingCase },
|
|
136
135
|
React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
|
|
137
136
|
React.createElement(OpenCase, { routeProps: props.routeProps }))));
|
|
@@ -142,18 +141,18 @@ function WizardMain(props) {
|
|
|
142
141
|
React.createElement(SubmitCase, null))));
|
|
143
142
|
};
|
|
144
143
|
const renderIdeaInformationPage = () => {
|
|
145
|
-
return (React.createElement(MainSection, { ref: allSectionRefs[AppRouteSections.
|
|
144
|
+
return (React.createElement(MainSection, { ref: allSectionRefs[AppRouteSections.DESCRIBE_IDEA], section: AppRouteSections.DESCRIBE_IDEA, activeSection: activeSection, title: t(appRouteConfugurations[AppRouteSections.DESCRIBE_IDEA].title), isLoading: isCreatingCase, description: t("We'll be in contact with you shortly. Look for updates on this case.") },
|
|
146
145
|
React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
|
|
147
146
|
React.createElement(IdeaInformation, null))));
|
|
148
147
|
};
|
|
149
148
|
const mainSectionComponents = {
|
|
150
|
-
[AppRouteSections.GET_SUPPORT]:
|
|
151
|
-
[AppRouteSections.SUMMARIZE]:
|
|
149
|
+
[AppRouteSections.GET_SUPPORT]: renderGetSupportPage,
|
|
150
|
+
[AppRouteSections.SUMMARIZE]: renderSummarizePage,
|
|
152
151
|
[AppRouteSections.TROUBLESHOOT]: renderTroubleshootPage,
|
|
153
|
-
[AppRouteSections.DESCRIBE_MORE]:
|
|
154
|
-
[AppRouteSections.
|
|
155
|
-
[AppRouteSections.MANAGEMENT]:
|
|
156
|
-
[AppRouteSections.REVIEW]:
|
|
152
|
+
[AppRouteSections.DESCRIBE_MORE]: renderDescribeMorePage,
|
|
153
|
+
[AppRouteSections.DESCRIBE_IDEA]: renderIdeaInformationPage,
|
|
154
|
+
[AppRouteSections.MANAGEMENT]: renderManagementPage,
|
|
155
|
+
[AppRouteSections.REVIEW]: renderReviewPage,
|
|
157
156
|
[AppRouteSections.SUBMIT_CASE]: renderSubmitCasePage,
|
|
158
157
|
};
|
|
159
158
|
// alert title and variant based on multiple conditions for two different sections
|
|
@@ -15,7 +15,7 @@ export declare const MODIFIED_DESCRIPTION_LENGTH_LIMIT = 31000;
|
|
|
15
15
|
export declare const HOSTNAME_LENGTH_LIMIT = 255;
|
|
16
16
|
export declare const CONTACT_INFO_24X7_LIMIT = 32768;
|
|
17
17
|
export declare const CLUSTER_ID_LIMIT = 255;
|
|
18
|
-
export declare const
|
|
18
|
+
export declare const CASE_REFERENCE_NUMBER_LIMIT = 100;
|
|
19
19
|
export declare const PHONE_LIMIT = 40;
|
|
20
20
|
export declare const SESSION_NOTIFIED_USERS_INTERNAL_LIMIT = 1024;
|
|
21
21
|
export declare const SESSION_NOTIFIED_USERS_EXTERNAL_LIMIT = 1024;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CaseConstNTypes.d.ts","sourceRoot":"","sources":["../../../src/reducers/CaseConstNTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AACjH,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AACvF,OAAO,EAAE,YAAY,EAAE,MAAM,iDAAiD,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAClE,OAAO,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAEnF,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,eAAO,MAAM,oBAAoB,MAAM,CAAC;AACxC,eAAO,MAAM,mCAAmC,MAAM,CAAC;AACvD,eAAO,MAAM,+BAA+B,MAAM,CAAC;AACnD,eAAO,MAAM,wBAAwB,QAAQ,CAAC;AAC9C,eAAO,MAAM,iCAAiC,QAAQ,CAAC;AACvD,eAAO,MAAM,qBAAqB,MAAM,CAAC;AACzC,eAAO,MAAM,uBAAuB,QAAQ,CAAC;AAC7C,eAAO,MAAM,gBAAgB,MAAM,CAAC;AACpC,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"CaseConstNTypes.d.ts","sourceRoot":"","sources":["../../../src/reducers/CaseConstNTypes.ts"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ export const MODIFIED_DESCRIPTION_LENGTH_LIMIT = 31000;
|
|
|
7
7
|
export const HOSTNAME_LENGTH_LIMIT = 255;
|
|
8
8
|
export const CONTACT_INFO_24X7_LIMIT = 32768;
|
|
9
9
|
export const CLUSTER_ID_LIMIT = 255;
|
|
10
|
-
export const
|
|
10
|
+
export const CASE_REFERENCE_NUMBER_LIMIT = 100;
|
|
11
11
|
export const PHONE_LIMIT = 40;
|
|
12
12
|
export const SESSION_NOTIFIED_USERS_INTERNAL_LIMIT = 1024;
|
|
13
13
|
export const SESSION_NOTIFIED_USERS_EXTERNAL_LIMIT = 1024;
|
|
@@ -7,7 +7,7 @@ import some from 'lodash/some';
|
|
|
7
7
|
import unionBy from 'lodash/unionBy';
|
|
8
8
|
import uniqBy from 'lodash/uniqBy';
|
|
9
9
|
import { getIsClusterIdInvalid, isClusterIdEnabledForProduct } from '../utils/caseOpenshiftClusterIdUtils';
|
|
10
|
-
import {
|
|
10
|
+
import { CASE_DEATILS_ENVIRONMENT_LIMIT, CASE_DEATILS_ISSUE_LIMIT, CASE_DEATILS_PERIODICITYOFISSUE_LIMIT, CASE_DETAILS_TIMEFRAMESANDURGENCY_LIMIT, CASE_REFERENCE_NUMBER_LIMIT, CLUSTER_ID_LIMIT, CONTACT_INFO_24X7_LIMIT, DESCRIPTION_LENGTH_LIMIT, HOSTNAME_LENGTH_LIMIT, ITRForSLASeverity, KtQuestionConstant, PHONE_LIMIT, SESSION_ENVIRONMENT_LIMIT, SESSION_ISSUE_LIMIT, SESSION_NO_CLUSTER_REASON_EXPLANATION_LENGTH_LIMIT, SESSION_NO_CLUSTER_REASON_LENGTH_LIMIT, SESSION_NOTIFIED_USERS_EXTERNAL_LIMIT, SESSION_NOTIFIED_USERS_INTERNAL_LIMIT, SESSION_PERIODICITY_OF_ISSUE_LIMIT, SESSION_PHONE_LENGTH_LIMIT, SESSION_TIME_FRAMES_URGENCY_LIMIT, SeverityDescription, SUMMARY_LENGTH_LIMIT, } from './CaseConstNTypes';
|
|
11
11
|
export const getCaseRecommendations = (docs, oldDocs) => {
|
|
12
12
|
const recs = [];
|
|
13
13
|
docs.forEach((doc, i) => {
|
|
@@ -143,7 +143,7 @@ export const isCaseStateValid = (caseState, loggedInUserJwtToken) => {
|
|
|
143
143
|
(!isEmpty(case_details.contactInfo24x7)
|
|
144
144
|
? case_details.contactInfo24x7.length <= CONTACT_INFO_24X7_LIMIT
|
|
145
145
|
: true) &&
|
|
146
|
-
(!isEmpty(case_details.alternateId) ? case_details.alternateId.length <=
|
|
146
|
+
(!isEmpty(case_details.alternateId) ? case_details.alternateId.length <= CASE_REFERENCE_NUMBER_LIMIT : true) &&
|
|
147
147
|
!isEmpty(case_details.caseType) &&
|
|
148
148
|
!isEmpty(case_details.severity) &&
|
|
149
149
|
!isEmpty(case_details.accountNumberRef) &&
|
|
@@ -330,7 +330,7 @@ export const getSessionDetailsFromCase = (caseDetails, selectedNotificationConta
|
|
|
330
330
|
notifiedUsersExternal: notifiedUsersExternal.join(',').substring(0, SESSION_NOTIFIED_USERS_EXTERNAL_LIMIT),
|
|
331
331
|
isCep: caseDetails.cep,
|
|
332
332
|
clusterId: (_l = (_k = caseDetails.openshiftClusterID) === null || _k === void 0 ? void 0 : _k.substring(0, CLUSTER_ID_LIMIT)) !== null && _l !== void 0 ? _l : '',
|
|
333
|
-
caseAlternateId: (_o = (_m = caseDetails.alternateId) === null || _m === void 0 ? void 0 : _m.substring(0,
|
|
333
|
+
caseAlternateId: (_o = (_m = caseDetails.alternateId) === null || _m === void 0 ? void 0 : _m.substring(0, CASE_REFERENCE_NUMBER_LIMIT)) !== null && _o !== void 0 ? _o : '',
|
|
334
334
|
noClusterIdReason: (_q = (_p = caseDetails.noClusterIdReason) === null || _p === void 0 ? void 0 : _p.substring(0, SESSION_NO_CLUSTER_REASON_LENGTH_LIMIT)) !== null && _q !== void 0 ? _q : '',
|
|
335
335
|
noClusterIdReasonExplanation: (_s = (_r = caseDetails.noClusterIdReasonExplanation) === null || _r === void 0 ? void 0 : _r.substring(0, SESSION_NO_CLUSTER_REASON_EXPLANATION_LENGTH_LIMIT)) !== null && _s !== void 0 ? _s : '',
|
|
336
336
|
phone: (_u = (_t = caseDetails.phone) === null || _t === void 0 ? void 0 : _t.substring(0, SESSION_PHONE_LENGTH_LIMIT)) !== null && _u !== void 0 ? _u : '',
|
|
@@ -13,7 +13,7 @@ export declare enum AppRouteSections {
|
|
|
13
13
|
SUMMARIZE = "summarize",
|
|
14
14
|
TROUBLESHOOT = "troubleshoot",
|
|
15
15
|
DESCRIBE_MORE = "describe-more",
|
|
16
|
-
|
|
16
|
+
DESCRIBE_IDEA = "describe-idea",
|
|
17
17
|
MANAGEMENT = "management",
|
|
18
18
|
REVIEW = "review",
|
|
19
19
|
SUBMIT_CASE = "submit-case",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RouteConstNTypes.d.ts","sourceRoot":"","sources":["../../../src/reducers/RouteConstNTypes.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAIrB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,MAAM,WAAW,eAAe;CAAG;AACnC,oBAAY,gBAAgB;IACxB,WAAW,gBAAgB;IAC3B,SAAS,cAAc;IACvB,YAAY,iBAAiB;IAC7B,aAAa,kBAAkB;IAC/B,
|
|
1
|
+
{"version":3,"file":"RouteConstNTypes.d.ts","sourceRoot":"","sources":["../../../src/reducers/RouteConstNTypes.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAIrB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,MAAM,WAAW,eAAe;CAAG;AACnC,oBAAY,gBAAgB;IACxB,WAAW,gBAAgB;IAC3B,SAAS,cAAc;IACvB,YAAY,iBAAiB;IAC7B,aAAa,kBAAkB;IAC/B,aAAa,kBAAkB;IAC/B,UAAU,eAAe;IACzB,MAAM,WAAW;IACjB,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;CAC9B;AAED,eAAO,MAAM,0BAA0B,oBAAiC,CAAC;AACzE,eAAO,MAAM,mCAAmC,oBAAgE,CAAC;AACjH,eAAO,MAAM,kCAAkC,oBAO9C,CAAC;AAEF,eAAO,MAAM,+BAA+B,oBAK3C,CAAC;AAEF,eAAO,MAAM,sCAAsC,oBAKlD,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,gBAAgB,EAKtD,CAAC"}
|
|
@@ -4,7 +4,7 @@ export var AppRouteSections;
|
|
|
4
4
|
AppRouteSections["SUMMARIZE"] = "summarize";
|
|
5
5
|
AppRouteSections["TROUBLESHOOT"] = "troubleshoot";
|
|
6
6
|
AppRouteSections["DESCRIBE_MORE"] = "describe-more";
|
|
7
|
-
AppRouteSections["
|
|
7
|
+
AppRouteSections["DESCRIBE_IDEA"] = "describe-idea";
|
|
8
8
|
AppRouteSections["MANAGEMENT"] = "management";
|
|
9
9
|
AppRouteSections["REVIEW"] = "review";
|
|
10
10
|
AppRouteSections["SUBMIT_CASE"] = "submit-case";
|
|
@@ -15,16 +15,16 @@ export const hideFileUploadSidebarWidgetSections = [AppRouteSections.GET_SUPPORT
|
|
|
15
15
|
export const showSidebarRecommendationsSections = [
|
|
16
16
|
AppRouteSections.TROUBLESHOOT,
|
|
17
17
|
AppRouteSections.DESCRIBE_MORE,
|
|
18
|
+
AppRouteSections.DESCRIBE_IDEA,
|
|
18
19
|
AppRouteSections.MANAGEMENT,
|
|
19
20
|
AppRouteSections.REVIEW,
|
|
20
21
|
AppRouteSections.SUBMIT_CASE,
|
|
21
|
-
AppRouteSections.DESCRIBE_MORE_IDEA,
|
|
22
22
|
];
|
|
23
23
|
export const showSideBarEARuleWidgetSections = [
|
|
24
24
|
AppRouteSections.DESCRIBE_MORE,
|
|
25
|
+
AppRouteSections.DESCRIBE_IDEA,
|
|
25
26
|
AppRouteSections.MANAGEMENT,
|
|
26
27
|
AppRouteSections.GET_SUPPORT,
|
|
27
|
-
AppRouteSections.DESCRIBE_MORE_IDEA,
|
|
28
28
|
];
|
|
29
29
|
export const showSideBarClusterIdRuleWidgetSections = [
|
|
30
30
|
AppRouteSections.DESCRIBE_MORE,
|
|
@@ -47,13 +47,13 @@ export const searchIntentRouteSectionSequence = [
|
|
|
47
47
|
export const openCaseNonTechnicalSequence = [
|
|
48
48
|
AppRouteSections.GET_SUPPORT,
|
|
49
49
|
AppRouteSections.SUMMARIZE,
|
|
50
|
-
AppRouteSections.
|
|
50
|
+
AppRouteSections.DESCRIBE_IDEA,
|
|
51
51
|
];
|
|
52
52
|
export const troubleshootNonTechnicalSequence = [
|
|
53
53
|
AppRouteSections.SUMMARIZE,
|
|
54
54
|
AppRouteSections.TROUBLESHOOT,
|
|
55
55
|
AppRouteSections.GET_SUPPORT,
|
|
56
|
-
AppRouteSections.
|
|
56
|
+
AppRouteSections.DESCRIBE_IDEA,
|
|
57
57
|
AppRouteSections.SUBMIT_IDEA,
|
|
58
58
|
];
|
|
59
59
|
const defaultRouteConfiguration = {
|
|
@@ -109,16 +109,16 @@ export function getAppRouteConfugurations(isCaseCreate, isIdea, product) {
|
|
|
109
109
|
[AppRouteSections.GET_SUPPORT]: Object.assign(Object.assign({}, defaultRouteConfiguration), { title: 'Why are you opening a case?', stepName: 'Get support', previousSection: isCaseCreate ? null : AppRouteSections.TROUBLESHOOT, nextSection: isCaseCreate
|
|
110
110
|
? AppRouteSections.SUMMARIZE
|
|
111
111
|
: isIdea
|
|
112
|
-
? AppRouteSections.
|
|
112
|
+
? AppRouteSections.DESCRIBE_IDEA
|
|
113
113
|
: AppRouteSections.DESCRIBE_MORE, futureSections: isCaseCreate && isIdea
|
|
114
|
-
? [AppRouteSections.SUMMARIZE, AppRouteSections.
|
|
114
|
+
? [AppRouteSections.SUMMARIZE, AppRouteSections.DESCRIBE_IDEA]
|
|
115
115
|
: isCaseCreate && !isIdea
|
|
116
116
|
? [AppRouteSections.SUMMARIZE]
|
|
117
117
|
: isIdea
|
|
118
|
-
? [AppRouteSections.
|
|
118
|
+
? [AppRouteSections.DESCRIBE_IDEA]
|
|
119
119
|
: [AppRouteSections.DESCRIBE_MORE, AppRouteSections.MANAGEMENT, AppRouteSections.REVIEW] }),
|
|
120
|
-
[AppRouteSections.SUMMARIZE]: Object.assign(Object.assign({}, defaultRouteConfiguration), { title: 'What are you having an issue with?', stepName: 'Summarize', previousSection: isCaseCreate ? AppRouteSections.GET_SUPPORT : null, nextSection: isCaseCreate && isIdea ? AppRouteSections.
|
|
121
|
-
? [AppRouteSections.
|
|
120
|
+
[AppRouteSections.SUMMARIZE]: Object.assign(Object.assign({}, defaultRouteConfiguration), { title: 'What are you having an issue with?', stepName: 'Summarize', previousSection: isCaseCreate ? AppRouteSections.GET_SUPPORT : null, nextSection: isCaseCreate && isIdea ? AppRouteSections.DESCRIBE_IDEA : AppRouteSections.TROUBLESHOOT, futureSections: isCaseCreate && isIdea
|
|
121
|
+
? [AppRouteSections.DESCRIBE_IDEA]
|
|
122
122
|
: isCaseCreate && !isIdea
|
|
123
123
|
? []
|
|
124
124
|
: [AppRouteSections.TROUBLESHOOT] }),
|
|
@@ -126,7 +126,7 @@ export function getAppRouteConfugurations(isCaseCreate, isIdea, product) {
|
|
|
126
126
|
? [AppRouteSections.DESCRIBE_MORE, AppRouteSections.MANAGEMENT, AppRouteSections.REVIEW]
|
|
127
127
|
: [] }),
|
|
128
128
|
[AppRouteSections.DESCRIBE_MORE]: Object.assign(Object.assign({}, defaultRouteConfiguration), { title: 'Case information', stepName: 'Describe more', previousSection: isCaseCreate ? AppRouteSections.TROUBLESHOOT : AppRouteSections.GET_SUPPORT, nextSection: AppRouteSections.MANAGEMENT, futureSections: [AppRouteSections.MANAGEMENT, AppRouteSections.REVIEW] }),
|
|
129
|
-
[AppRouteSections.
|
|
129
|
+
[AppRouteSections.DESCRIBE_IDEA]: Object.assign(Object.assign({}, defaultRouteConfiguration), { title: 'Idea information', stepName: 'Describe more', nextButtonLabel: 'Submit', disableOtherSections: false, previousSection: isCaseCreate ? AppRouteSections.SUMMARIZE : AppRouteSections.GET_SUPPORT, nextSection: isOpenshift ? null : AppRouteSections.SUBMIT_IDEA, futureSections: [], hideAside: isOpenshift ? true : false }),
|
|
130
130
|
[AppRouteSections.MANAGEMENT]: Object.assign(Object.assign({}, defaultRouteConfiguration), { title: 'Case management', stepName: 'Management', previousSection: AppRouteSections.DESCRIBE_MORE, nextSection: AppRouteSections.REVIEW, futureSections: [AppRouteSections.REVIEW] }),
|
|
131
131
|
[AppRouteSections.REVIEW]: Object.assign(Object.assign({}, defaultRouteConfiguration), { title: 'Preview case', stepName: 'Review', nextButtonLabel: 'Submit', previousSection: AppRouteSections.MANAGEMENT, nextSection: AppRouteSections.SUBMIT_CASE, futureSections: [] }),
|
|
132
132
|
[AppRouteSections.SUBMIT_CASE]: Object.assign(Object.assign({}, defaultRouteConfiguration), { title: 'Case has been submitted', stepName: 'Submit', disableOtherSections: true, hideAside: true, showBackToSection: true, previousSection: null, showOpenCaseButton: true, showNewIssueButton: true, backToSection: AppRouteSections.GET_SUPPORT, backToSectionLabel: 'Back to open case', nextSection: null, futureSections: [] }),
|
package/lib/esm/scss/_main.scss
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.support-grid-
|
|
1
|
+
.support-grid-case-details {
|
|
2
2
|
display: -ms-grid;
|
|
3
3
|
display: grid;
|
|
4
4
|
-ms-grid-rows: 1fr auto;
|
|
@@ -813,19 +813,142 @@
|
|
|
813
813
|
}
|
|
814
814
|
}
|
|
815
815
|
|
|
816
|
-
.support-grid-
|
|
816
|
+
.support-grid-progress {
|
|
817
817
|
display: -ms-grid;
|
|
818
818
|
display: grid;
|
|
819
819
|
-ms-grid-rows: 1fr auto;
|
|
820
820
|
grid-template-rows: 1fr auto;
|
|
821
821
|
grid-template-areas:
|
|
822
|
-
'
|
|
822
|
+
'progress'
|
|
823
823
|
'main'
|
|
824
824
|
'nav';
|
|
825
825
|
min-height: 100vh;
|
|
826
826
|
margin-bottom: -2.5rem;
|
|
827
827
|
padding: 0;
|
|
828
828
|
|
|
829
|
+
/* Layout - progress section */
|
|
830
|
+
.grid-progress {
|
|
831
|
+
grid-area: progress;
|
|
832
|
+
}
|
|
833
|
+
|
|
834
|
+
.grid-progress .grid-progress-content {
|
|
835
|
+
padding: 1.5rem 1rem 1.5rem 2rem;
|
|
836
|
+
|
|
837
|
+
& > button {
|
|
838
|
+
margin-top: 0.5rem;
|
|
839
|
+
margin-bottom: 1rem;
|
|
840
|
+
}
|
|
841
|
+
|
|
842
|
+
& > .back-to-app {
|
|
843
|
+
margin-left: -0.8rem;
|
|
844
|
+
margin-bottom: 2rem;
|
|
845
|
+
}
|
|
846
|
+
|
|
847
|
+
.grid-progress-steps {
|
|
848
|
+
counter-reset: wizard-step-count;
|
|
849
|
+
display: -webkit-box;
|
|
850
|
+
display: -ms-flexbox;
|
|
851
|
+
display: flex;
|
|
852
|
+
-webkit-box-orient: horizontal;
|
|
853
|
+
-webkit-box-direction: normal;
|
|
854
|
+
-ms-flex-direction: row;
|
|
855
|
+
flex-direction: row;
|
|
856
|
+
-webkit-box-align: center;
|
|
857
|
+
-ms-flex-align: center;
|
|
858
|
+
align-items: center;
|
|
859
|
+
-webkit-box-pack: start;
|
|
860
|
+
-ms-flex-pack: start;
|
|
861
|
+
justify-content: flex-start;
|
|
862
|
+
margin: 0;
|
|
863
|
+
padding: 0 0.5rem;
|
|
864
|
+
list-style: none;
|
|
865
|
+
|
|
866
|
+
li {
|
|
867
|
+
padding: 0 1rem;
|
|
868
|
+
|
|
869
|
+
button {
|
|
870
|
+
position: relative;
|
|
871
|
+
text-align: left;
|
|
872
|
+
font-weight: 400;
|
|
873
|
+
|
|
874
|
+
&::before {
|
|
875
|
+
position: absolute;
|
|
876
|
+
display: inline-flex;
|
|
877
|
+
align-items: center;
|
|
878
|
+
justify-content: center;
|
|
879
|
+
top: 0px;
|
|
880
|
+
left: 0px;
|
|
881
|
+
color: #fff;
|
|
882
|
+
counter-increment: wizard-step-count;
|
|
883
|
+
content: counter(wizard-step-count);
|
|
884
|
+
font-size: 12px;
|
|
885
|
+
font-weight: 600;
|
|
886
|
+
line-height: 1;
|
|
887
|
+
width: 1.5rem;
|
|
888
|
+
height: 1.5rem;
|
|
889
|
+
border-radius: 50%;
|
|
890
|
+
transform: matrix(1, 0, 0, 1, -18, 4);
|
|
891
|
+
}
|
|
892
|
+
|
|
893
|
+
span {
|
|
894
|
+
display: none;
|
|
895
|
+
}
|
|
896
|
+
}
|
|
897
|
+
|
|
898
|
+
&.on button {
|
|
899
|
+
background-color: #06c;
|
|
900
|
+
font-weight: 600;
|
|
901
|
+
|
|
902
|
+
&::before {
|
|
903
|
+
background-color: #06c;
|
|
904
|
+
border-color: #06c;
|
|
905
|
+
}
|
|
906
|
+
}
|
|
907
|
+
|
|
908
|
+
&.next button,
|
|
909
|
+
&.future button {
|
|
910
|
+
color: #151515;
|
|
911
|
+
|
|
912
|
+
&::before {
|
|
913
|
+
background-color: #ededed;
|
|
914
|
+
color: #151515;
|
|
915
|
+
}
|
|
916
|
+
|
|
917
|
+
&[disabled] {
|
|
918
|
+
background-color: transparent;
|
|
919
|
+
border-color: #8b8d8f;
|
|
920
|
+
color: #8b8d8f;
|
|
921
|
+
|
|
922
|
+
&::before {
|
|
923
|
+
color: #8d8e8f;
|
|
924
|
+
}
|
|
925
|
+
}
|
|
926
|
+
|
|
927
|
+
&:hover {
|
|
928
|
+
color: #06c;
|
|
929
|
+
}
|
|
930
|
+
}
|
|
931
|
+
|
|
932
|
+
&.completed button {
|
|
933
|
+
color: #151515;
|
|
934
|
+
|
|
935
|
+
&::before {
|
|
936
|
+
background-color: #ededed;
|
|
937
|
+
color: #151515;
|
|
938
|
+
}
|
|
939
|
+
|
|
940
|
+
&:hover {
|
|
941
|
+
color: #06c;
|
|
942
|
+
}
|
|
943
|
+
}
|
|
944
|
+
|
|
945
|
+
&:last-child {
|
|
946
|
+
margin-bottom: 0;
|
|
947
|
+
}
|
|
948
|
+
}
|
|
949
|
+
}
|
|
950
|
+
}
|
|
951
|
+
|
|
829
952
|
.grid-main {
|
|
830
953
|
-ms-grid-row: 1;
|
|
831
954
|
-ms-grid-column: 1;
|
|
@@ -933,8 +1056,53 @@
|
|
|
933
1056
|
-ms-grid-rows: 1fr auto;
|
|
934
1057
|
grid-template-rows: 1fr auto;
|
|
935
1058
|
grid-template-areas:
|
|
936
|
-
'
|
|
937
|
-
'
|
|
1059
|
+
'progress main'
|
|
1060
|
+
'progress nav';
|
|
1061
|
+
|
|
1062
|
+
.grid-progress {
|
|
1063
|
+
-ms-grid-row: 1;
|
|
1064
|
+
-ms-grid-row-span: 2;
|
|
1065
|
+
-ms-grid-column: 1;
|
|
1066
|
+
display: inline-block;
|
|
1067
|
+
border-right: 1px solid #d9d9d9;
|
|
1068
|
+
padding: 1rem;
|
|
1069
|
+
|
|
1070
|
+
& > button {
|
|
1071
|
+
margin-top: 0;
|
|
1072
|
+
margin-bottom: 1.5rem;
|
|
1073
|
+
margin-left: -0.9rem;
|
|
1074
|
+
}
|
|
1075
|
+
|
|
1076
|
+
.grid-progress-content {
|
|
1077
|
+
position: -webkit-sticky;
|
|
1078
|
+
position: sticky;
|
|
1079
|
+
top: 8rem;
|
|
1080
|
+
|
|
1081
|
+
.grid-progress-steps {
|
|
1082
|
+
-webkit-box-orient: vertical;
|
|
1083
|
+
-ms-flex-direction: column;
|
|
1084
|
+
flex-direction: column;
|
|
1085
|
+
-webkit-box-align: start;
|
|
1086
|
+
-ms-flex-align: start;
|
|
1087
|
+
align-items: flex-start;
|
|
1088
|
+
-webkit-box-pack: center;
|
|
1089
|
+
-ms-flex-pack: center;
|
|
1090
|
+
justify-content: center;
|
|
1091
|
+
padding: 0;
|
|
1092
|
+
|
|
1093
|
+
li {
|
|
1094
|
+
margin-right: 0;
|
|
1095
|
+
margin-bottom: 1.5rem;
|
|
1096
|
+
padding: 0;
|
|
1097
|
+
|
|
1098
|
+
button {
|
|
1099
|
+
white-space: nowrap;
|
|
1100
|
+
font-size: 15px;
|
|
1101
|
+
}
|
|
1102
|
+
}
|
|
1103
|
+
}
|
|
1104
|
+
}
|
|
1105
|
+
}
|
|
938
1106
|
|
|
939
1107
|
.grid-main {
|
|
940
1108
|
-ms-grid-row: 1;
|
|
@@ -962,8 +1130,8 @@
|
|
|
962
1130
|
-ms-grid-rows: 1fr auto;
|
|
963
1131
|
grid-template-rows: 1fr auto;
|
|
964
1132
|
grid-template-areas:
|
|
965
|
-
'
|
|
966
|
-
'
|
|
1133
|
+
'progress main aside'
|
|
1134
|
+
'progress nav aside';
|
|
967
1135
|
|
|
968
1136
|
.grid-main,
|
|
969
1137
|
.grid-navigation {
|
|
@@ -990,6 +1158,16 @@
|
|
|
990
1158
|
-ms-grid-row: 2;
|
|
991
1159
|
-ms-grid-column: 2;
|
|
992
1160
|
}
|
|
1161
|
+
|
|
1162
|
+
.grid-progress {
|
|
1163
|
+
-ms-grid-row: 1;
|
|
1164
|
+
-ms-grid-row-span: 2;
|
|
1165
|
+
-ms-grid-column: 1;
|
|
1166
|
+
|
|
1167
|
+
& > .grid-main-section {
|
|
1168
|
+
padding: 2rem 1rem;
|
|
1169
|
+
}
|
|
1170
|
+
}
|
|
993
1171
|
}
|
|
994
1172
|
|
|
995
1173
|
/* XL devices - Add step names to progress section */
|
|
@@ -1450,6 +1628,283 @@
|
|
|
1450
1628
|
}
|
|
1451
1629
|
}
|
|
1452
1630
|
|
|
1631
|
+
.support-grid-no-progress {
|
|
1632
|
+
display: -ms-grid;
|
|
1633
|
+
display: grid;
|
|
1634
|
+
-ms-grid-rows: 1fr auto;
|
|
1635
|
+
grid-template-rows: 1fr auto;
|
|
1636
|
+
grid-template-areas:
|
|
1637
|
+
'main'
|
|
1638
|
+
'main';
|
|
1639
|
+
min-height: 100vh;
|
|
1640
|
+
margin-bottom: -2.5rem;
|
|
1641
|
+
padding: 0;
|
|
1642
|
+
|
|
1643
|
+
.grid-main {
|
|
1644
|
+
-ms-grid-row: 1;
|
|
1645
|
+
-ms-grid-column: 1;
|
|
1646
|
+
grid-area: main;
|
|
1647
|
+
padding: 1rem;
|
|
1648
|
+
min-width: 0;
|
|
1649
|
+
|
|
1650
|
+
& > .grid-main-section.grid-main-active-section {
|
|
1651
|
+
padding: 1.5rem;
|
|
1652
|
+
outline: none;
|
|
1653
|
+
min-height: 100vh;
|
|
1654
|
+
|
|
1655
|
+
& > header {
|
|
1656
|
+
margin-bottom: 2rem;
|
|
1657
|
+
}
|
|
1658
|
+
}
|
|
1659
|
+
& > .visited-line,
|
|
1660
|
+
& > .togo-line {
|
|
1661
|
+
margin-bottom: 5rem;
|
|
1662
|
+
} /* ONLY until step refactoring */
|
|
1663
|
+
}
|
|
1664
|
+
|
|
1665
|
+
.grid-navigation {
|
|
1666
|
+
display: none;
|
|
1667
|
+
}
|
|
1668
|
+
|
|
1669
|
+
.grid-aside {
|
|
1670
|
+
grid-area: aside;
|
|
1671
|
+
background-color: #e7e7e7;
|
|
1672
|
+
padding: 1rem;
|
|
1673
|
+
display: none;
|
|
1674
|
+
|
|
1675
|
+
.grid-aside-content {
|
|
1676
|
+
padding: 1.5rem 1rem;
|
|
1677
|
+
|
|
1678
|
+
& > * {
|
|
1679
|
+
margin-bottom: 2rem;
|
|
1680
|
+
}
|
|
1681
|
+
|
|
1682
|
+
header {
|
|
1683
|
+
display: -webkit-box;
|
|
1684
|
+
display: -ms-flexbox;
|
|
1685
|
+
display: flex;
|
|
1686
|
+
-webkit-box-align: center;
|
|
1687
|
+
-ms-flex-align: center;
|
|
1688
|
+
align-items: center;
|
|
1689
|
+
margin-bottom: 1rem;
|
|
1690
|
+
|
|
1691
|
+
h3 {
|
|
1692
|
+
margin-bottom: 0;
|
|
1693
|
+
}
|
|
1694
|
+
|
|
1695
|
+
h2 {
|
|
1696
|
+
margin-bottom: 0;
|
|
1697
|
+
font-size: 18px;
|
|
1698
|
+
}
|
|
1699
|
+
|
|
1700
|
+
button {
|
|
1701
|
+
height: 28px;
|
|
1702
|
+
margin-left: auto;
|
|
1703
|
+
padding: 5px 1rem;
|
|
1704
|
+
border: 0;
|
|
1705
|
+
background: none;
|
|
1706
|
+
|
|
1707
|
+
&:hover,
|
|
1708
|
+
&:focus {
|
|
1709
|
+
color: #06c;
|
|
1710
|
+
}
|
|
1711
|
+
|
|
1712
|
+
.fa {
|
|
1713
|
+
font-size: 20px;
|
|
1714
|
+
}
|
|
1715
|
+
}
|
|
1716
|
+
}
|
|
1717
|
+
}
|
|
1718
|
+
}
|
|
1719
|
+
|
|
1720
|
+
/* Medium devices */
|
|
1721
|
+
@media (min-width: 768px) {
|
|
1722
|
+
-ms-grid-columns: 85px 2fr;
|
|
1723
|
+
grid-template-columns: 85px 2fr;
|
|
1724
|
+
-ms-grid-rows: 1fr auto;
|
|
1725
|
+
grid-template-rows: 1fr auto;
|
|
1726
|
+
grid-template-areas:
|
|
1727
|
+
'main main'
|
|
1728
|
+
'main main';
|
|
1729
|
+
|
|
1730
|
+
.grid-main {
|
|
1731
|
+
-ms-grid-row: 1;
|
|
1732
|
+
-ms-grid-column: 2;
|
|
1733
|
+
padding: 1rem;
|
|
1734
|
+
}
|
|
1735
|
+
|
|
1736
|
+
.grid-aside-content {
|
|
1737
|
+
position: -webkit-sticky;
|
|
1738
|
+
position: sticky;
|
|
1739
|
+
top: 8rem;
|
|
1740
|
+
}
|
|
1741
|
+
|
|
1742
|
+
.grid-navigation {
|
|
1743
|
+
display: none;
|
|
1744
|
+
}
|
|
1745
|
+
}
|
|
1746
|
+
|
|
1747
|
+
/* Large devices */
|
|
1748
|
+
@media (min-width: 992px) {
|
|
1749
|
+
-ms-grid-columns: 85px auto 33%;
|
|
1750
|
+
grid-template-columns: 85px auto 33%;
|
|
1751
|
+
-ms-grid-rows: 1fr auto;
|
|
1752
|
+
grid-template-rows: 1fr auto;
|
|
1753
|
+
grid-template-areas:
|
|
1754
|
+
'main main aside'
|
|
1755
|
+
'nav nav aside';
|
|
1756
|
+
|
|
1757
|
+
.grid-main,
|
|
1758
|
+
.grid-navigation {
|
|
1759
|
+
border-right: 1px solid #e7e7e7;
|
|
1760
|
+
}
|
|
1761
|
+
|
|
1762
|
+
.grid-aside {
|
|
1763
|
+
-ms-grid-row: 1;
|
|
1764
|
+
-ms-grid-row-span: 2;
|
|
1765
|
+
-ms-grid-column: 3;
|
|
1766
|
+
display: inline-block;
|
|
1767
|
+
}
|
|
1768
|
+
|
|
1769
|
+
.grid-main {
|
|
1770
|
+
-ms-grid-row: 2;
|
|
1771
|
+
-ms-grid-column: 2;
|
|
1772
|
+
|
|
1773
|
+
& > .grid-main-section {
|
|
1774
|
+
padding: 2.5rem 1.5rem;
|
|
1775
|
+
}
|
|
1776
|
+
}
|
|
1777
|
+
|
|
1778
|
+
.grid-navigation {
|
|
1779
|
+
display: none;
|
|
1780
|
+
}
|
|
1781
|
+
}
|
|
1782
|
+
|
|
1783
|
+
/* XL devices */
|
|
1784
|
+
@media (min-width: 1200px) {
|
|
1785
|
+
-ms-grid-columns: 245px 1fr 32%;
|
|
1786
|
+
grid-template-columns: 245px auto 32%;
|
|
1787
|
+
}
|
|
1788
|
+
|
|
1789
|
+
/* XXL devices */
|
|
1790
|
+
@media (min-width: 2000px) {
|
|
1791
|
+
-ms-grid-columns: 300px 1fr 33%;
|
|
1792
|
+
grid-template-columns: 300px auto 33%;
|
|
1793
|
+
|
|
1794
|
+
.grid-progress {
|
|
1795
|
+
padding: 1rem;
|
|
1796
|
+
}
|
|
1797
|
+
}
|
|
1798
|
+
|
|
1799
|
+
form h2,
|
|
1800
|
+
form h3,
|
|
1801
|
+
form h4,
|
|
1802
|
+
form h5,
|
|
1803
|
+
form h6,
|
|
1804
|
+
.subheading {
|
|
1805
|
+
font-family: 'Red Hat Text', Overpass, Helvetica, sans-serif;
|
|
1806
|
+
font-size: 14px;
|
|
1807
|
+
margin-bottom: 6px;
|
|
1808
|
+
}
|
|
1809
|
+
|
|
1810
|
+
/* Override buttons to match PF */
|
|
1811
|
+
.btn.btn-app,
|
|
1812
|
+
.btn-app[role='button'] {
|
|
1813
|
+
padding: 0.375rem 1rem;
|
|
1814
|
+
border-radius: 4px;
|
|
1815
|
+
}
|
|
1816
|
+
|
|
1817
|
+
.card.card-support {
|
|
1818
|
+
padding: 0;
|
|
1819
|
+
border: 0;
|
|
1820
|
+
|
|
1821
|
+
.card-heading {
|
|
1822
|
+
display: -ms-flexbox;
|
|
1823
|
+
display: flex;
|
|
1824
|
+
-ms-flex-align: center;
|
|
1825
|
+
align-items: center;
|
|
1826
|
+
margin-bottom: 0;
|
|
1827
|
+
padding: 0.6rem 1rem;
|
|
1828
|
+
font-size: 15px;
|
|
1829
|
+
font-weight: 900;
|
|
1830
|
+
background-color: #676b6f; //#025C76
|
|
1831
|
+
border: 1px solid #676b6f;
|
|
1832
|
+
color: #fff;
|
|
1833
|
+
|
|
1834
|
+
a {
|
|
1835
|
+
margin-left: auto;
|
|
1836
|
+
color: #fff;
|
|
1837
|
+
|
|
1838
|
+
&:hover,
|
|
1839
|
+
&:focus {
|
|
1840
|
+
color: #004080;
|
|
1841
|
+
}
|
|
1842
|
+
}
|
|
1843
|
+
}
|
|
1844
|
+
|
|
1845
|
+
.card-body {
|
|
1846
|
+
padding: 1.1rem;
|
|
1847
|
+
border: 1px solid #ededed;
|
|
1848
|
+
|
|
1849
|
+
& > *:last-child {
|
|
1850
|
+
margin-bottom: 0;
|
|
1851
|
+
|
|
1852
|
+
&.pf-c-pagination {
|
|
1853
|
+
-ms-flex-pack: justify;
|
|
1854
|
+
justify-content: space-between;
|
|
1855
|
+
}
|
|
1856
|
+
}
|
|
1857
|
+
}
|
|
1858
|
+
|
|
1859
|
+
&.recommendations {
|
|
1860
|
+
.recommendation-header {
|
|
1861
|
+
font-size: 14px;
|
|
1862
|
+
font-weight: 600;
|
|
1863
|
+
}
|
|
1864
|
+
|
|
1865
|
+
.result-body {
|
|
1866
|
+
font-size: 13px;
|
|
1867
|
+
word-break: break-word;
|
|
1868
|
+
}
|
|
1869
|
+
|
|
1870
|
+
.card-body ul {
|
|
1871
|
+
list-style-type: none;
|
|
1872
|
+
|
|
1873
|
+
li {
|
|
1874
|
+
margin-bottom: 0.8rem;
|
|
1875
|
+
|
|
1876
|
+
a svg,
|
|
1877
|
+
a::after {
|
|
1878
|
+
display: none;
|
|
1879
|
+
}
|
|
1880
|
+
|
|
1881
|
+
& > *:last-child {
|
|
1882
|
+
margin-top: 4px;
|
|
1883
|
+
}
|
|
1884
|
+
}
|
|
1885
|
+
}
|
|
1886
|
+
|
|
1887
|
+
.pf-c-pagination {
|
|
1888
|
+
padding: 0.2rem;
|
|
1889
|
+
|
|
1890
|
+
.pf-c-pagination-nav {
|
|
1891
|
+
align-items: center;
|
|
1892
|
+
}
|
|
1893
|
+
}
|
|
1894
|
+
}
|
|
1895
|
+
|
|
1896
|
+
&.escalations {
|
|
1897
|
+
.card-body {
|
|
1898
|
+
font-size: 15px;
|
|
1899
|
+
|
|
1900
|
+
p {
|
|
1901
|
+
margin-bottom: 0.8rem;
|
|
1902
|
+
}
|
|
1903
|
+
}
|
|
1904
|
+
}
|
|
1905
|
+
}
|
|
1906
|
+
}
|
|
1907
|
+
|
|
1453
1908
|
.text-danger {
|
|
1454
1909
|
color: #c9190b !important;
|
|
1455
1910
|
}
|
|
@@ -1656,3 +2111,8 @@ p.pref-case-popover-text {
|
|
|
1656
2111
|
}
|
|
1657
2112
|
}
|
|
1658
2113
|
}
|
|
2114
|
+
|
|
2115
|
+
.rules-modal-items > h2 {
|
|
2116
|
+
margin-top: 0;
|
|
2117
|
+
margin-bottom: 0;
|
|
2118
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rh-support/troubleshoot",
|
|
3
|
-
"version": "1.0.47-beta.
|
|
3
|
+
"version": "1.0.47-beta.40",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public",
|
|
6
6
|
"registry": "https://registry.npmjs.org"
|
|
@@ -145,5 +145,5 @@
|
|
|
145
145
|
"not ie <= 11",
|
|
146
146
|
"not op_mini all"
|
|
147
147
|
],
|
|
148
|
-
"gitHead": "
|
|
148
|
+
"gitHead": "2b98f90c14a640e6af00d19e57f2c7847244bd0f"
|
|
149
149
|
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
interface IProps {
|
|
2
|
-
inlineEditable?: boolean;
|
|
3
|
-
hideSaveCancel?: boolean;
|
|
4
|
-
}
|
|
5
|
-
declare function CaseAlternateId(props: IProps): JSX.Element;
|
|
6
|
-
declare namespace CaseAlternateId {
|
|
7
|
-
var defaultProps: Partial<IProps>;
|
|
8
|
-
}
|
|
9
|
-
export default CaseAlternateId;
|
|
10
|
-
//# sourceMappingURL=CaseAlternateId.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CaseAlternateId.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseAlternateId.tsx"],"names":[],"mappings":"AA2BA,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAOD,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eA+KrC;kBA/KQ,eAAe;;;AAkLxB,eAAe,eAAe,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
interface IProps {
|
|
2
|
-
inlineEditable?: boolean;
|
|
3
|
-
hideSaveCancel?: boolean;
|
|
4
|
-
}
|
|
5
|
-
declare function OpenAlternateID(props: IProps): JSX.Element;
|
|
6
|
-
declare namespace OpenAlternateID {
|
|
7
|
-
var defaultProps: Partial<IProps>;
|
|
8
|
-
}
|
|
9
|
-
export default OpenAlternateID;
|
|
10
|
-
//# sourceMappingURL=OpenAlternateID.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"OpenAlternateID.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenAlternateID.tsx"],"names":[],"mappings":"AASA,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAOD,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eAgErC;kBAhEQ,eAAe;;;AAmExB,eAAe,eAAe,CAAC"}
|