@rh-support/troubleshoot 1.0.28 → 1.0.31

package/lib/esm/components/CaseEditView/CaseDetailsAside.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseDetailsAside.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsAside.tsx"],"names":[],"mappings":"AA4BA,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAMD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,eA0T7C"}
+{"version":3,"file":"CaseDetailsAside.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsAside.tsx"],"names":[],"mappings":"AA4BA,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAMD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,eA+T7C"}

package/lib/esm/components/CaseEditView/CaseDetailsAside.js

@@ -58,8 +58,10 @@ export function CaseDetailsAside(props) {
     const isFirstMountRef = useRef(true);
     const { globalMetadataState: { navBarRef, viewAsCustomer, loggedInUsersAccount, loggedInUserRights }, } = useGlobalStateContext();
     const isSecureSupportAccount = loggedInUsersAccount.data.secureSupport;
-    // To enable RSA Section for non-internal users
-    const isInternal = loggedInUserRights.data.isInternal();
+    // To enable RSA Section for external users
+    const isExternal = loggedInUserRights.data.isExternal();
+    // To check if user has read only access
+    const canReadCase = ability.can(resourceActions.READ, resources.CASE_DETAILS);
     const onToggleAside = (ev) => {
         var _a;
         toggleAside(!((_a = caseDetailsAsidePanelRef.current) === null || _a === void 0 ? void 0 : _a.expanded));
@@ -196,6 +198,6 @@ export function CaseDetailsAside(props) {
                     React.createElement(CaseSolutions, { caseNumber: caseNumber, ref: topSolutionsRef, isSecureSupportAccount: isSecureSupportAccount })),
                 !caseEscalations.isFetching && canViewACESection && (React.createElement(ErrorBoundary, null,
                     React.createElement(ActiveCustomerEscalation, { caseNumber: caseNumber, caseSeverity: severity, caseStatus: status, ref: createEscalationRef }))),
-                !isInternal && (React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading remote session agreement') } },
-                    React.createElement(RemoteSessionAgreement, { caseNumber: caseNumber, caseSeverity: severity, caseStatus: status, ref: createEscalationRef, acceptedRemoteSessionTerms: acceptedRemoteSessionTerms })))))));
+                isExternal && (React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading remote session agreement') } },
+                    React.createElement(RemoteSessionAgreement, { caseNumber: caseNumber, caseSeverity: severity, caseStatus: status, ref: createEscalationRef, acceptedRemoteSessionTerms: acceptedRemoteSessionTerms, readOnly: canReadCase })))))));
 }

package/lib/esm/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreement.d.ts

@@ -4,6 +4,7 @@ interface IProps {
     caseSeverity: string;
     caseStatus: string;
     acceptedRemoteSessionTerms: boolean;
+    readOnly: boolean;
 }
 export declare const RemoteSessionAgreement: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/lib/esm/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RemoteSessionAgreement.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreement.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAMxE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,0BAA0B,EAAE,OAAO,CAAC;CACvC;AAED,eAAO,MAAM,sBAAsB,+EA6FjC,CAAC"}
+{"version":3,"file":"RemoteSessionAgreement.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreement.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAMxE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,0BAA0B,EAAE,OAAO,CAAC;IACpC,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,sBAAsB,+EA8FjC,CAAC"}

package/lib/esm/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreement.js

