@rh-support/troubleshoot 2.1.20 → 2.1.21

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/PostComment.js

@@ -30,6 +30,7 @@ import { markdownFilePasteEvent } from '../../../shared/Constants';
 import { AttachmentDispatchContext, AttachmentStateContext, hasSomeSelectedFiles, hasSomeUnUploadedAttachments, isUploadingAttachment, resetAttachment, } from '../../../shared/fileUpload';
 import FileSelectorButton from '../../../shared/fileUpload/fileSelectors/FileSelectorButton';
 import FileUpload from '../../../shared/fileUpload/FileUpload';
+import { PDFContext } from '../../PDFContainer';
 import { useMarkdownFileUploader } from './PostComment/useMarkdownFileUploader';
 import { VerifyCaseStatusModal } from './VerifyCaseStatusModal/VerifyCaseStatusModal';
 export function PostComment(props) {
@@ -53,6 +54,7 @@ export function PostComment(props) {
     const hasSomeSelectedFilesLocal = hasSomeSelectedFiles(attachmentState.caseFiles.selectedLocalFiles);
     const [commentType, setCommentType] = useState(EditorMode.PLAIN);
     const [commentSignature, setCommentSignature] = useState('');
+    const { isExportingPDF } = useContext(PDFContext);
     const { getCommentTypeFromPreference, getCommentSignature } = useUserPreferences();
     const userOriginalCommentPrefs = () => __awaiter(this, void 0, void 0, function* () {
         try {
@@ -311,7 +313,7 @@ export function PostComment(props) {
         return (parsedPassedReply === null || parsedPassedReply === void 0 ? void 0 : parsedPassedReply.trim()) === (commentText === null || commentText === void 0 ? void 0 : commentText.trim());
     };
     const isSubmitDisabled = isReplyDisabled() || isCommentEmpty || isPostCommentDisabled;
-    return (React.createElement("div", { className: "pf-u-mb-md hide-in-pdf", ref: componentRef },
+    return (React.createElement("div", { className: `pf-u-mb-md ${isExportingPDF ? 'hide-in-pdf' : ''}`, ref: componentRef },
         React.createElement(MarkdownEditor, { className: `${!isPublic && canPostPrivateComments ? 'is-private' : ''}`, disabled: isProcessing || canEditCase.isCaseNotEditable, "aria-label": "comment text area", showMarkdownPlainTextToggle: true, editorMode: commentType, onFocus: () => setIsTextAreaFocused(true), onBlur: onTextAreaBlur, onChange: onCommentTextChange, value: commentText, rows: isTextAreaFocused ? 12 : 4, bindTextArea: textAreaRef, onCommentExceedCharsLimit: onCommentExceedCharsLimit, mdPlaceholder: isPublic || !canPostPrivateComments
                 ? 'Add a comment using markdown'
                 : 'Add a comment or attach a file privately', plainTextPlaceholder: isPublic || !canPostPrivateComments

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

@@ -1 +1 @@
-{"version":3,"file":"ContactPhoneNumber.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/ContactPhoneNumber.tsx"],"names":[],"mappings":"AAYA,wBAAgB,kBAAkB,gBAiDjC"}
+{"version":3,"file":"ContactPhoneNumber.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/ContactPhoneNumber.tsx"],"names":[],"mappings":"AAaA,wBAAgB,kBAAkB,gBA8CjC"}

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

@@ -1,13 +1,5 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { TextInput, ValidatedOptions } from '@patternfly/react-core';
+import { ValidatedOptions } from '@patternfly/react-core';
+import { PhoneInput } from '@rh-support/components';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React from 'react';
@@ -18,29 +10,29 @@ import { PHONE_LIMIT } from '../../reducers/CaseConstNTypes';
 import { setCaseDetails } from '../../reducers/CaseReducer';
 import { ContactPhoneNumberPopOver } from './ContactPhoneNumberPopOver';
 export function ContactPhoneNumber() {
-    var _a;
+    var _a, _b;
     const { caseDetails } = useCaseSelector((state) => ({
         caseDetails: state.caseDetails,
         selectedOwner: state.selectedOwner,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
     const { t } = useTranslation();
-    const handlePhoneChange = (phone) => __awaiter(this, void 0, void 0, function* () {
-        setCaseDetails(caseDispatch, { phone: phone.trim() });
-    });
+    const onPhoneChange = (phone) => {
+        setCaseDetails(caseDispatch, { phone });
+    };
     const maxLengthErrorMessage = t('Phone number cannot be more than {{limit}} characters.', {
         limit: PHONE_LIMIT,
     });
     return (React.createElement("div", { className: "form-group", style: { minWidth: '200px' } },
-        React.createElement("h3", { className: "subheading subheading-sm" },
+        React.createElement("label", { className: "subheading subheading-sm" },
             React.createElement(Trans, null, "Case owner's phone number"),
             ContactPhoneNumberPopOver()),
-        React.createElement(TextInput, { id: "case-phone-number", placeholder: "+1 555-555-5555", value: caseDetails.phone, onChange: handlePhoneChange, validated: ((_a = caseDetails.phone) === null || _a === void 0 ? void 0 : _a.length) > PHONE_LIMIT
+        React.createElement(PhoneInput, { phoneValue: caseDetails.phone, onPhoneValueChange: onPhoneChange, validations: ((_a = caseDetails.phone) === null || _a === void 0 ? void 0 : _a.length) > PHONE_LIMIT
                 ? ValidatedOptions.error
                 : caseDetails.severity === "1 (Urgent)" /* SEV_1 */ &&
                     isEmpty(caseDetails.suppliedPhoneNumberVerified)
                     ? ValidatedOptions.warning
                     : ValidatedOptions.default }),
-        caseDetails.phone.length > PHONE_LIMIT ? (React.createElement("p", { className: "form-instructions form-invalid" }, maxLengthErrorMessage)) : (React.createElement("p", { className: "form-instructions" },
+        ((_b = caseDetails.phone) === null || _b === void 0 ? void 0 : _b.length) > PHONE_LIMIT ? (React.createElement("p", { className: "form-instructions form-invalid" }, maxLengthErrorMessage)) : (React.createElement("p", { className: "form-instructions" },
             React.createElement(Trans, null, PHONE_INSTRUCTION)))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Fts.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Fts.tsx"],"names":[],"mappings":"AAkBA,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAQD,iBAAS,GAAG,CAAC,KAAK,EAAE,MAAM,eAkLzB;kBAlLQ,GAAG;;;AAqLZ,eAAe,GAAG,CAAC"}
+{"version":3,"file":"Fts.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Fts.tsx"],"names":[],"mappings":"AAoBA,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAQD,iBAAS,GAAG,CAAC,KAAK,EAAE,MAAM,eAqLzB;kBArLQ,GAAG;;;AAwLZ,eAAe,GAAG,CAAC"}

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

@@ -12,12 +12,13 @@ import { useCanEditCase } from '@rh-support/react-context';
 import { isFtsEditableOnEditPage, PreviousCaseTypes, showFtsOnCaseViewEditPage, showFtsOnCreateCasePage, } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
-import React, { useEffect, useState } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { useCaseUpdateErrorMessage } from '../../hooks/useCaseUpdateErrorMessage';
 import { CONTACT_INFO_24X7_LIMIT } from '../../reducers/CaseConstNTypes';
 import { setCaseDetails, updateCaseDetails } from '../../reducers/CaseReducer';
+import { PDFContext } from '../CaseEditView/PDFContainer';
 const defaultProps = {
     inlineEditable: false,
     hideSaveCancel: false,
@@ -35,6 +36,7 @@ function Fts(props) {
         caseType: state.caseDetails.caseType,
     }), isEqual);
     const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
+    const { isExportingPDF } = useContext(PDFContext);
     const caseDispatch = useCaseDispatch();
     const oldFts = usePrevious(fts);
     const onCaseDetailsChange = (caseDetails) => {
@@ -138,7 +140,7 @@ function Fts(props) {
                 React.createElement(Trans, null, "24x7 Support")),
             React.createElement(LoadingIndicator, { size: "sm", isInline: true, show: isFtsUpdating, className: "pf-u-ml-sm" })),
         fts === true && (React.createElement(React.Fragment, null,
-            React.createElement(InlineEdit, { labelProps: { htmlFor: 'get-support-24-7-contact' }, labelContent: React.createElement(Trans, null, "24x7 Contact"), allowInlineEdit: props.inlineEditable && !disableFtsNContact, hideSaveCancel: props.hideSaveCancel, initialIsEditing: props.initialIsEditing, content: contactInfo24x7, onSave: onSave, onCancel: onCancel, saveDisabled: isSaveDisabled, loadingIndicator: isFtsContactUpdating ? React.createElement(LoadingIndicator, { isInline: true }) : undefined },
+            React.createElement(InlineEdit, { labelProps: { htmlFor: 'get-support-24-7-contact' }, labelContent: React.createElement(Trans, null, "24x7 Contact"), allowInlineEdit: props.inlineEditable && !disableFtsNContact, hideSaveCancel: props.hideSaveCancel, initialIsEditing: props.initialIsEditing, content: contactInfo24x7, onSave: onSave, onCancel: onCancel, saveDisabled: isSaveDisabled, loadingIndicator: isFtsContactUpdating ? React.createElement(LoadingIndicator, { isInline: true }) : undefined, isExportingPDF: isExportingPDF },
                 React.createElement(TextAreaAutosize, { id: "get-support-24-7-contact", className: `form-control`, name: "get-support-24-7-contact", value: contactInfo24X7State, onChange: onFtsContactChange, disabled: disableFtsNContact, "data-tracking-id": "get-support-24-7-contact" }),
                 React.createElement("p", { className: "form-instructions" },
                     React.createElement(Trans, null, "Please provide contact information where you can be reached at any time to help you with your case."))),

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

@@ -1 +1 @@
-{"version":3,"file":"Severity.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Severity.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAMvE,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AAwBrE,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAChE,oBAAoB,EAAE,OAAO,CAAC;CACjC;AASD,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;CACxD;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,MAAM,eAqR9B;kBArRQ,QAAQ;;;AAuRjB,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Severity.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Severity.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAKvE,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AAyBrE,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAChE,oBAAoB,EAAE,OAAO,CAAC;CACjC;AASD,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;CACxD;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,MAAM,eAuR9B;kBAvRQ,QAAQ;;;AAyRjB,eAAe,QAAQ,CAAC"}

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

@@ -1,5 +1,4 @@
 import { Popover, PopoverPosition, Tooltip, TooltipPosition } from '@patternfly/react-core';
-import QuestionCircleIcon from '@patternfly/react-icons/dist/js/icons/question-circle-icon';
 import WarningTriangleIcon from '@patternfly/react-icons/dist/js/icons/warning-triangle-icon';
 import { Dropdown, ValueChangedIcon } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
@@ -15,6 +14,7 @@ import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { getIrtForSLAAndSeverity, getOrtForSLAAndSeverity, getSeverityDescription } from '../../reducers/CaseHelpers';
 import { setCaseDetails } from '../../reducers/CaseReducer';
+import { PDFContext } from '../CaseEditView/PDFContainer';
 import { CaseValuesToWatch } from '../shared/Constants';
 import { getChangedValueTooltip } from '../shared/utils';
 import UpdateSeverityModal from '../UpdateSeverityModal/UpdateSeverityModal';
@@ -36,6 +36,7 @@ function Severity(props) {
         versionsDetails: state.versionsDetails,
     }), isEqual);
     const { globalMetadataState: { allCaseSeverities, allProducts }, } = useContext(GlobalMetadataStateContext);
+    const { isExportingPDF } = useContext(PDFContext);
     const [isSeverityInValid, setIsSeverityInValid] = useState(false);
     const [seviritiesOptions, setSeveritiesOptions] = useState([]);
     const [doNotShowIRT, setDoNotShowIRT] = useState(false);
@@ -154,13 +155,13 @@ function Severity(props) {
         React.createElement("label", null,
             React.createElement(Trans, null, "Severity")),
         React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, comparator: valueComparator, isLocalChange: localSeverityChange, value: doesDropdownSeverityEqualSeverity ? selectedSeverity : null, getTooltipContent: getChangedValueTooltip(() => CaseValuesToWatch.severity, (v) => v.name) }),
-        React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"),
+        React.createElement("span", { className: `form-required ${isExportingPDF ? 'hide-in-pdf' : ''}`, "aria-hidden": true }, "*"),
         !!props.showSeverityInfoIcon && (React.createElement(Popover, { "aria-label": "Support Severity Level info", position: PopoverPosition.right, bodyContent: React.createElement("p", null,
                 React.createElement(Trans, null, "To learn more view the"),
                 ' ',
                 React.createElement("a", { href: "/support/policy/severity", target: "_blank" },
                     React.createElement(Trans, null, "Red Hat Support Severity Level Definitions"))), closeBtnAriaLabel: "Close" },
-            React.createElement(QuestionCircleIcon, { className: "pf-u-ml-xs icon-size", "aria-label": "Support Severity Level Info" }))),
+            React.createElement("i", { "aria-label": "Support Severity Level info", className: "fa fa-question-circle" }))),
         "\u00A0",
         filteredSeverities.filter((s) => s.disabled).length !== 0 && (React.createElement(Tooltip, { position: TooltipPosition.top, content: React.createElement(Trans, null, "Only the enabled severity levels are supported for selected product and version.") },
             React.createElement(WarningTriangleIcon, { color: "#ec7a08", size: "sm", title: "Support Severity Level warning" }))),

package/lib/esm/components/CaseManagement/Cep.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cep.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/Cep.tsx"],"names":[],"mappings":"AAsCA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,eAkShC"}
+{"version":3,"file":"Cep.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/Cep.tsx"],"names":[],"mappings":"AAuCA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,eAwShC"}

package/lib/esm/components/CaseManagement/Cep.js

@@ -22,6 +22,7 @@ import { useCaseDiscussionTabDispatchContext, useCaseDiscussionTabStateContext,
 import { useCaseUpdateErrorMessage } from '../../hooks/useCaseUpdateErrorMessage';
 import { updateDiscussionStateComments } from '../../reducers/CaseDiscussionTabReducer';
 import { checkForCaseStatusToggleOnAttachOrComment, postCepDetails, setCaseDetails, setCaseState, updateCaseDetails, } from '../../reducers/CaseReducer';
+import { PDFContext } from '../CaseEditView/PDFContainer';
 export function Cep(props) {
     var _a, _b, _c, _d, _e, _f;
     const { t } = useTranslation();
@@ -46,6 +47,7 @@ export function Cep(props) {
     const { caseDetailsPageState: { caseFeedbacksHydra }, } = useCaseDetailsPageStateContext();
     const canEditCase = useCanEditCase();
     const [saveButtonIsClicked, setSaveButtonIsClicked] = useState(false);
+    const { isExportingPDF } = useContext(PDFContext);
     /** Sync cepDetailsLocal with cepDetails from reducer */
     useEffect(() => {
         setCepDetailsLocal(cepDetails);
@@ -139,8 +141,8 @@ export function Cep(props) {
         React.createElement("input", { type: "checkbox", id: "get-support-cep", name: "get-support-cep", checked: isEqual(cep, undefined) ? false : cep, onChange: onCepChange, "data-tracking-id": "get-support-cep" }),
         React.createElement("label", { htmlFor: "get-support-cep" },
             React.createElement(Trans, null, "Consultant has been engaged")),
-        React.createElement(Popover, { "aria-label": "CEP info", position: PopoverPosition.top, bodyContent: React.createElement(Trans, null, "Used by consultants to indicate that a consulting engagement is in progress and the issue requires increased attention from support resources."), closeBtnAriaLabel: "Close" },
-            React.createElement(QuestionCircleIcon, { className: "pf-u-ml-xs icon-size", "aria-label": "CEP Info" })),
+        !isExportingPDF ? (React.createElement(Popover, { "aria-label": "CEP info", position: PopoverPosition.top, bodyContent: React.createElement(Trans, null, "Used by consultants to indicate that a consulting engagement is in progress and the issue requires increased attention from support resources."), closeBtnAriaLabel: "Close" },
+            React.createElement(QuestionCircleIcon, { className: "pf-u-ml-xs icon-size", "aria-label": "CEP Info" }))) : (''),
         React.createElement(LoadingIndicator, { show: isCaseUpdating && isPostingCep, isInline: true, size: "sm" }),
         React.createElement(Modal, { id: "cep-details-modal", title: t('Consultant engagement is in progress'), "aria-describedby": "cep-modal-description", isOpen: isCepModalOpen, showClose: true, variant: ModalVariant.large, onClose: onCancel, actions: [
                 React.createElement(Button, { key: "confirm", variant: "primary", className: "btn btn-app btn-primary", onClick: onSubmit, isDisabled: saveButtonIsClicked && isFormInvalid, "data-tracking-id": "cep-details-save" },

package/lib/esm/components/CaseManagement/NoClusterIDReasonSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NoClusterIDReasonSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/NoClusterIDReasonSelector.tsx"],"names":[],"mappings":"AAcA,UAAU,MAAM;IACZ,uBAAuB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,4BAA4B,EAAE,MAAM,CAAC;IACrC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AA0BD,QAAA,MAAM,yBAAyB,UAAW,MAAM,gBAqI/C,CAAC;AAEF,OAAO,EAAE,yBAAyB,EAAE,CAAC"}
+{"version":3,"file":"NoClusterIDReasonSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/NoClusterIDReasonSelector.tsx"],"names":[],"mappings":"AAgBA,UAAU,MAAM;IACZ,uBAAuB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,4BAA4B,EAAE,MAAM,CAAC;IACrC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAeD,QAAA,MAAM,yBAAyB,UAAW,MAAM,gBAmJ/C,CAAC;AAEF,OAAO,EAAE,yBAAyB,EAAE,CAAC"}

package/lib/esm/components/CaseManagement/NoClusterIDReasonSelector.js

@@ -6,6 +6,7 @@ import { haventLoadedMetadata } from '@rh-support/utils';
 import filter from 'lodash/filter';
 import React, { useContext, useEffect, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
+import { PDFContext } from '../CaseEditView/PDFContainer';
 const createState = (display_value, display_name) => {
     return {
         display_name,
@@ -18,8 +19,6 @@ const createState = (display_value, display_name) => {
         },
     };
 };
-const registerMyClusterID = () => (React.createElement("a", { className: "show-target", href: "https://console.redhat.com/openshift/register ", target: "_blank", rel: "noopener noreferrer" },
-    React.createElement(Trans, null, "Register my Cluster ID")));
 const NoClusterIDReasonSelector = (props) => {
     const { t } = useTranslation();
     const [isOpen, setIsOpen] = useState(false);
@@ -28,6 +27,7 @@ const NoClusterIDReasonSelector = (props) => {
     const [notRegistered, setNotRegistered] = useState(false);
     const globalDispatch = useGlobalDispatchContext();
     const { globalMetadataState: { caseNoClusterIdReasons }, } = useContext(GlobalMetadataStateContext);
+    const { isExportingPDF } = useContext(PDFContext);
     const onToggle = (isOpen) => {
         setIsOpen(isOpen);
     };
@@ -90,10 +90,14 @@ const NoClusterIDReasonSelector = (props) => {
         }
     }, [props.isInValid]);
     const titleId = 'Reason-name-select';
+    const registerMyClusterID = () => (React.createElement("a", { className: `show-target ${isExportingPDF ? 'hide-in-pdf' : ''}`, href: "https://console.redhat.com/openshift/register ", target: "_blank", rel: "noopener noreferrer" },
+        React.createElement(Trans, null, "Register my Cluster ID")));
     return (React.createElement("div", { className: "form-group" },
         React.createElement("label", { id: titleId },
             React.createElement(Trans, null, "I don't have my Cluster ID, because:"),
-            React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
+            React.createElement("span", { className: `form-required ${isExportingPDF ? 'hide-in-pdf' : ''}`, "aria-hidden": true },
+                ' ',
+                "*")),
         React.createElement(Select, { variant: SelectVariant.typeahead, typeAheadAriaLabel: t('Select an option or briefly describe your reason'), onToggle: onToggle, onSelect: onSelect, selections: getSelectedItem(), isOpen: isOpen, placeholderText: t('Select an option or briefly describe your reason'), noValidate: props.isInValid, "aria-labelledby": titleId, "aria-invalid": props.isInValid, "aria-describedby": "validate-reason-helper", validated: validated, className: `form-control${props.isInValid ? ' form-invalid' : ''}`, isDisabled: caseNoClusterIdReasons.isFetching || props.isDisabled, required: true, onFilter: () => null, ref: selectRef, onTypeaheadInputChanged: onTypeaheadInputChanged }, (caseNoClusterIdReasonsList || []).map((option, index) => (React.createElement(SelectOption, { key: index, value: createState(option, t(option)) })))),
         React.createElement(LoadingIndicator, { show: caseNoClusterIdReasons.isFetching, size: "xs" }),
         React.createElement("p", { id: "validate-reason-helper", className: `form-instructions ${props.isInValid ? 'form-invalid' : ''}` },

package/lib/esm/components/CaseManagement/OpenShiftV3Inputbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OpenShiftV3Inputbox.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenShiftV3Inputbox.tsx"],"names":[],"mappings":"AAOA,UAAU,MAAM;IACZ,uBAAuB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,eA4BzC;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"OpenShiftV3Inputbox.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenShiftV3Inputbox.tsx"],"names":[],"mappings":"AAQA,UAAU,MAAM;IACZ,uBAAuB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,eA8BzC;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/lib/esm/components/CaseManagement/OpenShiftV3Inputbox.js

@@ -1,10 +1,12 @@
 import { TextInput } from '@patternfly/react-core';
-import React from 'react';
+import React, { useContext } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
+import { PDFContext } from '../CaseEditView/PDFContainer';
 import CaseOpenShiftV3Popover from '../CaseEditView/Tabs/CaseDetails/CaseOpenshiftClusterId/CaseOpenShiftV3Popover';
 import { v3Tov4TransitionLink } from './OpenShiftClusterId';
 function OpenShiftV3Inputbox(props) {
     const { t } = useTranslation();
+    const { isExportingPDF } = useContext(PDFContext);
     return (React.createElement("div", { className: "form-group" },
         React.createElement("label", { htmlFor: "case-details-v3-cluster-name" },
             React.createElement(Trans, null, "OpenShift Cluster Name"),
@@ -14,6 +16,6 @@ function OpenShiftV3Inputbox(props) {
         React.createElement("p", { id: "validated-helper", className: `form-instructions ${props.isInValid ? 'form-invalid' : ''}` },
             "If you do not have your Cluster Name available, briefly explain why.",
             ' ',
-            !props.v3Selected && v3Tov4TransitionLink())));
+            !props.v3Selected && !isExportingPDF && v3Tov4TransitionLink())));
 }
 export { OpenShiftV3Inputbox };

package/lib/esm/components/CaseManagement/OpenshiftDropdownV4.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OpenshiftDropdownV4.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenshiftDropdownV4.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAG5E,OAAO,EAAE,gBAAgB,EAAuB,MAAM,0BAA0B,CAAC;AAUjF,UAAU,MAAO,SAAQ,gBAAgB;IACrC,uBAAuB,EAAE,MAAM,CAAC;IAChC,sBAAsB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzF,kBAAkB,EAAE,OAAO,CAAC;IAC5B,iCAAiC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAChD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAuBD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,eA8WzC;kBA9WQ,mBAAmB;;;AAiX5B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"OpenshiftDropdownV4.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenshiftDropdownV4.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAG5E,OAAO,EAAE,gBAAgB,EAAuB,MAAM,0BAA0B,CAAC;AAWjF,UAAU,MAAO,SAAQ,gBAAgB;IACrC,uBAAuB,EAAE,MAAM,CAAC;IAChC,sBAAsB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzF,kBAAkB,EAAE,OAAO,CAAC;IAC5B,iCAAiC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAChD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAuBD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,eAgXzC;kBAhXQ,mBAAmB;;;AAmX5B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/lib/esm/components/CaseManagement/OpenshiftDropdownV4.js

@@ -13,9 +13,10 @@ import { useLRUCache } from '@rh-support/components';
 import debounce from 'lodash/debounce';
 import groupBy from 'lodash/groupBy';
 import isEmpty from 'lodash/isEmpty';
-import React, { useEffect, useMemo, useRef, useState } from 'react';
+import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { getDisplayNameForCluster } from '../../utils/caseOpenshiftClusterIdUtils';
+import { PDFContext } from '../CaseEditView/PDFContainer';
 import CaseOpenShiftPopover from '../CaseEditView/Tabs/CaseDetails/CaseOpenshiftClusterId/CaseOpenShiftPopover';
 const defaultProps = {
     className: '',
@@ -49,6 +50,7 @@ function OpenshiftDropdownV4(props) {
     const [isFetchingClusters, setIsFetchingClusters] = useState(false);
     const [totalResultsNo, setTotalResultsNo] = useState(0);
     const { getFromCache, setInCache } = useLRUCache(50);
+    const { isExportingPDF } = useContext(PDFContext);
     // gets a cluster id and returns display name
     const getDisplayName = (id, noClusterIdReasonExplanation, display_name) => {
         if (isEmpty(id))
@@ -283,10 +285,10 @@ function OpenshiftDropdownV4(props) {
         React.createElement("div", { className: `${props.className} form-group` },
             React.createElement("label", { htmlFor: "case-details-cluster-nickname-selector" },
                 React.createElement(Trans, null, "OpenShift Cluster ID"),
-                React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"),
-                React.createElement(CaseOpenShiftPopover, null)),
+                React.createElement("span", { className: `form-required ${isExportingPDF ? 'hide-in-pdf' : ''}`, "aria-hidden": true }, "*"),
+                !isExportingPDF ? React.createElement(CaseOpenShiftPopover, null) : ''),
             React.createElement("span", { id: titleId, hidden: true }, "Select a state"),
-            React.createElement(Select, Object.assign({ variant: SelectVariant.typeahead, isDisabled: props.isDisabled, typeAheadAriaLabel: t('Search by Cluster ID, alias, and domain or manually enter your Cluster ID'), onToggle: onToggle, onSelect: onSelect, onClear: onDropdownClear, selections: getSelectedItem(), isOpen: isOpen, "aria-labelledby": titleId, placeholderText: t('Search by Cluster ID, alias, and domain or manually enter your Cluster ID'), hasInlineFilter: false, onTypeaheadInputChanged: debounceFn, onFilter: () => undefined, validated: validated, "aria-invalid": props.isClusterIdInvalid, "aria-describedby": "clusterID-validate-helper", required: true }, (isFetchingClusters && { loadingVariant: 'spinner' }), (!isFetchingClusters &&
+            React.createElement(Select, Object.assign({ variant: SelectVariant.typeahead, isDisabled: props.isDisabled, typeAheadAriaLabel: t('Search by Cluster ID, alias, and domain or manually enter your Cluster ID'), onToggle: onToggle, onSelect: onSelect, onClear: !isExportingPDF ? onDropdownClear : undefined, selections: getSelectedItem(), isOpen: isOpen, "aria-labelledby": titleId, placeholderText: t('Search by Cluster ID, alias, and domain or manually enter your Cluster ID'), hasInlineFilter: false, onTypeaheadInputChanged: debounceFn, onFilter: () => undefined, validated: validated, "aria-invalid": props.isClusterIdInvalid, "aria-describedby": "clusterID-validate-helper", required: true }, (isFetchingClusters && { loadingVariant: 'spinner' }), (!isFetchingClusters &&
                 clustersRawResponse.length < totalResultsNo && {
                 loadingVariant: {
                     text: 'Display additional results',

package/lib/esm/components/ProductSelector/ProductVersionDropdownSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductVersionDropdownSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductVersionDropdownSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAiC,MAAM,OAAO,CAAC;AAOtD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;IAChC,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC;IACvD,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;CACnB;AAOD,QAAA,MAAM,8BAA8B,wEA2ClC,CAAC;AAEH,OAAO,EAAE,8BAA8B,EAAE,CAAC"}
+{"version":3,"file":"ProductVersionDropdownSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductVersionDropdownSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAiC,MAAM,OAAO,CAAC;AAOtD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;IAChC,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC;IACvD,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;CACnB;AAOD,QAAA,MAAM,8BAA8B,wEAuClC,CAAC;AAEH,OAAO,EAAE,8BAA8B,EAAE,CAAC"}

package/lib/esm/components/ProductSelector/ProductVersionDropdownSelector.js

@@ -12,17 +12,15 @@ const ProductVersionDropdownSelector = forwardRef((props, ref) => {
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: "product-selector-wrapper" },
             React.createElement("label", { htmlFor: "product-selector-dropdown-downshift-search", ref: ref },
-                React.createElement("h3", { className: "subheading subheading-sm" },
-                    React.createElement(Trans, null, "Product"),
-                    ' ',
-                    React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))),
+                React.createElement(Trans, null, "Product"),
+                ' ',
+                React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
             React.createElement(NewProductDropdownSelector, { products: props.products, onProductChange: props.onProductChange, selectedProduct: props.selectedProduct, onVersionChange: props.onVersionChange, isNextBtnClickedToShowValidationError: isNextBtnClickedToShowValidationError, isCaseCreate: isCaseCreate })),
         React.createElement("div", { className: "version-selector-wrapper" },
             React.createElement("label", { htmlFor: "version-selector-dropdown-toggle" },
-                React.createElement("h3", { className: "subheading subheading-sm" },
-                    React.createElement(Trans, null, "Version"),
-                    ' ',
-                    React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))),
+                React.createElement(Trans, null, "Version"),
+                ' ',
+                React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
             React.createElement(NewProductVersionSelector, { selectedProduct: props.selectedProduct, onVersionChange: props.onVersionChange, versionState: props.version, isNextBtnClickedToShowValidationError: isNextBtnClickedToShowValidationError }))));
 });
 ProductVersionDropdownSelector.defaultProps = defaultProps;

package/lib/esm/scss/_main.scss

@@ -11,129 +11,6 @@ div.support-grid-case-details.support-case {
     margin-bottom: -2.5rem;
     padding: 0;
 
-    /* Layout - progress section */
-    .grid-progress {
-        grid-area: progress;
-    }
-
-    .grid-progress .grid-progress-content {
-        padding: 1.5rem 1rem 1.5rem 2rem;
-
-        & > button {
-            margin-top: 0.5rem;
-            margin-bottom: 1rem;
-        }
-
-        & > .back-to-app {
-            margin-left: -0.8rem;
-            margin-bottom: 2rem;
-        }
-
-        .grid-progress-steps {
-            counter-reset: wizard-step-count;
-            display: -webkit-box;
-            display: -ms-flexbox;
-            display: flex;
-            -webkit-box-orient: horizontal;
-            -webkit-box-direction: normal;
-            -ms-flex-direction: row;
-            flex-direction: row;
-            -webkit-box-align: center;
-            -ms-flex-align: center;
-            align-items: center;
-            -webkit-box-pack: start;
-            -ms-flex-pack: start;
-            justify-content: flex-start;
-            margin: 0;
-            padding: 0 0.5rem;
-            list-style: none;
-
-            li {
-                padding: 0 1rem;
-
-                button {
-                    position: relative;
-                    text-align: left;
-                    font-weight: 400;
-
-                    &::before {
-                        position: absolute;
-                        display: inline-flex;
-                        align-items: center;
-                        justify-content: center;
-                        top: 0px;
-                        left: 0px;
-                        color: #fff;
-                        counter-increment: wizard-step-count;
-                        content: counter(wizard-step-count);
-                        font-size: 12px;
-                        font-weight: 600;
-                        line-height: 1;
-                        width: 1.5rem;
-                        height: 1.5rem;
-                        border-radius: 50%;
-                        transform: matrix(1, 0, 0, 1, -18, 4);
-                    }
-
-                    span {
-                        display: none;
-                    }
-                }
-
-                &.on button {
-                    background-color: #06c;
-                    font-weight: 600;
-
-                    &::before {
-                        background-color: #06c;
-                        border-color: #06c;
-                    }
-                }
-
-                &.next button,
-                &.future button {
-                    color: #151515;
-
-                    &::before {
-                        background-color: #ededed;
-                        color: #151515;
-                    }
-
-                    &[disabled] {
-                        background-color: transparent;
-                        border-color: #8b8d8f;
-                        color: #8b8d8f;
-
-                        &::before {
-                            color: #8d8e8f;
-                        }
-                    }
-
-                    &:hover {
-                        color: #06c;
-                    }
-                }
-
-                &.completed button {
-                    color: #151515;
-
-                    &::before {
-                        background-color: #ededed;
-                        color: #151515;
-                    }
-
-                    &:hover {
-                        color: #06c;
-                    }
-                }
-
-                &:last-child {
-                    margin-bottom: 0;
-                }
-            }
-        }
-    }
-
     .grid-main {
         -ms-grid-row: 1;
         -ms-grid-column: 1;
@@ -156,32 +33,6 @@ div.support-grid-case-details.support-case {
         } /* ONLY until step refactoring */
     }
 
-    .grid-navigation {
-        -ms-grid-row: 2;
-        -ms-grid-column: 1;
-        grid-area: nav;
-        position: -webkit-sticky;
-        position: sticky;
-        bottom: 0;
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-        padding: 1rem;
-        background-color: #fff;
-        border: 1px solid #d9d9d9;
-        border-bottom: initial;
-        border-left: initial;
-
-        /* Layout - navigation section */
-        button:first-child {
-            margin-right: 1em;
-        }
-
-        button:last-child:not(.btn-primary) {
-            margin-left: auto;
-        }
-    }
-
     .grid-aside {
         grid-area: aside;
         background-color: #e7e7e7;
@@ -243,51 +94,6 @@ div.support-grid-case-details.support-case {
             'progress main'
             'progress nav';
 
-        .grid-progress {
-            -ms-grid-row: 1;
-            -ms-grid-row-span: 2;
-            -ms-grid-column: 1;
-            display: inline-block;
-            border-right: 1px solid #d9d9d9;
-            padding: 1rem;
-
-            & > button {
-                margin-top: 0;
-                margin-bottom: 1.5rem;
-                margin-left: -0.9rem;
-            }
-
-            .grid-progress-content {
-                position: -webkit-sticky;
-                position: sticky;
-                top: 8rem;
-
-                .grid-progress-steps {
-                    -webkit-box-orient: vertical;
-                    -ms-flex-direction: column;
-                    flex-direction: column;
-                    -webkit-box-align: start;
-                    -ms-flex-align: start;
-                    align-items: flex-start;
-                    -webkit-box-pack: center;
-                    -ms-flex-pack: center;
-                    justify-content: center;
-                    padding: 0;
-
-                    li {
-                        margin-right: 0;
-                        margin-bottom: 1.5rem;
-                        padding: 0;
-
-                        button {
-                            white-space: nowrap;
-                            font-size: 15px;
-                        }
-                    }
-                }
-            }
-        }
-
         .grid-main {
             -ms-grid-row: 1;
             -ms-grid-column: 2;
@@ -299,12 +105,6 @@ div.support-grid-case-details.support-case {
             position: sticky;
             top: 8rem;
         }
-
-        .grid-navigation {
-            -ms-grid-row: 2;
-            -ms-grid-column: 2;
-            padding: 1rem 2rem;
-        }
     }
 
     /* Large devices - add aside */
@@ -317,8 +117,7 @@ div.support-grid-case-details.support-case {
             'progress main aside'
             'progress nav aside';
 
-        .grid-main,
-        .grid-navigation {
+        .grid-main {
             border-right: 1px solid #e7e7e7;
         }
 
@@ -337,21 +136,6 @@ div.support-grid-case-details.support-case {
                 padding: 2.5rem 1.5rem;
             }
         }
-
-        .grid-navigation {
-            -ms-grid-row: 2;
-            -ms-grid-column: 2;
-        }
-
-        .grid-progress {
-            -ms-grid-row: 1;
-            -ms-grid-row-span: 2;
-            -ms-grid-column: 1;
-
-            & > .grid-main-section {
-                padding: 2rem 1rem;
-            }
-        }
     }
 
     /* XL devices - Add step names to progress section */
@@ -364,10 +148,6 @@ div.support-grid-case-details.support-case {
     @media (min-width: 2000px) {
         -ms-grid-columns: 300px 1fr 33%;
         grid-template-columns: 300px auto 33%;
-
-        .grid-progress {
-            padding: 1rem;
-        }
     }
 
     /* Case details grid */