@rh-support/troubleshoot 2.7.1 → 2.7.11

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

@@ -19,14 +19,17 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { search } from '@cee-eng/hydrajs';
-import { Accordion, AccordionContent, AccordionItem, AccordionToggle, Button, Modal, ModalVariant, } from '@patternfly/react-core';
+import { Button, Card, CardBody, CardExpandableContent, CardHeader, Label, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant, } from '@patternfly/react-core';
 import { PaginatedList, ToastNotification } from '@rh-support/components';
 import { useGlobalStateContext } from '@rh-support/react-context';
-import { AbilityContext, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
+// TODO: KCS pin/unpin disabled -- PCM-15276 -- restore when pin/unpin is re-enabled
+// import { AbilityContext, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
 import { getSolrParams } from '@rh-support/utils';
+import { isEmpty } from 'lodash';
 import find from 'lodash/find';
 import isEqual from 'lodash/isEqual';
-import some from 'lodash/some';
+// TODO: KCS pin/unpin disabled -- PCM-15276 -- restore when pin/unpin is re-enabled
+// import some from 'lodash/some';
 import React, { forwardRef, useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { CaseStatusEnum } from '../../../constants/caseDetailsConstants';
@@ -41,7 +44,6 @@ import { fetchRecommendations, fetchWatsonXRecommendations } from '../../../redu
 import { extractKTQuestion1FromDescription } from '../../../utils/caseUtils';
 import { usePostComment } from '../../shared/usePostComment';
 import { CaseSolutionsItem } from './CaseSolutionsItem';
-import { HandpickedItem } from './HandpicketItem';
 // some of the pinned and hadpicked titles are set to 'Red Hat Knowledge Base'
 // this workaround is added till backend fix
 const titleFix = (recommendations, allDocs) => __awaiter(void 0, void 0, void 0, function* () {
@@ -49,8 +51,8 @@ const titleFix = (recommendations, allDocs) => __awaiter(void 0, void 0, void 0,
     const ids = [];
     const recs = [...recommendations];
     recs.forEach((rec) => {
+        const recommendationWithSameID = find(allDocs, (doc) => doc.id === rec.resourceId);
         if (rec.title === 'Red Hat Knowledge Base') {
-            const recommendationWithSameID = find(allDocs, (doc) => doc.id === rec.resourceId);
             if (recommendationWithSameID &&
                 (recommendationWithSameID.publishedTitle || recommendationWithSameID.allTitle)) {
                 rec.title = (recommendationWithSameID === null || recommendationWithSameID === void 0 ? void 0 : recommendationWithSameID.publishedTitle) || (recommendationWithSameID === null || recommendationWithSameID === void 0 ? void 0 : recommendationWithSameID.allTitle);
@@ -63,6 +65,17 @@ const titleFix = (recommendations, allDocs) => __awaiter(void 0, void 0, void 0,
                 ids.push(rec.resourceId);
             }
         }
+        if (isEmpty(rec === null || rec === void 0 ? void 0 : rec.solutionAbstract)) {
+            if (recommendationWithSameID) {
+                rec.solutionAbstract =
+                    (recommendationWithSameID === null || recommendationWithSameID === void 0 ? void 0 : recommendationWithSameID.snippet) ||
+                        (recommendationWithSameID === null || recommendationWithSameID === void 0 ? void 0 : recommendationWithSameID.publishedAbstract) ||
+                        (recommendationWithSameID === null || recommendationWithSameID === void 0 ? void 0 : recommendationWithSameID.abstract);
+            }
+            else if (rec.title !== 'Red Hat Knowledge Base') {
+                ids.push(rec.resourceId);
+            }
+        }
     });
     if (ids.length !== 0) {
         try {
@@ -72,7 +85,11 @@ const titleFix = (recommendations, allDocs) => __awaiter(void 0, void 0, void 0,
             recs.forEach((rec) => {
                 const matchedDoc = find(docs, (doc) => doc.id === rec.resourceId);
                 rec.title = matchedDoc ? (matchedDoc === null || matchedDoc === void 0 ? void 0 : matchedDoc.publishedTitle) || (matchedDoc === null || matchedDoc === void 0 ? void 0 : matchedDoc.allTitle) : rec.title;
-                rec.solutionAbstract = (matchedDoc === null || matchedDoc === void 0 ? void 0 : matchedDoc.snippet) || (matchedDoc === null || matchedDoc === void 0 ? void 0 : matchedDoc.publishedAbstract) || (matchedDoc === null || matchedDoc === void 0 ? void 0 : matchedDoc.abstract);
+                rec.solutionAbstract =
+                    (matchedDoc === null || matchedDoc === void 0 ? void 0 : matchedDoc.snippet) ||
+                        (matchedDoc === null || matchedDoc === void 0 ? void 0 : matchedDoc.publishedAbstract) ||
+                        (matchedDoc === null || matchedDoc === void 0 ? void 0 : matchedDoc.abstract) ||
+                        (rec === null || rec === void 0 ? void 0 : rec.solutionAbstract);
             });
         }
         catch (e) {
@@ -102,118 +119,172 @@ export const CaseSolutions = forwardRef((props, ref) => {
     }), isEqual);
     const caseDispatch = useCaseDispatch();
     const caseOverviewDispatch = useContext(CaseOverviewDispatchContext);
+    // TODO: KCS linking disabled -- PCM-15276 -- restore when linking is re-enabled
+    // const [isExpanded, setIsExpanded] = useState<boolean>(false);
+    // const onExpand = () => {
+    //     setIsExpanded(!isExpanded);
+    // };
     const { recommendationState: { isLoadingRecommendations, allDocs }, } = useRecommendationStateContext();
     const { globalMetadataState: { loggedInUsersAccount }, } = useGlobalStateContext();
     const recommendationsDispatch = useRecommendationDispatchContext();
     const { postComment } = usePostComment({ caseNumber: props.caseNumber });
     const { caseNumber, isSecureSupportAccount } = props;
-    const [isPinLoading, setIsPinLoading] = useState({});
+    // TODO: KCS pin/unpin disabled -- PCM-15276 -- restore when pin/unpin is re-enabled
+    // const [isPinLoading, setIsPinLoading] = useState({});
     const [isCaseCloseLoading, setIsCaseCloseLoading] = useState(false);
-    const [handPickedOpen, setHandPickedOpen] = useState(true);
     const [pinnedOpen, setPinnedOpen] = useState(true);
     const [recommendations, setRecommendations] = useState([]);
     const [topRecommendations, setTopRecommendations] = useState([]);
     const [isCloseCaseModalOpen, setIsCloseCaseModalOpen] = useState(false);
-    const ability = useContext(AbilityContext);
+    // TODO: KCS pin/unpin disabled -- PCM-15276 -- restore when pin/unpin is re-enabled
+    // const ability = useContext(AbilityContext);
     const { t } = useTranslation();
-    const hasPin = some(recommendations, (p) => p.isPinned);
-    const hasLink = some(recommendations, (p) => p.isLinked);
+    // TODO: KCS pin/unpin disabled -- PCM-15276 -- restore when pin/unpin is re-enabled
+    // const hasPin = some(recommendations, (p) => p.isPinned);
+    // TODO: KCS linking disabled -- PCM-15276 -- restore when linking is re-enabled
+    // const hasLink = some(recommendations, (p) => p.isLinked);
     const getCommentBody = () => {
-        return `**Reason for closing case:** \nOther. Found a pinned article that perfectly resolved the issue. Closing this case now.`;
+        return `<p><strong>Reason for closing case:</strong></p><p>Other. Found a pinned article that perfectly resolved the issue. Closing this case now.</p>`;
     };
     const handleCaseClose = () => __awaiter(void 0, void 0, void 0, function* () {
         setStatusUpdating(caseOverviewDispatch, true);
         try {
             setIsCaseCloseLoading(true);
-            yield updateCaseDetails(caseDispatch, props.caseNumber, { status: CaseStatusEnum.CLOSED });
             yield postComment({
                 commentBody: getCommentBody(),
                 contentType: 'markdown',
                 updateDiscussionState: true,
                 doNotChangeStatus: true,
             });
-            ToastNotification.addSuccessMessage(t('Status has been successfully updated'));
+            yield updateCaseDetails(caseDispatch, props.caseNumber, { status: CaseStatusEnum.CLOSED });
             setIsCloseCaseModalOpen(false);
+            ToastNotification.addSuccessMessage(t('Status has been successfully updated'));
         }
         catch (err) {
-            caseUpdateError.showError(err, t('Status failed to update'));
+            caseUpdateError.showFieldError(err, t('Status'), handleCaseClose);
         }
         finally {
             setIsCaseCloseLoading(false);
             setStatusUpdating(caseOverviewDispatch, false);
         }
     });
-    const updateRecommendation = (recommendationToUpdate, linked) => __awaiter(void 0, void 0, void 0, function* () {
-        const recommendation = {
-            resourceId: recommendationToUpdate.resourceId,
-            resourceType: recommendationToUpdate.resourceType,
-            linked,
-        };
-        if (recommendationToUpdate.resourceViewURI)
-            recommendation.resourceViewURI = recommendationToUpdate.resourceViewURI;
-        // for some doc types like Errata we don't have resourceURI. If resourceURI was not available,
-        // we constructe a 'fake' one to be used when linking in SFDC
-        recommendation.resourceURI = recommendationToUpdate.resourceURI
-            ? recommendationToUpdate.resourceURI
-            : recommendationToUpdate.resourceViewURI
-                ? recommendationToUpdate.resourceViewURI
-                : recommendationToUpdate.resourceId;
-        yield updateCaseDetails(caseDispatch, caseNumber, {
-            caseResourceLinks: [recommendation],
-        }, true);
-    });
-    const canPinUnpin = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_PIN_UNPIN_RESOURCES);
-    const canLinkUnlink = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_LINK_UNLINK_RESOURCES);
+    // TODO: KCS pin/unpin disabled -- PCM-15276 -- restore when pin/unpin is re-enabled
+    // const updateRecommendation = async (recommendationToUpdate: ICaseDetailAsideRecommendation, linked: boolean) => {
+    //     const recommendation: any = {
+    //         resourceId: recommendationToUpdate.resourceId,
+    //         resourceType: recommendationToUpdate.resourceType,
+    //         linked,
+    //     };
+    //
+    //     if (recommendationToUpdate.resourceViewURI)
+    //         recommendation.resourceViewURI = recommendationToUpdate.resourceViewURI;
+    //
+    //     // for some doc types like Errata we don't have resourceURI. If resourceURI was not available,
+    //     // we constructe a 'fake' one to be used when linking in SFDC
+    //     recommendation.resourceURI = recommendationToUpdate.resourceURI
+    //         ? recommendationToUpdate.resourceURI
+    //         : recommendationToUpdate.resourceViewURI
+    //         ? recommendationToUpdate.resourceViewURI
+    //         : recommendationToUpdate.resourceId;
+    //
+    //     await updateCaseDetails(
+    //         caseDispatch,
+    //         caseNumber,
+    //         {
+    //             caseResourceLinks: [recommendation],
+    //         },
+    //         true
+    //     );
+    // };
+    // TODO: KCS pin/unpin disabled -- PCM-15276 -- restore when pin/unpin is re-enabled
+    // const canPinUnpin = ability.can(
+    //     resourceActions.PATCH,
+    //     resources.CASE_DETAILS,
+    //     CaseDetailsFields.CASE_DETAILS_PIN_UNPIN_RESOURCES
+    // );
+    // TODO: KCS linking disabled -- PCM-15276 -- restore when linking is re-enabled
+    // const canLinkUnlink = ability.can(
+    //     resourceActions.PATCH,
+    //     resources.CASE_DETAILS,
+    //     CaseDetailsFields.CASE_DETAILS_LINK_UNLINK_RESOURCES
+    // );
     const addDtmEvent = (stepName) => {
         // reserve for when fixing dtm
     };
-    const updateRecommendations = (recommendationToUpdate, isPinned, isLinked) => () => __awaiter(void 0, void 0, void 0, function* () {
-        try {
-            setIsPinLoading((prevPiningMap) => (Object.assign(Object.assign({}, prevPiningMap), { [recommendationToUpdate.resourceId]: true })));
-            yield updateRecommendation(recommendationToUpdate, isLinked !== undefined ? !isLinked : !isPinned);
-            setTopRecommendations((prevTopRecs) => prevTopRecs.map((rec) => rec.resourceId === recommendationToUpdate.resourceId
-                ? Object.assign(Object.assign({}, rec), { isLinked: isLinked !== undefined ? !isLinked : !!rec.isLinked, isPinned: isPinned !== undefined ? !isPinned : !!rec.isPinned }) : rec));
-            setRecommendations((prevRecs) => {
-                const toBeAdded = !prevRecs.some((r) => r.resourceId === recommendationToUpdate.resourceId);
-                if (toBeAdded) {
-                    return [
-                        ...prevRecs,
-                        Object.assign(Object.assign({}, recommendationToUpdate), { isLinked: isLinked !== undefined ? !isLinked : recommendationToUpdate.isLinked, isPinned: isPinned !== undefined ? !isPinned : recommendationToUpdate.isPinned, isPinnedAndLinked: (isPinned !== undefined ? !isPinned : recommendationToUpdate.isPinned) &&
-                                (isLinked !== undefined ? !isLinked : recommendationToUpdate.isLinked) }),
-                    ];
-                }
-                else {
-                    return prevRecs
-                        .map((rec) => rec.resourceId === recommendationToUpdate.resourceId
-                        ? Object.assign(Object.assign({}, rec), { isLinked: isLinked !== undefined ? !isLinked : !!rec.isLinked, isPinned: isPinned !== undefined ? !isPinned : !!rec.isPinned, isPinnedAndLinked: (isPinned !== undefined ? !isPinned : rec.isPinned) &&
-                                (isLinked !== undefined ? !isLinked : rec.isLinked) }) : rec)
-                        .filter((rec) => rec.isLinked || rec.isPinned);
-                }
-            });
-            setIsPinLoading((prevPiningMap) => (Object.assign(Object.assign({}, prevPiningMap), { [recommendationToUpdate.resourceId]: false })));
-        }
-        catch (error) {
-            if (error.status === 403) {
-                ToastNotification.addDangerMessage(t('You do not have the proper entitlements to pin a recommendation.'), React.createElement(React.Fragment, null,
-                    t('Please'),
-                    React.createElement("a", { href: "/support/contact/customerService" },
-                        " ",
-                        t('contact Customer Service'),
-                        " "),
-                    t('if you think this is an error.')));
-            }
-            else {
-                isPinned !== undefined || isLinked !== undefined
-                    ? caseUpdateError.showError(error, t('Could not unpin the solution'))
-                    : caseUpdateError.showError(error, t('Could not pin the solution'));
-            }
-            setIsPinLoading((prevPiningMap) => {
-                const newMap = Object.assign({}, prevPiningMap);
-                delete newMap[recommendationToUpdate.resourceId];
-                return newMap;
-            });
-        }
-    });
+    // TODO: KCS pin/unpin disabled -- PCM-15276 -- restore when pin/unpin is re-enabled
+    // const updateRecommendations =
+    //     (recommendationToUpdate: ICaseDetailAsideRecommendation, isPinned: boolean, isLinked: boolean) => async () => {
+    //         try {
+    //             setIsPinLoading((prevPiningMap) => ({ ...prevPiningMap, [recommendationToUpdate.resourceId]: true }));
+    //             await updateRecommendation(recommendationToUpdate, isLinked !== undefined ? !isLinked : !isPinned);
+    //
+    //             setTopRecommendations((prevTopRecs) =>
+    //                 prevTopRecs.map((rec) =>
+    //                     rec.resourceId === recommendationToUpdate.resourceId
+    //                         ? {
+    //                               ...rec,
+    //                               isLinked: isLinked !== undefined ? !isLinked : !!rec.isLinked,
+    //                               isPinned: isPinned !== undefined ? !isPinned : !!rec.isPinned,
+    //                           }
+    //                         : rec
+    //                 )
+    //             );
+    //
+    //             setRecommendations((prevRecs) => {
+    //                 const toBeAdded = !prevRecs.some((r) => r.resourceId === recommendationToUpdate.resourceId);
+    //
+    //                 if (toBeAdded) {
+    //                     return [
+    //                         ...prevRecs,
+    //                         {
+    //                             ...recommendationToUpdate,
+    //                             isLinked: isLinked !== undefined ? !isLinked : recommendationToUpdate.isLinked,
+    //                             isPinned: isPinned !== undefined ? !isPinned : recommendationToUpdate.isPinned,
+    //                             isPinnedAndLinked:
+    //                                 (isPinned !== undefined ? !isPinned : recommendationToUpdate.isPinned) &&
+    //                                 (isLinked !== undefined ? !isLinked : recommendationToUpdate.isLinked),
+    //                         },
+    //                     ];
+    //                 } else {
+    //                     return prevRecs
+    //                         .map((rec) =>
+    //                             rec.resourceId === recommendationToUpdate.resourceId
+    //                                 ? {
+    //                                       ...rec,
+    //                                       isLinked: isLinked !== undefined ? !isLinked : !!rec.isLinked,
+    //                                       isPinned: isPinned !== undefined ? !isPinned : !!rec.isPinned,
+    //                                       isPinnedAndLinked:
+    //                                           (isPinned !== undefined ? !isPinned : rec.isPinned) &&
+    //                                           (isLinked !== undefined ? !isLinked : rec.isLinked),
+    //                                   }
+    //                                 : rec
+    //                         )
+    //                         .filter((rec) => rec.isLinked || rec.isPinned);
+    //                 }
+    //             });
+    //             setIsPinLoading((prevPiningMap) => ({ ...prevPiningMap, [recommendationToUpdate.resourceId]: false }));
+    //         } catch (error) {
+    //             if (error.status === 403) {
+    //                 ToastNotification.addDangerMessage(
+    //                     t('You do not have the proper entitlements to pin a recommendation.'),
+    //                     <>
+    //                         {t('Please')}
+    //                         <a href="/support/contact/customerService"> {t('contact Customer Service')} </a>
+    //                         {t('if you think this is an error.')}
+    //                     </>
+    //                 );
+    //             } else {
+    //                 isPinned !== undefined || isLinked !== undefined
+    //                     ? caseUpdateError.showError(error, t('Could not unpin the solution'))
+    //                     : caseUpdateError.showError(error, t('Could not pin the solution'));
+    //             }
+    //             setIsPinLoading((prevPiningMap) => {
+    //                 const newMap = { ...prevPiningMap };
+    //                 delete newMap[recommendationToUpdate.resourceId];
+    //                 return newMap;
+    //             });
+    //         }
+    //     };
     // fetch top recommendations
     useEffect(() => {
         function fetchRecs() {
@@ -273,53 +344,101 @@ export const CaseSolutions = forwardRef((props, ref) => {
         }
     }, [allDocs, isFetchingCaseDetails, isLoadingRecommendations, recomendationsObj]);
     const renderTopRecommendations = (recommendation, index, type) => (React.createElement(React.Fragment, null,
-        canPinUnpin && (React.createElement(CaseSolutionsItem, { showPin: true, type: type, pinTitle: recommendation.isPinned ? t('Unpin') : t('Pin'), isPinLoading: isPinLoading, index: index, recommendation: recommendation, onPinClicked: updateRecommendations(recommendation, recommendation.isPinned, undefined), onLinkClick: (name) => addDtmEvent(name) })),
-        canLinkUnlink && (React.createElement(CaseSolutionsItem, { showLink: true, type: type, pinTitle: recommendation.isLinked ? t('Unlink') : t('Link'), isPinLoading: isPinLoading, index: index, recommendation: recommendation, onPinClicked: updateRecommendations(recommendation, undefined, recommendation.isLinked), onLinkClick: (name) => addDtmEvent(name) }))));
-    // customer logged in: we show pins and perform pin/unpin
-    const renderPinsByCustomer = (recommendation, index, type) => (React.createElement(CaseSolutionsItem, { showPin: true, isPinned: true, type: type, pinTitle: recommendation.isPinned ? t('Unpin') : t('Pin'), isPinLoading: isPinLoading, index: index, recommendation: recommendation, onPinClicked: updateRecommendations(recommendation, recommendation.isPinned, undefined), onLinkClick: (name) => addDtmEvent(name) }));
+        React.createElement(CaseSolutionsItem
+        // TODO: KCS pin/unpin disabled -- PCM-15276 -- restore showPin when pin/unpin is re-enabled
+        , { 
+            // TODO: KCS pin/unpin disabled -- PCM-15276 -- restore showPin when pin/unpin is re-enabled
+            showPin: false, type: type, pinTitle: '', isPinLoading: {}, index: index, recommendation: recommendation, onPinClicked: () => { }, onLinkClick: (name) => addDtmEvent(name) })));
+    // TODO: KCS pin/unpin disabled -- PCM-15276 -- restore showPin when pin/unpin is re-enabled
+    const renderPinsByCustomer = (recommendation, index, type) => (React.createElement(CaseSolutionsItem, { showPin: false, type: type, pinTitle: '', isPinLoading: {}, index: index, recommendation: recommendation, onPinClicked: () => { }, onLinkClick: (name) => addDtmEvent(name) }));
+    // TODO: KCS linking disabled -- PCM-15276 -- restore when linking is re-enabled
     // customer logged in: we show links but perform pin/unpin
-    const renderHandpickedCustomerView = (recommendation, index, type) => (React.createElement(HandpickedItem, { type: type, caseNumber: props.caseNumber, pinTitle: recommendation.isPinnedAndLinked ? t('Unpin') : t('Pin'), isPinLoading: isPinLoading, index: index, recommendation: recommendation, onRecommendationLike: () => setIsCloseCaseModalOpen(true), onLinkClick: (name) => addDtmEvent(name) }));
+    // const renderHandpickedCustomerView = (
+    //     recommendation: ICaseDetailAsideRecommendation,
+    //     index: number,
+    //     type: string
+    // ) => (
+    //     <HandpickedItem
+    //         type={type}
+    //         caseNumber={props.caseNumber}
+    //         pinTitle={recommendation.isPinnedAndLinked ? t('Unpin') : t('Pin')}
+    //         isPinLoading={isPinLoading}
+    //         index={index}
+    //         recommendation={recommendation}
+    //         onRecommendationLike={() => setIsCloseCaseModalOpen(true)}
+    //         onLinkClick={(name) => addDtmEvent(name)}
+    //     />
+    // );
+    // TODO: KCS linking disabled -- PCM-15276 -- restore when linking is re-enabled
     // redhatter logged in: we show pins but perform link/unlink
-    const renderPinnedByCustomerRedhatterView = (recommendation, index, type) => (React.createElement(CaseSolutionsItem, { showLink: true, type: type, pinTitle: recommendation.isPinnedAndLinked ? t('Unpin') : t('Pin'), isPinLoading: isPinLoading, index: index, recommendation: recommendation, onPinClicked: updateRecommendations(recommendation, undefined, recommendation.isLinked), onLinkClick: (name) => addDtmEvent(name) }));
+    // const renderPinnedByCustomerRedhatterView = (
+    //     recommendation: ICaseDetailAsideRecommendation,
+    //     index: number,
+    //     type: string
+    // ) => (
+    //     <CaseSolutionsItem
+    //         showLink={true}
+    //         type={type}
+    //         pinTitle={recommendation.isPinnedAndLinked ? t('Unpin') : t('Pin')}
+    //         isPinLoading={isPinLoading}
+    //         index={index}
+    //         recommendation={recommendation}
+    //         onPinClicked={updateRecommendations(recommendation, undefined, recommendation.isLinked)}
+    //         onLinkClick={(name) => addDtmEvent(name)}
+    //     />
+    // );
+    // TODO: KCS linking disabled -- PCM-15276 -- restore when linking is re-enabled
     // redhatter logged in: we show links and perform link/unlink
-    const renderHandPickedByRedHatter = (recommendation, index, type) => (React.createElement("div", { className: "pf-v5-u-ml-lg" },
-        React.createElement(CaseSolutionsItem, { showLink: true, type: type, pinTitle: recommendation.isLinked ? t('Unlink') : t('Link'), isPinLoading: isPinLoading, index: index, recommendation: recommendation, onPinClicked: updateRecommendations(recommendation, undefined, recommendation.isLinked), onLinkClick: (name) => addDtmEvent(name) })));
-    const linkedRecommendations = recommendations.filter((r) => r.isLinked);
+    // const renderHandPickedByRedHatter = (
+    //     recommendation: ICaseDetailAsideRecommendation,
+    //     index: number,
+    //     type: string
+    // ) => (
+    //     <div className="pf-v6-u-ml-lg">
+    //         <CaseSolutionsItem
+    //             showLink={true}
+    //             type={type}
+    //             pinTitle={recommendation.isLinked ? t('Unlink') : t('Link')}
+    //             isPinLoading={isPinLoading}
+    //             index={index}
+    //             recommendation={recommendation}
+    //             onPinClicked={updateRecommendations(recommendation, undefined, recommendation.isLinked)}
+    //             onLinkClick={(name) => addDtmEvent(name)}
+    //         />
+    //     </div>
+    // );
+    // TODO: KCS linking disabled -- PCM-15276 -- restore when linking is re-enabled
+    // const linkedRecommendations = recommendations.filter((r) => r.isLinked);
     const pinnedRecommendations = recommendations.filter((r) => r.isPinned);
-    const closeCaseModal = (React.createElement(Modal, { variant: ModalVariant.small, title: t('Did this solve your case?'), isOpen: isCloseCaseModalOpen && caseStatus !== CaseStatusEnum.CLOSED, onClose: () => setIsCloseCaseModalOpen(false), actions: [
+    const closeCaseModal = (React.createElement(Modal, { variant: ModalVariant.small, isOpen: isCloseCaseModalOpen && caseStatus !== CaseStatusEnum.CLOSED, onClose: () => setIsCloseCaseModalOpen(false) },
+        React.createElement(ModalHeader, { title: t('Did this solve your case?') }),
+        React.createElement(ModalBody, null,
+            React.createElement(Trans, null, "We're glad to hear this article was helpful. Would you like to close this case or keep it open? You can still view the case after it closes.")),
+        React.createElement(ModalFooter, null,
             React.createElement(Button, { variant: "primary", isDisabled: isCaseCloseLoading, onClick: () => setIsCloseCaseModalOpen(false), key: "keep-case-open-btn" },
                 React.createElement(Trans, null, "Keep it open")),
             React.createElement(Button, { variant: "secondary", isDisabled: isCaseCloseLoading, isLoading: isCaseCloseLoading, key: "close-case-btn", onClick: handleCaseClose },
-                React.createElement(Trans, null, "Close case")),
-        ] },
-        React.createElement(Trans, null, "We're glad to hear this article was helpful. Would you like to close this case or keep it open? You can still view the case after it closes.")));
+                React.createElement(Trans, null, "Close case")))));
     return (React.createElement(React.Fragment, null,
         closeCaseModal,
-        React.createElement(Accordion, { isBordered: true, asDefinitionList: false, className: "card card-white case-details-aside-solutions" },
-            linkedRecommendations.length !== 0 && (React.createElement(AccordionItem, null,
-                React.createElement(AccordionToggle, { id: "sol-handpicked", isExpanded: handPickedOpen, onClick: () => setHandPickedOpen((pre) => !pre) },
-                    React.createElement("span", null, canLinkUnlink ? (React.createElement(Trans, null, "Handpicked by you")) : (React.createElement(Trans, null, "Handpicked for this case"))),
-                    React.createElement("span", { className: "badge-item pf-v5-u-font-size-sm pf-v5-u-mx-sm" }, linkedRecommendations.length)),
-                React.createElement(AccordionContent, { isHidden: !handPickedOpen }, !hasLink ? (!canLinkUnlink ? (React.createElement(Trans, null, "If a Red Hat engineer finds an article or solution that can help with your case, they'll pin it here.")) : (React.createElement(React.Fragment, null))) : (React.createElement(PaginatedList, { id: "case-details-handpicked-recommendations", listItems: linkedRecommendations.map((rec, index) => canLinkUnlink
-                        ? renderHandPickedByRedHatter(rec, index, 'handpicked-recommendations')
-                        : renderHandpickedCustomerView(rec, index, 'handpicked-recommendations')), perPage: 5, className: "list-icons list-icons-flush", isFetching: !!isLoadingRecommendations, perPageOptions: [
-                        { title: '5', value: 5 },
-                        { title: '10', value: 10 },
-                    ] }))))),
-            pinnedRecommendations.length !== 0 && (React.createElement(AccordionItem, null,
-                React.createElement(AccordionToggle, { id: "sol-pinned", isExpanded: pinnedOpen, onClick: () => setPinnedOpen((pre) => !pre) },
-                    React.createElement("span", null, canLinkUnlink ? (React.createElement(Trans, null, "Pinned by customer")) : (React.createElement(Trans, null, "My pinned recommendations"))),
-                    React.createElement("span", { className: "badge-item pf-v5-u-font-size-sm pf-v5-u-mx-sm" }, pinnedRecommendations.length)),
-                React.createElement(AccordionContent, { isHidden: !pinnedOpen }, !hasPin ? (!canLinkUnlink ? (React.createElement(Trans, null, "When you save a recommended article or solution, you'll see it here. Saved items display only in this case and are not saved for later.")) : (React.createElement(React.Fragment, null))) : (React.createElement(PaginatedList, { id: "case-details-pinned-recommendations", listItems: pinnedRecommendations.map((rec, index) => canLinkUnlink
-                        ? renderPinnedByCustomerRedhatterView(rec, index, 'pinned-recommendations')
-                        : renderPinsByCustomer(rec, index, 'pinned-recommendations')), perPage: 5, className: "list-icons list-icons-flush", isFetching: !!isLoadingRecommendations, perPageOptions: [
-                        { title: '5', value: 5 },
-                        { title: '10', value: 10 },
-                    ] })))))),
-        topRecommendations.length > 0 && (React.createElement("div", { className: "card card-white card-support recommendations", ref: ref },
-            React.createElement("h3", { className: "card-heading case-detail-panel-card-heading card-header-bg" },
-                React.createElement(Trans, null, "Knowledgebase recommendations")),
-            React.createElement("div", { className: "card-body" },
+        pinnedRecommendations.length > 0 && (React.createElement(Card, { isExpanded: pinnedOpen },
+            React.createElement(CardHeader, { className: "pf-v6-u-display-flex", onExpand: () => setPinnedOpen((pre) => !pre) },
+                React.createElement("h3", { className: "card-heading case-detail-panel-card-heading" },
+                    React.createElement("span", null,
+                        React.createElement(Trans, null, "My pinned recommendations")),
+                    React.createElement("span", { className: "badge-item pf-v6-u-font-size-sm pf-v6-u-mx-sm", style: { lineHeight: '18px' } },
+                        React.createElement(Label, null, pinnedRecommendations.length)))),
+            React.createElement(CardExpandableContent, null,
+                React.createElement(CardBody, null,
+                    React.createElement(PaginatedList, { id: "case-details-pinned-recommendations", listItems: pinnedRecommendations.map((rec, index) => renderPinsByCustomer(rec, index, 'pinned-recommendations')), perPage: 5, className: "list-icons list-icons-flush", isFetching: !!isLoadingRecommendations, perPageOptions: [
+                            { title: '5', value: 5 },
+                            { title: '10', value: 10 },
+                        ] }))))),
+        topRecommendations.length > 0 && (React.createElement(Card, { className: "card-support recommendations", ref: ref },
+            React.createElement(CardHeader, null,
+                React.createElement("h3", { className: "card-heading case-detail-panel-card-heading" },
+                    React.createElement(Trans, null, "Knowledgebase recommendations"))),
+            React.createElement(CardBody, null,
                 React.createElement(PaginatedList, { id: "case-details-top-recommendations", className: "list-icons list-icons-flush", listItems: topRecommendations
                         .filter((r) => !pinnedRecommendations.some((pr) => pr.resourceId === r.resourceId))
                         .map((rec, index) => renderTopRecommendations(rec, index, 'top-recommendations')), perPage: 5, isFetching: !!isLoadingRecommendations, perPageOptions: [

package/lib/esm/components/CaseEditView/CaseSolutions/CaseSolutionsItem.d.ts

@@ -4,7 +4,6 @@ import { CaseRecommendationEvalEnum } from '../../../constants/caseDetailsConsta
 interface IProps {
     showPin?: boolean;
     isPinned?: boolean;
-    showLink?: boolean;
     pinTitle: string;
     index: number;
     recommendation: ICaseDetailAsideRecommendation;

package/lib/esm/components/CaseEditView/CaseSolutions/CaseSolutionsItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseSolutionsItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseSolutions/CaseSolutionsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAQ5E,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AACrF,UAAU,MAAM;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,8BAA8B,CAAC;IAC/C,YAAY,EAAE,GAAG,CAAC;IAClB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED,MAAM,WAAW,8BAA+B,SAAQ,OAAO,CAAC,iBAAiB,CAAC;IAC9E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,0BAA0B,CAAC;CACnD;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,qBAwD9C"}
+{"version":3,"file":"CaseSolutionsItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseSolutions/CaseSolutionsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAS5E,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AACrF,UAAU,MAAM;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,8BAA8B,CAAC;IAC/C,YAAY,EAAE,GAAG,CAAC;IAClB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED,MAAM,WAAW,8BAA+B,SAAQ,OAAO,CAAC,iBAAiB,CAAC;IAC9E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,0BAA0B,CAAC;CACnD;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,qBA+D9C"}

package/lib/esm/components/CaseEditView/CaseSolutions/CaseSolutionsItem.js

@@ -1,5 +1,6 @@
 import { Button, Icon } from '@patternfly/react-core';
-import LinkIcon from '@patternfly/react-icons/dist/js/icons/link-icon';
+// TODO: KCS linking disabled -- PCM-15276 -- restore when linking is re-enabled
+// import LinkIcon from '@patternfly/react-icons/dist/js/icons/link-icon';
 import OutlinedStarIcon from '@patternfly/react-icons/dist/js/icons/outlined-star-icon';
 import StarIcon from '@patternfly/react-icons/dist/js/icons/star-icon';
 import { LoadingIndicator } from '@rh-support/components';
@@ -12,11 +13,10 @@ export function CaseSolutionsItem(props) {
     const isLoading = !!props.isPinLoading[props.recommendation.resourceId];
     return (React.createElement("div", null,
         React.createElement("div", { className: "recommendation-header" },
-            React.createElement(Button, { title: props.pinTitle, onClick: props.onPinClicked, "data-tracking-id": `case-resource-${props.pinTitle}`, variant: "plain", className: "list-icon" },
-                isLoading && React.createElement(LoadingIndicator, { show: isLoading, size: "xs" }),
-                !isLoading && props.showPin && (React.createElement(React.Fragment, null,
-                    React.createElement(Icon, { size: "md" }, props.isPinned ? (React.createElement(StarIcon, { className: "pinned-resource", color: "0066cc" })) : (React.createElement(OutlinedStarIcon, { className: "pinned-resource", color: "0066cc" }))))),
-                !isLoading && props.showLink && React.createElement(LinkIcon, null)),
+            props.showPin && (React.createElement(Button, { icon: React.createElement(React.Fragment, null,
+                    isLoading && React.createElement(LoadingIndicator, { show: isLoading, size: "xs" }),
+                    !isLoading && (React.createElement(React.Fragment, null,
+                        React.createElement(Icon, { size: "md", color: "0066cc" }, props.isPinned ? (React.createElement(StarIcon, { className: "pinned-resource" })) : (React.createElement(OutlinedStarIcon, { className: "pinned-resource" })))))), title: props.pinTitle, onClick: props.onPinClicked, "data-tracking-id": `case-resource-${props.pinTitle}`, variant: "plain", className: "list-icon" })),
             React.createElement("a", { href: props.recommendation.resourceViewURI, "data-tracking-id": `case-resource-${props.type}-link-${props.index}`, target: "_blank", rel: "noopener noreferrer", className: "case-resource-recommendation-link", dangerouslySetInnerHTML: {
                     __html: DOMPurify.sanitize(truncate(decodeMarkTag(props.recommendation.title || ''), maxTitleLength)),
                 }, onClick: () => props.onLinkClick('case solution click') })),

package/lib/esm/components/CaseEditView/CaseSolutions/HandpicketItem.js

@@ -58,7 +58,7 @@ export function HandpickedItem(props) {
             props.onRecommendationLike();
         }
     });
-    return (React.createElement("div", { className: "handpicked-resource pf-v5-u-mx-sm" },
+    return (React.createElement("div", { className: "handpicked-resource pf-v6-u-mx-sm" },
         React.createElement("div", { className: "recommendation-header" },
             React.createElement("a", { href: recommendation.resourceViewURI, "data-tracking-id": `case-resource-${props.type}-link-${props.index}`, target: "_blank", rel: "noopener noreferrer", dangerouslySetInnerHTML: {
                     __html: DOMPurify.sanitize(truncate(decodeMarkTag(recommendation.title || ''), maxTitleLength)),
@@ -66,11 +66,11 @@ export function HandpickedItem(props) {
         React.createElement("div", { className: "result-body", dangerouslySetInnerHTML: {
                 __html: DOMPurify.sanitize(truncate(cleanupMarkDown(decodeMarkTag(props.recommendation.solutionAbstract || '')), maxAbstractLength)),
             } }),
-        React.createElement(ActionList, { className: "pf-v5-u-my-xs" },
+        React.createElement(ActionList, { className: "pf-v6-u-my-xs" },
             React.createElement(ActionListItem, null,
                 React.createElement(Button, { variant: "link", isDisabled: helpfulBtnLoading || notHelpfulBtnLoading, icon: helpfulBtnLoading ? (React.createElement(LoadingIndicator, { show: true, size: "xs" })) : (React.createElement(Icon, { size: "md", className: "eval-icons" }, evaluation === CaseRecommendationEvalEnum.HELPFUL ? (React.createElement(ThumbsUpIcon, null)) : (React.createElement(OutlinedThumbsUpIcon, null)))), onClick: () => updateEvaluation(CaseRecommendationEvalEnum.HELPFUL), "data-tracking-id": "recommendation-helpful" },
                     React.createElement(Trans, null, "This was helpful"))),
-            React.createElement(ActionListItem, { className: "pf-v5-u-ml-lg" },
+            React.createElement(ActionListItem, { className: "pf-v6-u-ml-lg" },
                 React.createElement(Button, { variant: "link", isDisabled: helpfulBtnLoading || notHelpfulBtnLoading, icon: notHelpfulBtnLoading ? (React.createElement(LoadingIndicator, { show: true, size: "xs" })) : (React.createElement(Icon, { size: "md", className: "eval-icons" }, evaluation === CaseRecommendationEvalEnum.NOT_HELPFUL ? (React.createElement(ThumbsDownIcon, null)) : (React.createElement(OutlinedThumbsDownIcon, null)))), onClick: () => updateEvaluation(CaseRecommendationEvalEnum.NOT_HELPFUL), "data-tracking-id": "recommendation-not-helpful" },
                     React.createElement(Trans, null, "Not helpful"))))));
 }

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

@@ -3,6 +3,6 @@ import { SubscriptionAbuseModalText, SubscriptionAbuseModalTitle } from '@rh-sup
 import React from 'react';
 import { Trans } from 'react-i18next';
 export function CaseSubscriptionAbuseAlert() {
-    return (React.createElement(Alert, { className: "pf-v5-u-mb-md", isInline: true, variant: AlertVariant.warning, title: React.createElement(Trans, null, SubscriptionAbuseModalTitle), children: React.createElement("p", { className: "pf-v5-u-mb-sm" },
+    return (React.createElement(Alert, { className: "pf-v6-u-mb-md", isInline: true, variant: AlertVariant.warning, title: React.createElement(Trans, null, SubscriptionAbuseModalTitle), children: React.createElement("p", { className: "pf-v6-u-mb-sm" },
             React.createElement(Trans, null, SubscriptionAbuseModalText)) }));
 }

package/lib/esm/components/CaseEditView/ConfirmationModals/ReopenCaseModal.d.ts

@@ -1,13 +1,11 @@
 import React from 'react';
-import { CaseStatusEnum } from '../../../constants/caseDetailsConstants';
 interface IProps {
     onConfirm: (commentBody: any, newStatus: any, reopenedAt?: any, reopenedBySSOName?: any, reopenedReason?: any, reopenedReasonOther?: any) => void;
     onClose: () => void;
     caseNumber: string;
     isInternal: boolean;
-    allStatuses: string[];
     isUpdating: boolean;
-    reopenStatus: CaseStatusEnum;
+    reopenStatus: string;
     whoIsUpdating: string;
 }
 export declare function ReopenCaseModal(props: IProps): React.JSX.Element;

package/lib/esm/components/CaseEditView/ConfirmationModals/ReopenCaseModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReopenCaseModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ConfirmationModals/ReopenCaseModal.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAEzE,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,KAAA,EAAE,SAAS,KAAA,EAAE,UAAU,CAAC,KAAA,EAAE,iBAAiB,CAAC,KAAA,EAAE,cAAc,CAAC,KAAA,EAAE,mBAAmB,CAAC,KAAA,KAAK,IAAI,CAAC;IACpH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,cAAc,CAAC;IAC7B,aAAa,EAAE,MAAM,CAAC;CACzB;AAMD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,qBAuM5C"}
+{"version":3,"file":"ReopenCaseModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ConfirmationModals/ReopenCaseModal.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,KAAA,EAAE,SAAS,KAAA,EAAE,UAAU,CAAC,KAAA,EAAE,iBAAiB,CAAC,KAAA,EAAE,cAAc,CAAC,KAAA,EAAE,mBAAmB,CAAC,KAAA,KAAK,IAAI,CAAC;IACpH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;CACzB;AAMD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,qBAmN5C"}