@@ -9,7 +9,7 @@ export const RemoteSessionAgreement = forwardRef((props, ref) => {
     const tooltipRef = useRef();
     const { t } = useTranslation();
     const canEditCase = useCanEditCase();
-    const { caseNumber, caseStatus, acceptedRemoteSessionTerms } = props;
+    const { caseNumber, caseStatus, acceptedRemoteSessionTerms, readOnly } = props;
     const { globalMetadataState: { loggedInUser, loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
     const [openRequestRemoteSessionModal, setOpenRequestRemoteSessionnModal] = useState(false);
     // To toggle RSA Modal
@@ -32,8 +32,8 @@ export const RemoteSessionAgreement = forwardRef((props, ref) => {
                 React.createElement("li", null, t('Both you and Red Hat agree to remote access.'))),
             React.createElement("p", { className: "rrs-light-grey-text" }, t('This action does not initiate a remote session. Please make a case comment if you would like to submit a request.')),
             acceptedRemoteSessionTerms && (React.createElement(Tooltip, { content: t('Remote session agreement has already been accepted.'), reference: tooltipRef, "aria-live": 'polite' })),
-            React.createElement(Button, { "aria-label": acceptedRemoteSessionTerms ? t('Agreement accepted') : t('Accept agreement'), variant: "primary", onClick: toggleRemoteSessionAgreementModal, "data-tracking-id": "accept-remote-session-agreement-trigger", isAriaDisabled: acceptedRemoteSessionTerms, ref: tooltipRef }, acceptedRemoteSessionTerms ? t('Agreement accepted') : t('Accept agreement')))));
+            React.createElement(Button, { "aria-label": acceptedRemoteSessionTerms ? t('Agreement accepted') : t('Accept agreement'), variant: acceptedRemoteSessionTerms ? 'primary' : 'secondary', onClick: toggleRemoteSessionAgreementModal, "data-tracking-id": "accept-remote-session-agreement-trigger", isAriaDisabled: acceptedRemoteSessionTerms, ref: tooltipRef }, acceptedRemoteSessionTerms ? t('Agreement accepted') : t('Accept agreement')))));
     return (React.createElement(React.Fragment, null,
         RemoteSessionAgreementSectionBody,
-        React.createElement(RemoteSessionAgreementModal, { caseNumber: caseNumber, caseStatus: caseStatus, show: openRequestRemoteSessionModal, onClose: toggleRemoteSessionAgreementModal, siteCode: TnC.REMOTE_RIDER_SITE_CODE, eventCode: TnC.REMOTER_RIDER_EVENT_CODE, loggedInUser: loggedInUser.data.ssoUsername === undefined ? '' : loggedInUser.data.ssoUsername, loggedInUserRights: loggedInUserRights })));
+        React.createElement(RemoteSessionAgreementModal, { caseNumber: caseNumber, caseStatus: caseStatus, show: openRequestRemoteSessionModal, onClose: toggleRemoteSessionAgreementModal, siteCode: TnC.REMOTE_RIDER_SITE_CODE, eventCode: TnC.REMOTER_RIDER_EVENT_CODE, loggedInUser: loggedInUser.data.ssoUsername === undefined ? '' : loggedInUser.data.ssoUsername, loggedInUserRights: loggedInUserRights, readOnly: readOnly })));
 });

package/lib/esm/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreementModal.d.ts

@@ -10,6 +10,7 @@ interface IProps {
     caseStatus: string;
     show: boolean;
     loggedInUserRights: IApiResponseDetails<UserAuth>;
+    readOnly: boolean;
 }
 export declare function RemoteSessionAgreementModal(props: IProps): JSX.Element;
 export {};

package/lib/esm/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreementModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RemoteSessionAgreementModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreementModal.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAiBxD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;CACrD;AAiBD,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,eA+OxD"}
+{"version":3,"file":"RemoteSessionAgreementModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreementModal.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAiBxD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,QAAQ,EAAE,OAAO,CAAC;CACrB;AAiBD,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,eAuPxD"}

package/lib/esm/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreementModal.js

