@rh-support/troubleshoot 0.2.49 → 0.2.53

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/PostComment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PostComment.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/PostComment.tsx"],"names":[],"mappings":"AAoCA,OAAO,EAAkB,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAoB5F,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,WAAW,EAAE,CAAC;CACjC;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,eAgaxC"}
+{"version":3,"file":"PostComment.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/PostComment.tsx"],"names":[],"mappings":"AAoCA,OAAO,EAAkB,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAqB5F,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,WAAW,EAAE,CAAC;CACjC;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,eA2bxC"}

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

@@ -30,6 +30,7 @@ import { AttachmentDispatchContext, AttachmentStateContext, hasSomeSelectedFiles
 import FileSelectorButton from '../../../shared/fileUpload/fileSelectors/FileSelectorButton';
 import FileUpload from '../../../shared/fileUpload/FileUpload';
 import { useMarkdownFileUploader } from './PostComment/useMarkdownFileUploader';
+import { VerifyCaseStatusModal } from './VerifyCaseStatusModal/VerifyCaseStatusModal';
 export function PostComment(props) {
     const { t } = useTranslation();
     let { caseNumber } = props;
@@ -49,6 +50,7 @@ export function PostComment(props) {
     const hasSomeUnUploadedFiles = hasSomeUnUploadedAttachments(attachmentState.caseFiles.selectedLocalFiles);
     const hasSomeSelectedFilesLocal = hasSomeSelectedFiles(attachmentState.caseFiles.selectedLocalFiles);
     const [commentType, setCommentType] = useState(EditorMode.PLAIN);
+    const [isModalOpen, setIsModalOpen] = useState(false);
     const [isProcessing, setIsProcessing] = useState(isPostingComment || isUploadingAttachments);
     const { globalMetadataState: { loggedInUser, loggedInUserRights, loggedInUsersAccount, pcmConfig }, } = useContext(GlobalMetadataStateContext);
     const allowInlineImagesInMarkdown = getConfigField(pcmConfig.data, 'allowInlineImagesInMarkdown', PCM_CONFIG_FIELD_TYPE.FEATURE_FLAG);
@@ -146,6 +148,7 @@ export function PostComment(props) {
     useEffect(() => {
         isPublicRef.current = isPublic;
     }, [isPublic]);
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const onPostComment = () => __awaiter(this, void 0, void 0, function* () {
         if (canEditCase.alert())
             return;
@@ -248,6 +251,19 @@ export function PostComment(props) {
         pendoTrackEvent(markdownFilePasteEvent);
         onFileAttach(files, isPublicRef.current);
     };
+    const onCancel = () => {
+        setIsModalOpen(false);
+    };
+    const isNotInternalConfirm = () => {
+        onPostComment();
+    };
+    const onConfirm = (commentText) => __awaiter(this, void 0, void 0, function* () {
+        yield setIsModalOpen(false);
+        isNotInternalConfirm();
+    });
+    const onBtnClick = () => {
+        setIsModalOpen(true);
+    };
     return (React.createElement("div", { className: "pf-u-mb-md hide-in-pdf", ref: componentRef },
         React.createElement(MarkdownEditor, { className: `${!isPublic ? '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 ? 'Add a comment using markdown' : 'Add a comment or attach a file privately', plainTextPlaceholder: isPublic ? 'Add a comment to this case' : 'Add a comment or attach a file privately', fileSelectorProps: {
                 showFileSelectorInToolbar: allowInlineImagesInMarkdown && !loggedInUsersAccount.data.secureSupport,
@@ -260,7 +276,8 @@ export function PostComment(props) {
                 onClipboardPaste,
             } }),
         isProcessing ? (React.createElement(LoadingIndicator, { isInline: true, size: "sm" })) : (React.createElement("div", { className: "pf-l-flex post-comment-btn-group push-top-narrow" },
-            React.createElement(Button, { "data-tracking-id": "postcomment-submit-button", type: "button", variant: ButtonVariant.primary, onClick: onPostComment, isDisabled: isPostCommentDisabled, className: "postcomment-submit" },
+            isModalOpen && loggedInUser.data.isInternal && (React.createElement(VerifyCaseStatusModal, { onClose: onCancel, onConfirm: onConfirm, isUpdating: isPostingComment, caseNumber: props.caseNumber })),
+            React.createElement(Button, { "data-tracking-id": "postcomment-submit-button", type: "button", variant: ButtonVariant.primary, onClick: loggedInUser.data.isInternal ? onBtnClick : isNotInternalConfirm, isDisabled: isPostCommentDisabled, className: "postcomment-submit" },
                 React.createElement(Trans, null, "Submit")),
             canAddAttachments &&
                 (isPublic && canPostPrivateComments ? (React.createElement(Tooltip, { content: t('You can attach files privately') }, fileUploadButton)) : (fileUploadButton)),

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/VerifyCaseStatusModal/VerifyCaseStatusModal.d.ts

@@ -0,0 +1,9 @@
+interface IProps {
+    onConfirm: (commentBody?: string) => void;
+    onClose: () => void;
+    caseNumber?: string;
+    isUpdating: boolean;
+}
+export declare function VerifyCaseStatusModal(props: IProps): JSX.Element;
+export {};
+//# sourceMappingURL=VerifyCaseStatusModal.d.ts.map

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/VerifyCaseStatusModal/VerifyCaseStatusModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerifyCaseStatusModal.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/VerifyCaseStatusModal/VerifyCaseStatusModal.tsx"],"names":[],"mappings":"AAkBA,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,eA8IlD"}

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

@@ -0,0 +1,111 @@
+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 { Button, ButtonVariant, Modal, ModalVariant, Select, SelectOption } from '@patternfly/react-core';
+import { ToastNotification } from '@rh-support/components';
+import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
+import { ability, resourceActions, resources } from '@rh-support/user-permissions';
+import isEqual from 'lodash/isEqual';
+import React, { useContext, useEffect, useReducer, useRef, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { CaseStatusEnum } from '../../../../../constants/caseDetailsConstants';
+import { useCaseDispatch, useCaseSelector } from '../../../../../context/CaseContext';
+import { caseOverviewReducer, fetchAllStatuses, initialCaseViewState, setStatusUpdating, } from '../../../../../reducers/CaseOverviewReducer';
+import { updateCaseDetails } from '../../../../../reducers/CaseReducer';
+export function VerifyCaseStatusModal(props) {
+    const { t } = useTranslation();
+    const [caseOverviewState, caseOverviewDispatch] = useReducer(caseOverviewReducer, initialCaseViewState);
+    const canManageCase = ability.can(resourceActions.UPDATE, resources.CASE_DETAILS);
+    const [showDropdown, setShowDropdown] = useState(false);
+    const onDropdownToggle = (toggle) => setShowDropdown(toggle);
+    const caseState = useCaseSelector((state) => ({
+        caseDetails: {
+            product: state.caseDetails.product,
+            version: state.caseDetails.version,
+            status: state.caseDetails.status,
+            caseType: state.caseDetails.caseType,
+            createdDate: state.caseDetails.createdDate,
+            createdById: state.caseDetails.createdById,
+            ownerId: state.caseDetails.ownerId,
+            caseNumber: state.caseDetails.caseNumber,
+            entitlementSla: state.caseDetails.entitlementSla,
+            cep: state.caseDetails.cep,
+            accountNumber: state.caseDetails.accountNumberRef,
+            firstCaseInactivityWarningSentAt: state.caseDetails.firstCaseInactivityWarningSentAt,
+            secondCaseInactivityWarningSentAt: state.caseDetails.secondCaseInactivityWarningSentAt,
+        },
+        isCaseUpdating: state.isCaseUpdating,
+        contactIsPartner: state.contactIsPartner,
+        hotfixRequested: state.hotfixRequested,
+        hotfixDelivered: state.hotfixDelivered,
+        selectedAccountDetails: state.selectedAccountDetails,
+    }), isEqual);
+    const { status } = caseState.caseDetails;
+    const { globalMetadataState: { loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
+    useEffect(() => {
+        fetchAllStatuses(caseOverviewDispatch, loggedInUsersAccount.data.secureSupport);
+    }, [caseOverviewDispatch, loggedInUsersAccount.data.secureSupport]);
+    console.log(caseOverviewState.allCaseStatuses.data);
+    const { isCaseUpdating } = caseState;
+    const reopenStatusRef = useRef(null);
+    const canEditCase = useCanEditCase();
+    const caseDispatch = useCaseDispatch();
+    const [statusChange, setStatusChange] = useState();
+    const onSubmit = () => __awaiter(this, void 0, void 0, function* () {
+        props.onConfirm();
+        yield updateStatusState(statusChange);
+    });
+    const updateStatusState = (statusVal, onStatusUpdate = null) => __awaiter(this, void 0, void 0, function* () {
+        setStatusUpdating(caseOverviewDispatch, true);
+        try {
+            yield updateCaseDetails(caseDispatch, props.caseNumber, { status: statusVal });
+            setStatusUpdating(caseOverviewDispatch, false);
+            onStatusUpdate && (yield onStatusUpdate());
+            ToastNotification.addSuccessMessage(t('Status has been successfully updated'));
+        }
+        catch (e) {
+            setStatusUpdating(caseOverviewDispatch, false);
+            ToastNotification.addDangerMessage(t('Status failed to update'));
+        }
+    });
+    const onStatusChange = (event, newStatus) => __awaiter(this, void 0, void 0, function* () {
+        if (canEditCase.alert())
+            return;
+        if (status === CaseStatusEnum.CLOSED && newStatus !== CaseStatusEnum.CLOSED) {
+            onCaseReopen(newStatus);
+        }
+        else if (newStatus === CaseStatusEnum.CLOSED) {
+            onCaseClose();
+        }
+        else {
+            setStatusChange(newStatus);
+            onDropdownToggle(false);
+        }
+    });
+    const onCaseClose = () => __awaiter(this, void 0, void 0, function* () {
+        props.onClose();
+    });
+    const onCaseReopen = (selectedStatus = null) => __awaiter(this, void 0, void 0, function* () {
+        reopenStatusRef.current = selectedStatus;
+        props.onClose();
+    });
+    return (React.createElement(Modal, { id: "case-close-modal", title: t(`Please verify this case's status`), description: t(`Consider whether or not you're ready to nudge the customer`), "aria-describedby": "case-close-modal", isOpen: true, onClose: props.onClose, showClose: true, actions: [
+            React.createElement(Button, { key: "submit-description", variant: ButtonVariant.primary, onClick: onSubmit, isLoading: props.isUpdating, isDisabled: props.isUpdating, "data-tracking-id": "close-case-description-modal-submit" },
+                React.createElement(Trans, null, "Continue")),
+            React.createElement(Button, { key: "close-modal", variant: ButtonVariant.link, onClick: props.onClose, isDisabled: props.isUpdating, "data-tracking-id": "close-case-description-modal-cancel" },
+                React.createElement(Trans, null, "Cancel")),
+        ], variant: ModalVariant.medium },
+        React.createElement("h3", { className: "subheading subheading-sm" },
+            React.createElement(Trans, null, "Status"),
+            React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
+        React.createElement(Select, { "aria-label": t(status), id: "verify-case-status", selections: status, onSelect: onStatusChange, isOpen: showDropdown, isDisabled: !canManageCase ||
+                caseOverviewState.allCaseStatuses.isFetching ||
+                (caseOverviewState.caseStatusUpdating && isCaseUpdating), menuAppendTo: document.body, validated: !status ? 'error' : 'default', placeholderText: t(status), onToggle: onDropdownToggle }, caseOverviewState.allCaseStatuses.data.map((option, index) => (React.createElement(SelectOption, { key: index, value: option },
+            React.createElement(Trans, null, option)))))));
+}

package/lib/esm/components/Recommendations/ClusterRecommendationItems.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClusterRecommendationItems.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/ClusterRecommendationItems.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,oDAAoD,CAAC;AAW5F,UAAU,MAAM;IACZ,sBAAsB,EAAE,sBAAsB,EAAE,CAAC;CACpD;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,eAiFvD"}
+{"version":3,"file":"ClusterRecommendationItems.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/ClusterRecommendationItems.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,oDAAoD,CAAC;AAW5F,UAAU,MAAM;IACZ,sBAAsB,EAAE,sBAAsB,EAAE,CAAC;CACpD;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,eAoFvD"}

package/lib/esm/components/Recommendations/ClusterRecommendationItems.js

@@ -28,7 +28,7 @@ export function ClusterRecommendationItems(props) {
             React.createElement("h3", null, rule.description)),
         React.createElement("pfe-accordion-panel", null,
             React.createElement("p", null,
-                React.createElement(Label, { color: riskLabels[rule.total_risk].color },
+                React.createElement(Label, { icon: riskLabels[rule.total_risk].icon, className: riskLabels[rule.total_risk].className },
                     React.createElement(Trans, null, riskLabels[rule.total_risk].label))),
             React.createElement("p", null, rule.details || ''),
             rule.reason && (React.createElement(React.Fragment, null,

package/lib/esm/components/Recommendations/ClusterRecommendationsModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClusterRecommendationsModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/ClusterRecommendationsModal.tsx"],"names":[],"mappings":"AAeA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,eA2ExD"}
+{"version":3,"file":"ClusterRecommendationsModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/ClusterRecommendationsModal.tsx"],"names":[],"mappings":"AAgBA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,eA8ExD"}

package/lib/esm/components/Recommendations/ClusterRecommendationsModal.js

@@ -10,6 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { pcm } from '@cee-eng/hydrajs';
 import { Button, Modal } from '@patternfly/react-core';
 import { useFetch } from '@rh-support/components';
+import { getResTypeFromUrl } from '@rh-support/utils';
 import React, { useContext, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { ClusterRecommendationsContext, ClusterRecommendationsDispatchContext, } from '../../context/ClusterRecommendationsContext';
@@ -26,12 +27,14 @@ export function ClusterRecommendationsModal(props) {
     const { clusterRecommendationsState: { clusterRecommendations, isClusterRecommendationsModalOpen }, } = useContext(ClusterRecommendationsContext);
     const clusterRecommendationsDispatch = useContext(ClusterRecommendationsDispatchContext);
     const handleSolvedIssue = () => __awaiter(this, void 0, void 0, function* () {
-        var _a, _b;
+        var _a, _b, _c, _d;
         try {
             yield resolveSessionRequest(activeSessionId, {
                 sessionId: activeSessionId,
                 sessionResourceOriginId: (_b = (_a = sessionResourceTracking[SessionResourceSource.CLUSTER_RECOMMENDATION]) === null || _a === void 0 ? void 0 : _a.resourceOriginId) !== null && _b !== void 0 ? _b : '',
-                type: SessionResourceSource.CLUSTER_RECOMMENDATION,
+                type: getResTypeFromUrl(''),
+                source: SessionResourceSource.CLUSTER_RECOMMENDATION,
+                resourceEntityId: (_d = (_c = sessionResourceTracking[SessionResourceSource.CLUSTER_RECOMMENDATION]) === null || _c === void 0 ? void 0 : _c.resourceEntityId) !== null && _d !== void 0 ? _d : '',
                 url: '',
             });
             setIsModalVisible(true);

package/lib/esm/components/Recommendations/EARules/EARuleInfoInline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EARuleInfoInline.d.ts","sourceRoot":"","sources":["../../../../../src/components/Recommendations/EARules/EARuleInfoInline.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,aAAa,EAAkD,MAAM,gCAAgC,CAAC;AAM/G,UAAU,MAAM;IACZ,OAAO,EAAE,aAAa,EAAE,CAAC;CAC5B;AACD,wBAAgB,gBAAgB,CAAC,EAAE,OAAY,EAAE,EAAE,MAAM,eAuHxD"}
+{"version":3,"file":"EARuleInfoInline.d.ts","sourceRoot":"","sources":["../../../../../src/components/Recommendations/EARules/EARuleInfoInline.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,aAAa,EAAkD,MAAM,gCAAgC,CAAC;AAM/G,UAAU,MAAM;IACZ,OAAO,EAAE,aAAa,EAAE,CAAC;CAC5B;AACD,wBAAgB,gBAAgB,CAAC,EAAE,OAAY,EAAE,EAAE,MAAM,eAyHxD"}

package/lib/esm/components/Recommendations/EARules/EARuleInfoInline.js

@@ -13,7 +13,7 @@ import CheckCircleIcon from '@patternfly/react-icons/dist/js/icons/check-circle-
 import CloseIcon from '@patternfly/react-icons/dist/js/icons/close-icon';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import { PaginationCompact, useFetch } from '@rh-support/components';
-import { getStyleVariantColor, StyleVariants } from '@rh-support/utils';
+import { getResTypeFromUrl, getStyleVariantColor, StyleVariants } from '@rh-support/utils';
 import some from 'lodash/some';
 import React, { useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -52,7 +52,9 @@ export function EARuleInfoInline({ eaRules = [] }) {
             yield resolveSessionRequest(activeSessionId, {
                 sessionId: activeSessionId,
                 sessionResourceOriginId: (_b = (_a = sessionResourceTracking[SessionResourceSource.EDMOUND_ABOTT]) === null || _a === void 0 ? void 0 : _a.resourceOriginId) !== null && _b !== void 0 ? _b : '',
-                type: SessionResourceSource.EDMOUND_ABOTT,
+                type: getResTypeFromUrl(resolvedRule.cta),
+                source: SessionResourceSource.EDMOUND_ABOTT,
+                resourceEntityId: resolvedRule.rule_id,
                 url: resolvedRule.cta || '',
             });
             markEARuleResolved(rulesDispatch, resolvedRule);

package/lib/esm/components/Recommendations/InsightsResults.js

@@ -130,7 +130,7 @@ function InsightsResults(props) {
         var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
             try {
-                const _c = getSolrParams(10, 256, { id: kcsIds }), { start, rows, q } = _c, expression = __rest(_c, ["start", "rows", "q"]);
+                const _c = getSolrParams(200, 256, { id: kcsIds }), { start, rows, q } = _c, expression = __rest(_c, ["start", "rows", "q"]);
                 const res = yield search.solrSearchV2({ start, rows, q }, 'kcs', expression);
                 const docs = (_b = (_a = res === null || res === void 0 ? void 0 : res.response) === null || _a === void 0 ? void 0 : _a.docs) !== null && _b !== void 0 ? _b : [];
                 const attachmentId = localFile.attachmentId;

package/lib/esm/components/Recommendations/RulesModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RulesModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/RulesModal.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAG5D,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;CAC5B;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,eA8H/C"}
+{"version":3,"file":"RulesModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/RulesModal.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAG5D,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;CAC5B;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,eAgI/C"}

package/lib/esm/components/Recommendations/RulesModal.js

@@ -10,6 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { pcm } from '@cee-eng/hydrajs';
 import { Accordion, Button, Modal } from '@patternfly/react-core';
 import { useFetch } from '@rh-support/components';
+import { getResTypeFromUrl } from '@rh-support/utils';
 import React, { useContext, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { SessionRestoreStateContext } from '../../context/SessionRestoreContext';
@@ -38,12 +39,14 @@ export function InsightResultModal(props) {
     const { sessionRestore: { activeSessionId, sessionResourceTracking }, } = useContext(SessionRestoreStateContext);
     const [isModalVisible, setIsModalVisible] = useState(false);
     const handleSolvedIssue = () => __awaiter(this, void 0, void 0, function* () {
-        var _a, _b;
+        var _a, _b, _c, _d;
         try {
             yield resolveSessionRequest(activeSessionId, {
                 sessionId: activeSessionId,
                 sessionResourceOriginId: (_b = (_a = sessionResourceTracking[SessionResourceSource.INSIGHTS]) === null || _a === void 0 ? void 0 : _a.resourceOriginId) !== null && _b !== void 0 ? _b : '',
-                type: SessionResourceSource.INSIGHTS,
+                type: getResTypeFromUrl(''),
+                source: SessionResourceSource.INSIGHTS,
+                resourceEntityId: (_d = (_c = sessionResourceTracking[SessionResourceSource.INSIGHTS]) === null || _c === void 0 ? void 0 : _c.resourceEntityId) !== null && _d !== void 0 ? _d : '',
                 url: '',
             });
             props.onModalToggle();
@@ -81,7 +84,7 @@ export function InsightResultModal(props) {
                 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')),
                 React.createElement(Button, { onClick: props.onModalToggle, key: "confirm", variant: "secondary", "data-tracking-id": "cancel-critical-solutions-modal" }, t('Cancel')),
             ] },
-            React.createElement(Accordion, { className: "push-top-narrow", headingLevel: "h2", asDefinitionList: false, isBordered: true },
+            React.createElement(Accordion, { className: "push-top-narrow", headingLevel: "h2", asDefinitionList: false },
                 props.insightResults.map((doc) => (React.createElement(InsightsRuleInfo, { duplicateKeys: duplicateKeys, showNewTag: canShowNewTag, key: doc.id + doc.attachmentId, doc: doc }))),
                 props.EARule.length > 0 &&
                     props.EARule.map((rule, index) => (React.createElement(EARuleInfoAccordion, { showNewTag: canShowNewTag, key: `${index}_eaRule`, rule: rule })))))));

package/lib/esm/components/shared/Constants.d.ts

@@ -52,20 +52,24 @@ export declare const markdownInlineFileSelectEvent = "PCM-Next > Markdown-toolba
 export declare const markdownFilePasteEvent = "PCM-Next > Markdown-toolbar-file-paste";
 export declare const riskLabels: {
     1: {
+        icon: import("react").ComponentClass<import("@patternfly/react-icons/dist/js/createIcon").SVGIconProps, any>;
         label: string;
-        color: string;
+        className: string;
     };
     2: {
+        icon: import("react").ComponentClass<import("@patternfly/react-icons/dist/js/createIcon").SVGIconProps, any>;
         label: string;
-        color: string;
+        className: string;
     };
     3: {
+        icon: import("react").ComponentClass<import("@patternfly/react-icons/dist/js/createIcon").SVGIconProps, any>;
         label: string;
-        color: string;
+        className: string;
     };
     4: {
+        icon: () => JSX.Element;
         label: string;
-        color: string;
+        className: string;
     };
 };
 //# sourceMappingURL=Constants.d.ts.map

package/lib/esm/components/shared/Constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Constants.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Constants.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBA+BE;AAEF;;GAEG;AACH,oBAAY,iBAAiB;IACzB,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,IAAI,cAAc;IAClB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,sBAAsB;IAC3B,KAAK,UAAU;IACf,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,kBAAkB,yBAAyB;CAC9C;AAED,eAAO,MAAM,8BAA8B,oDAAoD,CAAC;AAEhG,eAAO,MAAM,oCAAoC,wDAAwD,CAAC;AAC1G,eAAO,MAAM,6BAA6B,4CAA4C,CAAC;AACvF,eAAO,MAAM,sBAAsB,2CAA2C,CAAC;AAE/E,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;CAKtB,CAAC"}
+{"version":3,"file":"Constants.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Constants.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBA+BE;AAEF;;GAEG;AACH,oBAAY,iBAAiB;IACzB,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,IAAI,cAAc;IAClB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,sBAAsB;IAC3B,KAAK,UAAU;IACf,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,kBAAkB,yBAAyB;CAC9C;AAED,eAAO,MAAM,8BAA8B,oDAAoD,CAAC;AAEhG,eAAO,MAAM,oCAAoC,wDAAwD,CAAC;AAC1G,eAAO,MAAM,6BAA6B,4CAA4C,CAAC;AACvF,eAAO,MAAM,sBAAsB,2CAA2C,CAAC;AAE/E,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;CAKtB,CAAC"}

package/lib/esm/components/shared/Constants.js

@@ -1,3 +1,7 @@
+import AngleDoubleDownIcon from '@patternfly/react-icons/dist/js/icons/angle-double-down-icon';
+import AngleDoubleUpIcon from '@patternfly/react-icons/dist/js/icons/angle-double-up-icon';
+import EqualsIcon from '@patternfly/react-icons/dist/js/icons/equals-icon';
+import CriticalIcon from './CustomIcons/CriticalIcon';
 export default {
     languagesMap: {
         en: 'English',
@@ -51,8 +55,8 @@ export const recsViewedFromNoAttachmentModalEvent = 'PCM-Next > No-Attachment-mo
 export const markdownInlineFileSelectEvent = 'PCM-Next > Markdown-toolbar-file-select';
 export const markdownFilePasteEvent = 'PCM-Next > Markdown-toolbar-file-paste';
 export const riskLabels = {
-    1: { label: 'Low', color: 'blue' },
-    2: { label: 'Moderate', color: 'orange' },
-    3: { label: 'Important', color: 'red' },
-    4: { label: 'Critical', color: 'red' },
+    1: { icon: AngleDoubleDownIcon, label: 'Low', className: 'risk-label-low' },
+    2: { icon: EqualsIcon, label: 'Moderate', className: 'risk-label-moderate' },
+    3: { icon: AngleDoubleUpIcon, label: 'Important', className: 'risk-label-important' },
+    4: { icon: CriticalIcon, label: 'Critical', className: 'risk-label-critical' },
 };

package/lib/esm/components/shared/CustomIcons/CriticalIcon.d.ts

@@ -0,0 +1,3 @@
+declare const CriticalIcon: () => JSX.Element;
+export default CriticalIcon;
+//# sourceMappingURL=CriticalIcon.d.ts.map

package/lib/esm/components/shared/CustomIcons/CriticalIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CriticalIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/CustomIcons/CriticalIcon.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,YAAY,mBAcjB,CAAC;AACF,eAAe,YAAY,CAAC"}

package/lib/esm/components/shared/CustomIcons/CriticalIcon.js

@@ -0,0 +1,5 @@
+import React from 'react';
+const CriticalIcon = () => (React.createElement("svg", { fill: "currentColor", height: "1em", width: "1em", viewBox: "0 0 320 512", "aria-hidden": "true", role: "img", style: { verticalAlign: '-0.125em' } },
+    React.createElement("svg", { viewBox: "0 0 10 10" },
+        React.createElement("polygon", { points: "10 10, 10 3, 5 0, 0 3, 0 10, 5 8" }))));
+export default CriticalIcon;

package/lib/esm/scss/_main.scss

@@ -921,3 +921,15 @@ div.pf-c-alert.ea-rule-alert > div.pf-c-alert__description > p {
 #case-details-aside-content[pfe-expanded] {
     overflow: visible;
 }
+.risk-label-low {
+    background-color: var(--pf-global--palette--blue-300);
+}
+.risk-label-moderate {
+    background-color: var(--pf-global--palette--gold-400);
+}
+.risk-label-important {
+    background-color: var(--pf-global--palette--orange-300);
+}
+.risk-label-critical {
+    background-color: var(--pf-global--palette--red-200);
+}

package/lib/esm/scss/_pf4-overrides.scss

@@ -289,3 +289,9 @@
         --pf-c-select__toggle--BackgroundColor: #fff;
     }
 }
+
+// Override PFE Collapse discloser = false
+div.common-suggestions pfe-accordion {
+    --pfe-accordion--FontSize--header: 16px;
+    --pfe-accordion--FontWeight--header: 600;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "0.2.49",
+    "version": "0.2.53",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -74,11 +74,11 @@
         "@progress/kendo-drawing": "^1.6.0",
         "@progress/kendo-react-pdf": "^3.12.0",
         "@rh-support/api": "0.3.10",
-        "@rh-support/components": "1.1.24",
-        "@rh-support/react-context": "0.2.27",
+        "@rh-support/components": "1.1.27",
+        "@rh-support/react-context": "0.2.30",
         "@rh-support/types": "0.2.0",
-        "@rh-support/user-permissions": "0.2.18",
-        "@rh-support/utils": "0.2.16",
+        "@rh-support/user-permissions": "0.2.21",
+        "@rh-support/utils": "0.2.19",
         "@types/react-redux": "^7.1.12",
         "@types/redux": "^3.6.0",
         "@webcomponents/webcomponentsjs": "^2.2.10",
@@ -143,5 +143,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "b2165709013e4bfb0d0279915ee378bf8defb414"
+    "gitHead": "2cf344190779d4ddb83084c2aa0664c6856c02d7"
 }