@@ -87,7 +87,7 @@ export function RemoteSessionAgreementModal(props) {
     };
     // Function to ack remote session terms and post comment
     const submitRemoteSessionAgreement = (pdfId) => __awaiter(this, void 0, void 0, function* () {
-        const requestComment = t('#### A Remote Session request has been submitted. We will review the request and confirm via case comment.\n\n This action does not initiate a remote session. Please make a case comment if you would like to submit a request.');
+        const requestComment = t('#### Remote Access Rider agreement has been accepted.\n\n This action does not initiate a remote session. Please make a case comment if you would like to submit a request.');
         try {
             yield updateCaseDetails(caseDispatch, props.caseNumber, { remoteSessionTermsAcked: true });
             setRemoteRiderFlag(caseDispatch, true);
@@ -104,12 +104,20 @@ export function RemoteSessionAgreementModal(props) {
             }
             catch (e) {
                 ToastNotification.addWarningMessage(t('Could not submit a comment'), t('Rest assured, we have noted you have accepted the agreement'));
+                setAgreeLoading(false);
                 props.onClose();
             }
             props.onClose();
         }
         catch (e) {
-            ToastNotification.addDangerMessage(t('Could not accept the remote access rider agreement'), t('Please try again.'));
+            if (props.readOnly) {
+                ToastNotification.addDangerMessage(t('You are not authorized to update this case.'));
+            }
+            else {
+                ToastNotification.addDangerMessage(t('Could not accept the remote access rider agreement'), t('Please try again.'));
+            }
+            setAgreeLoading(false);
+            setIsTermsChecked(false);
             props.onClose();
         }
     });
@@ -136,28 +144,30 @@ export function RemoteSessionAgreementModal(props) {
         React.createElement(Button, { "aria-label": t('I agree'), variant: ButtonVariant.primary, onClick: onSubmit, "data-tracking-id": "remote-session-agreement-check", isLoading: isAgreeLoading, isDisabled: !isTermsChecked || isAgreeLoading }, t('I agree')),
     ];
     // Body of RSA Modal
-    const RemoteSessionAgreementModalBody = (React.createElement(React.Fragment, null,
-        React.createElement("p", { className: "pf-u-mt-xs" },
-            React.createElement(Trans, null,
-                "Your acceptance of this Remote Access Rider is required ",
-                React.createElement("strong", null, "for each case"),
-                " when you request Red Hat\u2019s support team to directly access your network or systems.")),
-        React.createElement("p", { className: "pf-u-mt-md" },
-            React.createElement(Trans, null, "Remote access to your network or systems is not a standard Red Hat problem resolution process. Before Red Hat logs into your systems to analyze your support issue during a remote session, Red Hat needs your approval and authorization for such remote access.")),
-        React.createElement("p", { className: "pf-u-mt-md" },
-            React.createElement(Trans, null, "Please read and accept the Remote Access Rider terms below to allow Red Hat to access your network or systems.")),
-        React.createElement("div", null,
-            React.createElement(Select, { className: "pf-u-mt-md", "aria-label": t('Select language'), id: "terms-language-selector", selections: selectedTranslation.localeCode, onSelect: onLangChange, isOpen: isLangSelectorDropdownOpen, menuAppendTo: document.body, placeholderText: t('Select an option that best fits'), onToggle: onDropdownToggle, width: 350 }, Object.keys(allTranslations).map((option, index) => (React.createElement(SelectOption, { key: index, value: option }, getLocaleNameFromLocalCode(option))))),
-            React.createElement("a", { "aria-label": t('Download'), "data-tracking-id": "rsa-modal-terms-download", className: "pf-u-ml-md", href: selectedTranslation.pdfDownloadUrl, rel: "noopener noreferrer", target: "_blank" },
-                t('Download'),
-                " ",
-                React.createElement(DownloadIcon, { className: "pf-u-ml-xs" }))),
-        React.createElement("div", null,
-            React.createElement(Checkbox, { className: "pf-u-mt-md", id: "terms-accept-checkbox", label: React.createElement(React.Fragment, null,
-                    React.createElement(Trans, null, "I have read and agree to the"),
-                    ' ',
-                    React.createElement("a", { className: "pf-c-button pf-m-link pf-m-inline align-link-items", rel: "noopener noreferrer", target: "_blank", href: selectedTranslation.pdfDownloadUrl, "data-tracking-id": "case-details-request-remote-session-terms" },
-                        React.createElement(Trans, null, "terms "),
-                        React.createElement(ExternalLinkAltIcon, null))), isChecked: isTermsChecked, "aria-label": t('I have read and agree to the terms'), onChange: onCheckBoxChange }))));
-    return (React.createElement(Modal, { id: "remote-session-agreement-modal", "aria-label": t('Remote Session Agreement'), title: t('Remote Session Agreement'), isOpen: props.show, onClose: onCancel, actions: modalActions }, RemoteSessionAgreementModalBody));
+    const RemoteSessionAgreementModalBody = () => {
+        return (React.createElement(React.Fragment, null,
+            React.createElement("p", { className: "pf-u-mt-xs" },
+                React.createElement(Trans, null,
+                    "Your acceptance of this Remote Access Rider is required ",
+                    React.createElement("strong", null, "for each case"),
+                    " when you request Red Hat\u2019s support team to directly access your network or systems.")),
+            React.createElement("p", { className: "pf-u-mt-md" },
+                React.createElement(Trans, null, "Remote access to your network or systems is not a standard Red Hat problem resolution process. Before Red Hat logs into your systems to analyze your support issue during a remote session, Red Hat needs your approval and authorization for such remote access.")),
+            React.createElement("p", { className: "pf-u-mt-md" },
+                React.createElement(Trans, null, "Please read and accept the Remote Access Rider terms below to allow Red Hat to access your network or systems.")),
+            React.createElement("div", null,
+                React.createElement(Select, { className: "pf-u-mt-md", "aria-label": t('Select language'), id: "terms-language-selector", selections: selectedTranslation.localeCode, onSelect: onLangChange, isOpen: isLangSelectorDropdownOpen, menuAppendTo: document.body, placeholderText: t('Select an option that best fits'), onToggle: onDropdownToggle, width: 350 }, Object.keys(allTranslations).map((option, index) => (React.createElement(SelectOption, { key: index, value: option }, getLocaleNameFromLocalCode(option))))),
+                React.createElement("a", { "aria-label": t('Download'), "data-tracking-id": "rsa-modal-terms-download", className: "pf-u-ml-md", href: selectedTranslation.pdfDownloadUrl, rel: "noopener noreferrer", target: "_blank" },
+                    t('Download'),
+                    " ",
+                    React.createElement(DownloadIcon, { className: "pf-u-ml-xs" }))),
+            React.createElement("div", null,
+                React.createElement(Checkbox, { className: "pf-u-mt-md rsa-checkbox", id: "terms-accept-checkbox", label: React.createElement(React.Fragment, null,
+                        React.createElement(Trans, null, "I have read and agree to the"),
+                        ' ',
+                        React.createElement("a", { className: "pf-c-button pf-m-link pf-m-inline align-link-items", rel: "noopener noreferrer", target: "_blank", href: selectedTranslation.pdfDownloadUrl, "data-tracking-id": "case-details-request-remote-session-terms" },
+                            React.createElement(Trans, null, "terms "),
+                            React.createElement(ExternalLinkAltIcon, null))), isChecked: isTermsChecked, "aria-label": t('I have read and agree to the terms'), onChange: onCheckBoxChange }))));
+    };
+    return (React.createElement(Modal, { id: "remote-session-agreement-modal", "aria-label": t('Remote Session Agreement'), title: t('Remote Session Agreement'), isOpen: props.show, onClose: onCancel, actions: modalActions }, RemoteSessionAgreementModalBody()));
 }

package/lib/esm/components/CaseEditView/Tabs/CaseActionPlan/CaseActionPlan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseActionPlan.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseActionPlan/CaseActionPlan.tsx"],"names":[],"mappings":"AAkBA,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAMD,iBAAS,cAAc,CAAC,KAAK,EAAE,MAAM,eAiHpC;kBAjHQ,cAAc;;;AAoHvB,eAAe,cAAc,CAAC"}
+{"version":3,"file":"CaseActionPlan.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseActionPlan/CaseActionPlan.tsx"],"names":[],"mappings":"AAoBA,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAMD,iBAAS,cAAc,CAAC,KAAK,EAAE,MAAM,eAmIpC;kBAnIQ,cAAc;;;AAsIvB,eAAe,cAAc,CAAC"}

package/lib/esm/components/CaseEditView/Tabs/CaseActionPlan/CaseActionPlan.js

@@ -7,9 +7,11 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+import { parseCommentMarkdown } from '@cee-eng/ui-toolkit';
 import { AlertMessage, AlertType, LoadingIndicator, TextAreaResizable, ToastNotification, } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import { AbilityContext, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
+import DOMPurify from 'dompurify';
 import isEmpty from 'lodash/isEmpty';
 import React, { useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -67,11 +69,18 @@ function CaseActionPlan(props) {
     };
     const isInternalWithoutSFDCUser = loggedInUserRights.data.isInternalWithoutSFDCUser();
     const isActionPlanEmpty = isEmpty(actionPlanState === null || actionPlanState === void 0 ? void 0 : actionPlanState.trim());
+    // To parse comment from markdown to html for action plan comments
+    // DOMPurify - a XSS sanitizer for HTML, MathML and SVG.
+    const commentMarkdown = (markdown) => {
+        var cleanMarkdown = DOMPurify.sanitize(markdown);
+        const htmlString = parseCommentMarkdown(cleanMarkdown, { showButtonForAttachmentLink: true }, { openLinksInNewTab: true, gfm: true, breaks: true });
+        return { __html: htmlString };
+    };
     return (React.createElement(React.Fragment, null,
         React.createElement(AlertMessage, { show: isInternalWithoutSFDCUser, variant: AlertType.WARNING, isInline: true, className: "pf-u-mb-lg", title: t('You need a Salesforce (SFDC) user to edit the action plan.') }),
         React.createElement("label", { htmlFor: "rha-action-plan", className: "sr-only" },
             React.createElement(Trans, null, "Action plan")),
-        !canUpdateActionPlan && React.createElement("p", null, actionPlan ? `${actionPlan}` : t('No action plan to display.')),
+        !canUpdateActionPlan && (React.createElement("pre", { "aria-label": t('Case Action Plan'), dangerouslySetInnerHTML: actionPlan ? commentMarkdown(actionPlan) : t('No action plan to display.') })),
         canUpdateActionPlan && (React.createElement("form", null,
             React.createElement("div", { className: "hide-in-pdf" },
                 React.createElement(TextAreaResizable, { className: "form-control", id: "rha-action-plan", disabled: isUpdating || isInternalWithoutSFDCUser, maxLength: 32768, name: "actionPlan", value: actionPlanState, onChange: onChange, rowsMin: 3 })),

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseAlternateId.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseAlternateId.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseAlternateId.tsx"],"names":[],"mappings":"AAiBA,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAOD,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eA6HrC;kBA7HQ,eAAe;;;AAgIxB,eAAe,eAAe,CAAC"}
+{"version":3,"file":"CaseAlternateId.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseAlternateId.tsx"],"names":[],"mappings":"AAiBA,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAOD,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eAqIrC;kBArIQ,eAAe;;;AAwIxB,eAAe,eAAe,CAAC"}

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseAlternateId.js

@@ -80,6 +80,12 @@ function CaseAlternateId(props) {
     });
     // To check if alternate ID is empty
     const isAlternateIDEmpty = isEmpty(alternateIdState === null || alternateIdState === void 0 ? void 0 : alternateIdState.trim());
+    // To populate the unsaved alternateId field with the previously saved value on onBlur event.
+    const onBlur = () => {
+        if (alternateId !== alternateIdState) {
+            setAlternateIdState(alternateId);
+        }
+    };
     return (React.createElement(React.Fragment, null,
         React.createElement(InlineEdit, { labelProps: { htmlFor: 'case-details-alternate-id' }, labelContent: React.createElement(React.Fragment, null,
                 React.createElement(Trans, null, "Alternate case ID"),
@@ -90,7 +96,7 @@ function CaseAlternateId(props) {
                 alternateIdState === alternateId ||
                 isUpdating ||
                 (alternateIdState === null || alternateIdState === void 0 ? void 0 : alternateIdState.length) > ALTERNATE_CASE_ID_LIMIT, loadingIndicator: isUpdating ? React.createElement(LoadingIndicator, { isInline: true }) : null },
-            React.createElement("input", { 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, disabled: isUpdating, "data-tracking-id": "case-details-alternate-id" })),
+            React.createElement("input", { 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, disabled: isUpdating, "data-tracking-id": "case-details-alternate-id", onBlur: onBlur })),
         (alternateIdState === null || alternateIdState === void 0 ? void 0 : alternateIdState.length) > ALTERNATE_CASE_ID_LIMIT && (React.createElement("div", { className: "pull-top" },
             React.createElement("p", { className: "form-instructions form-invalid" },
                 React.createElement(Trans, null, maxLengthErrorMessage))))));

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,eA4WzC;kBA5WQ,mBAAmB;;;AA+W5B,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;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"}

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

@@ -174,7 +174,7 @@ function OpenshiftDropdownV4(props) {
                 // recreate a new AbortController for each call
                 let controller = new AbortController();
                 abortControllerRef.current = controller;
-                const archived = !showArchivedClusters ? " AND status!='Archived'" : '';
+                const clusterStatus = ` AND status not in ('Deprovisioned'${!showArchivedClusters ? ",'Archived'" : ''})`;
                 const searchPhrase = search
                     ? ` AND (external_cluster_id ILIKE '%${search}%' OR display_name ILIKE '%${search}%' OR console_url ILIKE '%${search}%')`
                     : '';
@@ -183,7 +183,7 @@ function OpenshiftDropdownV4(props) {
                     order: 'display_name asc',
                     page,
                     size: PER_PAGE,
-                    search: `external_cluster_id!='' ${archived} ${searchPhrase}`,
+                    search: `external_cluster_id!='' ${clusterStatus} ${searchPhrase}`,
                     fields: 'external_cluster_id,display_name,status,metrics.openshift_version,console_url',
                 }, controller.signal);
                 setInCache(`showArchived=${showArchivedClusters}input=${search}p=${page}`, clustersResponse);

package/lib/esm/scss/_main.scss

@@ -595,6 +595,23 @@
             .grid-aside-content {
                 padding: 1rem 1.5rem !important;
                 height: 100%; // Warning: removing this will make the sidebar's content sticky
+                min-width: 300px;
+
+                @media (min-width: 992px) {
+                    min-width: 400px;
+                }
+
+                @media (min-width: 1200px) {
+                    min-width: 500px;
+                }
+
+                @media (min-width: 1450px) {
+                    min-width: 550px;
+                }
+
+                @media (min-width: 2000px) {
+                    min-width: 600px;
+                }
 
                 & > * {
                     margin: 1rem 0 2rem;
@@ -965,3 +982,10 @@ p.pref-case-popover-text {
 .rrs-light-grey-text {
     color: var(--pf-global--palette--black-600);
 }
+
+.rsa-checkbox {
+    align-items: center;
+    input[type='checkbox'] {
+        margin: 0 5px 0 0;
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "1.0.28",
+    "version": "1.0.31",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -73,15 +73,15 @@
         "@patternfly/react-core": "4.264.0",
         "@progress/kendo-drawing": "^1.6.0",
         "@progress/kendo-react-pdf": "^3.12.0",
-        "@rh-support/components": "1.2.13",
-        "@rh-support/react-context": "1.0.16",
+        "@rh-support/components": "1.2.14",
+        "@rh-support/react-context": "1.0.17",
         "@rh-support/types": "0.2.0",
-        "@rh-support/user-permissions": "1.0.10",
-        "@rh-support/utils": "1.0.8",
+        "@rh-support/user-permissions": "1.0.11",
+        "@rh-support/utils": "1.0.9",
         "@types/react-redux": "^7.1.12",
         "@types/redux": "^3.6.0",
         "@webcomponents/webcomponentsjs": "^2.2.10",
-        "dompurify": "^2.2.6",
+        "dompurify": "^2.4.1",
         "downshift": "^6.0.5",
         "i18next": "^19.0.1",
         "js-markdown-extra": "^1.2.4",
@@ -142,5 +142,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "6434850b211648078962731f6ef9bc9f5bd51320"
+    "gitHead": "627d7c3613245cf973dff8bee155a6f6fbe56686"
 }