@rh-support/troubleshoot 2.4.10-beta.7 → 2.5.0

package/lib/esm/components/CaseEditView/CaseOverview/index.js

@@ -8,18 +8,20 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { Alert, AlertVariant, Button, ButtonVariant, ExpandableSection, Label, ModalVariant, } from '@patternfly/react-core';
+import LockIcon from '@patternfly/react-icons/dist/js/icons/lock-icon';
 import { ToastNotification, useConfirmation } from '@rh-support/components';
 import { CloseCaseModal, fetchCaseSeverities, fetchCaseTypes, GlobalMetadataDispatchContext, GlobalMetadataStateContext, useCanEditCase, } from '@rh-support/react-context';
 import { AbilityContext, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
-import { haventLoadedMetadata, isOpenShiftOnlineProduct, toNewCaseTypeMapper, toNewCaseTypeSwitcher, } from '@rh-support/utils';
+import { dtmTrackEventCaseStepEncountered, haventLoadedMetadata, isOpenShiftOnlineProduct, PreviousCaseTypes, toNewCaseTypeMapper, toNewCaseTypeSwitcher, } from '@rh-support/utils';
 import isEqual from 'lodash/isEqual';
-import React, { useContext, useEffect, useReducer, useRef, useState } from 'react';
+import React, { useContext, useEffect, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { CaseStatusEnum } from '../../../constants/caseDetailsConstants';
 import { useCaseDispatch, useCaseSelector } from '../../../context/CaseContext';
+import { CaseOverviewDispatchContext, CaseOverviewStateContext } from '../../../context/CaseOverviewContext';
 import { useCaseUpdateErrorMessage } from '../../../hooks/useCaseUpdateErrorMessage';
 import { SupportLevelDisplay } from '../../../reducers/CaseConstNTypes';
-import { caseOverviewReducer, fetchAllStatuses, fetchCaseHydra, initialCaseViewState, setSeverityUpdating, setStatusUpdating, setTypeUpdating, } from '../../../reducers/CaseOverviewReducer';
+import { fetchAllStatuses, fetchCaseHydra, setSeverityUpdating, setStatusUpdating, setTypeUpdating, } from '../../../reducers/CaseOverviewReducer';
 import { updateCaseDetails } from '../../../reducers/CaseReducer';
 import Severity from '../../CaseInformation/Severity';
 import { usePostComment } from '../../shared/usePostComment';
@@ -27,7 +29,6 @@ import { ReopenCaseModal } from '../ConfirmationModals/ReopenCaseModal';
 import { PDFContext } from '../PDFContainer';
 import { CaseInformation } from '../Tabs/CaseDetails/CaseInformation';
 import { CaseContactPhoneNumberAlert } from '../Tabs/CaseDetails/CasePhoneNumberConfirmAlert';
-import { CasePhoneNumberSev1ConfirmAlert } from '../Tabs/CaseDetails/CasePhoneNumberSev1ConfirmAlert';
 import Summary from '../Tabs/CaseDetails/Summary';
 import CaseOwnerInfo from './CaseOwnerInfo';
 import CaseStatus from './CaseStatus';
@@ -40,29 +41,30 @@ export default function CaseOverview(props) {
     const canManageCase = ability.can(resourceActions.UPDATE, resources.CASE_DETAILS);
     const canSeeCaseOwnerInfo = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_OWNER);
     const canSeeInactivityWarning = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_ACTIVITY_WARNING);
-    const [caseOverviewState, caseOverviewDispatch] = useReducer(caseOverviewReducer, initialCaseViewState);
+    const caseOverviewState = useContext(CaseOverviewStateContext);
+    const caseOverviewDispatch = useContext(CaseOverviewDispatchContext);
     const [isDetailsExpanded, setIsDetailsExpanded] = useState(true);
     const [showReOpenCaseModal, setShowReopenCaseModal] = useState(false);
     const [showCloseCaseModal, setShowCaseCloseModal] = useState(false);
     const { isExportingPDF, exportPDFButton } = useContext(PDFContext);
     const reopenStatusRef = useRef(null);
     const { postComment, isPostingComment } = usePostComment({ caseNumber: props.caseNumber });
-    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,
-        },
+    const { product, version, status, caseType, createdDate, createdById, ownerId, caseNumber, entitlementSla, cep, accountNumber, isPrivate, isCaseUpdating, contactIsPartner, hotfixRequested, hotfixDelivered, selectedAccountDetails, firstCaseInactivityWarningSentAt, secondCaseInactivityWarningSentAt, } = useCaseSelector((state) => ({
+        product: state.caseDetails.product,
+        version: state.caseDetails.version,
+        status: state.caseDetails.status,
+        caseType: state.caseDetails.caseType,
+        caseSeverity: state.caseDetails.severity,
+        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,
+        isPrivate: state.caseDetails.isPrivate,
         isCaseUpdating: state.isCaseUpdating,
         contactIsPartner: state.contactIsPartner,
         hotfixRequested: state.hotfixRequested,
@@ -71,8 +73,6 @@ export default function CaseOverview(props) {
     }), isEqual);
     const canEditCase = useCanEditCase();
     const caseDispatch = useCaseDispatch();
-    const { product, version, status, caseType, createdDate, createdById, ownerId, caseNumber, entitlementSla, cep, accountNumber, } = caseState.caseDetails;
-    const { isCaseUpdating, contactIsPartner, hotfixRequested, hotfixDelivered, selectedAccountDetails, caseDetails: { firstCaseInactivityWarningSentAt, secondCaseInactivityWarningSentAt }, } = caseState;
     const globalMetadataDispatchContext = useContext(GlobalMetadataDispatchContext);
     const { globalMetadataState: { allCaseTypes, allCaseSeverities, viewAsCustomer, loggedInUsersAccount, loggedInUserRights, }, } = useContext(GlobalMetadataStateContext);
     const switchedCaseType = toNewCaseTypeSwitcher(caseType);
@@ -96,6 +96,7 @@ export default function CaseOverview(props) {
         if (haventLoadedMetadata(caseOverviewState.allCaseStatuses)) {
             fetchAllStatuses(caseOverviewDispatch, loggedInUsersAccount.data.secureSupport);
         }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         globalMetadataDispatchContext,
         allCaseSeverities,
@@ -111,7 +112,11 @@ export default function CaseOverview(props) {
             return;
         setTypeUpdating(caseOverviewDispatch, true);
         try {
-            yield updateCaseDetails(caseDispatch, props.caseNumber, { caseType: type });
+            let newCaseDetails = { caseType: type };
+            if (type === PreviousCaseTypes.FEATURE_ENHANCEMENT) {
+                newCaseDetails = Object.assign(Object.assign({}, newCaseDetails), { fts: false });
+            }
+            yield updateCaseDetails(caseDispatch, props.caseNumber, newCaseDetails);
             setTypeUpdating(caseOverviewDispatch, false);
             ToastNotification.addSuccessMessage(t('Support type has been successfully updated'));
         }
@@ -141,7 +146,7 @@ export default function CaseOverview(props) {
             caseUpdateError.showError(e, t('Severity failed to update'));
         }
     });
-    const updateStatusState = (statusVal, reopenedAt, reopenedBySSOName, reopenedReason, reopenedReasonOther, onStatusUpdate = null) => __awaiter(this, void 0, void 0, function* () {
+    const updateStatusState = (statusVal_1, reopenedAt_1, reopenedBySSOName_1, reopenedReason_1, reopenedReasonOther_1, ...args_1) => __awaiter(this, [statusVal_1, reopenedAt_1, reopenedBySSOName_1, reopenedReason_1, reopenedReasonOther_1, ...args_1], void 0, function* (statusVal, reopenedAt, reopenedBySSOName, reopenedReason, reopenedReasonOther, onStatusUpdate = null) {
         setStatusUpdating(caseOverviewDispatch, true);
         let updateStatusObj = {
             status: statusVal,
@@ -184,7 +189,7 @@ export default function CaseOverview(props) {
     const onCaseClose = () => __awaiter(this, void 0, void 0, function* () {
         setShowCaseCloseModal(true);
     });
-    const onCaseReopen = (selectedStatus = null) => __awaiter(this, void 0, void 0, function* () {
+    const onCaseReopen = (...args_1) => __awaiter(this, [...args_1], void 0, function* (selectedStatus = null) {
         reopenStatusRef.current = selectedStatus;
         setShowReopenCaseModal(true);
     });
@@ -221,18 +226,17 @@ export default function CaseOverview(props) {
             React.createElement("div", { className: "case-overview-header" },
                 canSeeInactivityWarning && isCaseInOpenState && (React.createElement(React.Fragment, null,
                     ' ',
-                    firstCaseInactivityWarningSentAt && !secondCaseInactivityWarningSentAt && (React.createElement(Alert, { className: "pf-u-mb-md", isInline: true, title: React.createElement(React.Fragment, null,
-                            React.createElement("h3", { className: "pf-u-mb-sm pf-c-alert__title" },
+                    firstCaseInactivityWarningSentAt && !secondCaseInactivityWarningSentAt && (React.createElement(Alert, { className: "pf-v5-u-mb-md", isInline: true, title: React.createElement(React.Fragment, null,
+                            React.createElement("h3", { className: "pf-v5-u-mb-sm pf-v5-c-alert__title" },
                                 React.createElement(Trans, null, "Case inactivity notification")),
-                            React.createElement("p", { className: "pf-u-mb-sm" },
+                            React.createElement("p", { className: "pf-v5-u-mb-sm" },
                                 React.createElement(Trans, null, "The customer has received one warning regarding inactivity."))) })),
-                    firstCaseInactivityWarningSentAt && secondCaseInactivityWarningSentAt && (React.createElement(Alert, { className: "pf-u-mb-md", isInline: true, variant: AlertVariant.warning, title: React.createElement(React.Fragment, null,
-                            React.createElement("h3", { className: "pf-u-mb-sm pf-c-alert__title" },
+                    firstCaseInactivityWarningSentAt && secondCaseInactivityWarningSentAt && (React.createElement(Alert, { className: "pf-v5-u-mb-md", isInline: true, variant: AlertVariant.warning, title: React.createElement(React.Fragment, null,
+                            React.createElement("h3", { className: "pf-v5-u-mb-sm pf-v5-c-alert__title" },
                                 React.createElement(Trans, null, "Case inactivity warning")),
-                            React.createElement("p", { className: "pf-u-mb-sm" },
+                            React.createElement("p", { className: "pf-v5-u-mb-sm" },
                                 React.createElement(Trans, null, "The customer has received two warnings regarding inactivity. This case will be closed soon if we don't receive any input."))) })))),
                 React.createElement(CaseContactPhoneNumberAlert, { isReview: true, tabRef: props.tabsRef }),
-                React.createElement(CasePhoneNumberSev1ConfirmAlert, { isReview: true, tabRef: props.tabsRef }),
                 React.createElement("header", null,
                     React.createElement("h2", { className: "case-ID" },
                         React.createElement(Trans, null, "Case"),
@@ -240,7 +244,7 @@ export default function CaseOverview(props) {
                         props.caseNumber),
                     React.createElement("div", null,
                         exportPDFButton(props.caseNumber),
-                        React.createElement(Button, Object.assign({ className: `pf-u-ml-md ${isExportingPDF ? 'hide-in-pdf' : ''}`, isDisabled: !canManageCase || (caseOverviewState.caseStatusUpdating && isCaseUpdating) }, (caseOverviewState.caseStatusUpdating &&
+                        React.createElement(Button, Object.assign({ className: `pf-v5-u-ml-md ${isExportingPDF ? 'hide-in-pdf' : ''}`, isDisabled: !canManageCase || (caseOverviewState.caseStatusUpdating && isCaseUpdating) }, (caseOverviewState.caseStatusUpdating &&
                             isCaseUpdating && {
                             isLoading: true,
                         }), { onClick: () => (isCaseInOpenState ? onCaseClose() : onCaseReopen()), variant: isCaseInOpenState ? ButtonVariant.secondary : ButtonVariant.tertiary, "data-tracking-id": isCaseInOpenState
@@ -254,6 +258,10 @@ export default function CaseOverview(props) {
                 canSeeManagedByPartnerFlag && (React.createElement(Label, { className: "push-right-narrow", color: "green" },
                     React.createElement(Trans, null, "Managed by a partner"))),
                 canSeeInternalFlags && (React.createElement(React.Fragment, null,
+                    isPrivate && (React.createElement(Label, { className: "push-right-narrow", color: "red" },
+                        React.createElement(LockIcon, { "aria-hidden": true }),
+                        " ",
+                        React.createElement(Trans, null, "Private Case"))),
                     hotfixRequested && (React.createElement(Label, { className: "push-right-narrow", color: "blue" },
                         React.createElement(Trans, null, "Hot fix requested"))),
                     hotfixDelivered && (React.createElement(Label, { className: "push-right-narrow", color: "green" },
@@ -280,7 +288,7 @@ export default function CaseOverview(props) {
                     React.createElement("div", null, createdDate ? React.createElement(DateTime, { dateTimeString: createdDate }) : null)),
                 canSeeCaseOwnerInfo && (React.createElement(CaseOwnerInfo, { owner: ownerId, caseDetailsHydra: caseOverviewState.caseDetailsHydra }))),
             React.createElement("div", { className: "case-overview-secondary card card-md card-light push-bottom" },
-                React.createElement("div", { className: "pf-l-grid pf-m-gutter pf-m-all-4-col-on-lg" },
+                React.createElement("div", { className: "pf-v5-l-grid pf-m-gutter pf-m-all-4-col-on-lg" },
                     React.createElement("div", { className: "form-wrapper" },
                         React.createElement(CaseStatus, { selectedStatus: status, onStatusChange: onStatusChange, isDisabled: !canManageCase || caseOverviewState.allCaseStatuses.isFetching, allStatuses: caseOverviewState.allCaseStatuses.data, isFetching: caseOverviewState.caseStatusUpdating && isCaseUpdating, hasError: caseOverviewState.allCaseStatuses.isError })),
                     React.createElement("div", { className: "form-wrapper" },
@@ -293,6 +301,7 @@ export default function CaseOverview(props) {
                 yield updateStatusState(CaseStatusEnum.CLOSED);
                 yield postCommentAfterStatusUpdate(commentBody);
                 setShowCaseCloseModal(false);
+                dtmTrackEventCaseStepEncountered('close', caseNumber, product, version);
             }), isUpdating: (caseOverviewState.caseStatusUpdating && isCaseUpdating) || isPostingComment, onClose: () => {
                 setShowCaseCloseModal(false);
             }, caseNumber: caseNumber })),

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

@@ -1 +1 @@
-{"version":3,"file":"CaseSolutions.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseSolutions/CaseSolutions.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAsD,MAAM,OAAO,CAAC;AA+D3E,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,sBAAsB,EAAE,OAAO,CAAC;CACnC;AAUD,eAAO,MAAM,aAAa,+EA2YxB,CAAC"}
+{"version":3,"file":"CaseSolutions.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseSolutions/CaseSolutions.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAuE3E,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,sBAAsB,EAAE,OAAO,CAAC;CACnC;AAUD,eAAO,MAAM,aAAa,+EAkhBxB,CAAC"}

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

@@ -19,8 +19,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { search } from '@cee-eng/hydrajs';
-import { Accordion, AccordionContent, AccordionItem, AccordionToggle } from '@patternfly/react-core';
+import { Accordion, AccordionContent, AccordionItem, AccordionToggle, Button, Modal, 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';
 import { getSolrParams } from '@rh-support/utils';
 import find from 'lodash/find';
@@ -28,12 +29,18 @@ import isEqual from 'lodash/isEqual';
 import some from 'lodash/some';
 import React, { forwardRef, useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
+import { CaseStatusEnum } from '../../../constants/caseDetailsConstants';
 import { useCaseDispatch, useCaseSelector } from '../../../context/CaseContext';
+import { CaseOverviewDispatchContext } from '../../../context/CaseOverviewContext';
 import { useRecommendationDispatchContext, useRecommendationStateContext, } from '../../../context/RecommendationContext';
 import { useCaseUpdateErrorMessage } from '../../../hooks/useCaseUpdateErrorMessage';
+import { setStatusUpdating } from '../../../reducers/CaseOverviewReducer';
 import { updateCaseDetails } from '../../../reducers/CaseReducer';
-import { fetchRecommendations } from '../../../reducers/RecommendationsReducer';
+import { fetchRecommendations, fetchWatsonXRecommendations } from '../../../reducers/RecommendationsReducer';
+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* () {
@@ -47,7 +54,9 @@ const titleFix = (recommendations, allDocs) => __awaiter(void 0, void 0, void 0,
                 (recommendationWithSameID.publishedTitle || recommendationWithSameID.allTitle)) {
                 rec.title = (recommendationWithSameID === null || recommendationWithSameID === void 0 ? void 0 : recommendationWithSameID.publishedTitle) || (recommendationWithSameID === null || recommendationWithSameID === void 0 ? void 0 : recommendationWithSameID.allTitle);
                 rec.solutionAbstract =
-                    (recommendationWithSameID === null || recommendationWithSameID === void 0 ? void 0 : recommendationWithSameID.publishedAbstract) || (recommendationWithSameID === null || recommendationWithSameID === void 0 ? void 0 : recommendationWithSameID.abstract);
+                    (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 {
                 ids.push(rec.resourceId);
@@ -62,7 +71,7 @@ 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.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);
             });
         }
         catch (e) {
@@ -81,26 +90,58 @@ const titleFix = (recommendations, allDocs) => __awaiter(void 0, void 0, void 0,
 // A recommendation can be both link and pin. We use pinnedBy and linkedBy fileds to identify them
 export const CaseSolutions = forwardRef((props, ref) => {
     const caseUpdateError = useCaseUpdateErrorMessage();
-    const { product, version, summary, description, recomendationsObj, isFetchingCaseDetails } = useCaseSelector((state) => ({
+    const { product, version, summary, description, recomendationsObj, isFetchingCaseDetails, caseStatus } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
         summary: state.caseDetails.summary,
         description: state.caseDetails.description,
         recomendationsObj: state.caseDetails.caseResourceLinks,
         isFetchingCaseDetails: state.isFetchingCaseDetails,
+        caseStatus: state.caseDetails.status,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
+    const caseOverviewDispatch = useContext(CaseOverviewDispatchContext);
     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({});
-    const [expanded, setExpanded] = useState('sol-handpicked');
+    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);
     const { t } = useTranslation();
     const hasPin = some(recommendations, (p) => p.isPinned);
     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.`;
+    };
+    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'));
+            setIsCloseCaseModalOpen(false);
+        }
+        catch (err) {
+            caseUpdateError.showError(err, t('Status failed to update'));
+        }
+        finally {
+            setIsCaseCloseLoading(false);
+            setStatusUpdating(caseOverviewDispatch, false);
+        }
+    });
     const updateRecommendation = (recommendationToUpdate, linked) => __awaiter(void 0, void 0, void 0, function* () {
         const recommendation = {
             resourceId: recommendationToUpdate.resourceId,
@@ -109,7 +150,7 @@ export const CaseSolutions = forwardRef((props, ref) => {
         };
         if (recommendationToUpdate.resourceViewURI)
             recommendation.resourceViewURI = recommendationToUpdate.resourceViewURI;
-        // for some doc types like Errata we don't have resourceURI. If resourceURI was not avalable,
+        // 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
@@ -122,6 +163,9 @@ export const CaseSolutions = forwardRef((props, ref) => {
     });
     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);
+    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 })));
@@ -175,12 +219,28 @@ export const CaseSolutions = forwardRef((props, ref) => {
     useEffect(() => {
         function fetchRecs() {
             if (product && version && summary && description) {
-                const payload = { product, version, summary, description };
-                fetchRecommendations(recommendationsDispatch, payload, 50, 5, 300, false, caseNumber, isSecureSupportAccount);
+                const payload = {
+                    product,
+                    version,
+                    summary,
+                    description: extractKTQuestion1FromDescription(description),
+                };
+                !loggedInUsersAccount.data.secureSupport
+                    ? fetchWatsonXRecommendations(recommendationsDispatch, payload, 50, 5, 300, true)
+                    : fetchRecommendations(recommendationsDispatch, payload, 50, 5, 300, false, caseNumber, isSecureSupportAccount);
             }
         }
         fetchRecs();
-    }, [product, version, summary, description, recommendationsDispatch, caseNumber, isSecureSupportAccount]);
+    }, [
+        product,
+        version,
+        summary,
+        description,
+        recommendationsDispatch,
+        caseNumber,
+        isSecureSupportAccount,
+        loggedInUsersAccount.data.secureSupport,
+    ]);
     // populate solutions when result is ready
     useEffect(() => {
         const mapRecommendation = (doc) => {
@@ -190,7 +250,7 @@ export const CaseSolutions = forwardRef((props, ref) => {
                 resourceViewURI: doc.view_uri,
                 title: doc.publishedTitle || doc.allTitle,
                 resourceType: doc.documentKind,
-                solutionAbstract: doc.publishedAbstract || doc.abstract,
+                solutionAbstract: doc.snippet || doc.publishedAbstract || doc.abstract,
             };
             return rec;
         };
@@ -210,49 +270,57 @@ 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 ? 'Unpin' : 'Pin', isPinLoading: isPinLoading, index: index, recommendation: recommendation, onPinClicked: updateRecommendations(recommendation, recommendation.isPinned, undefined) })),
-        canLinkUnlink && (React.createElement(CaseSolutionsItem, { showLink: true, type: type, pinTitle: recommendation.isLinked ? 'Unlink' : 'Link', isPinLoading: isPinLoading, index: index, recommendation: recommendation, onPinClicked: updateRecommendations(recommendation, undefined, recommendation.isLinked) }))));
+        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, type: type, pinTitle: recommendation.isPinned ? 'Unpin' : 'Pin', isPinLoading: isPinLoading, index: index, recommendation: recommendation, onPinClicked: updateRecommendations(recommendation, recommendation.isPinned, undefined) }));
+    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) }));
     // customer logged in: we show links but perform pin/unpin
-    const renderHandpickedCustomerView = (recommendation, index, type) => (React.createElement(CaseSolutionsItem, { showPin: true, type: type, pinTitle: recommendation.isPinnedAndLinked ? 'Unpin' : 'Pin', isPinLoading: isPinLoading, index: index, recommendation: recommendation, onPinClicked: updateRecommendations(recommendation, recommendation.isPinned, undefined) }));
+    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) }));
     // 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 ? 'Unpin' : 'Pin', isPinLoading: isPinLoading, index: index, recommendation: recommendation, onPinClicked: updateRecommendations(recommendation, undefined, recommendation.isLinked) }));
+    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) }));
     // redhatter logged in: we show links and perform link/unlink
-    const renderHandPickedByRedHatter = (recommendation, index, type) => (React.createElement(CaseSolutionsItem, { showLink: true, type: type, pinTitle: recommendation.isLinked ? 'Unlink' : 'Link', isPinLoading: isPinLoading, index: index, recommendation: recommendation, onPinClicked: updateRecommendations(recommendation, undefined, recommendation.isLinked) }));
-    const setExpandedSection = (id) => {
-        expanded === id ? setExpanded('') : setExpanded(id);
-    };
+    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 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: [
+            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.")));
     return (React.createElement(React.Fragment, null,
+        closeCaseModal,
+        linkedRecommendations.length !== 0 && pinnedRecommendations.length !== 0 && (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" },
-                React.createElement(Trans, null, "Top recommendations")),
+            React.createElement("h3", { className: "card-heading case-detail-panel-card-heading" },
+                React.createElement(Trans, null, "Knowledgebase recommendations")),
             React.createElement("div", { className: "card-body" },
-                React.createElement(PaginatedList, { id: "case-details-top-recommendations", className: "list-icons list-icons-flush", listItems: topRecommendations.map((rec, index) => renderTopRecommendations(rec, index, 'top-recommendations')), perPage: 5, isFetching: !!isLoadingRecommendations, perPageOptions: [
+                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: [
                         { title: '5', value: 5 },
                         { title: '10', value: 10 },
-                    ] })))),
-        (hasPin || hasLink) && (React.createElement(Accordion, { asDefinitionList: false, className: "card card-white case-details-aside-solutions" },
-            hasLink && (React.createElement(AccordionItem, null,
-                React.createElement(AccordionToggle, { id: "sol-handpicked", isExpanded: expanded === 'sol-handpicked', onClick: () => setExpandedSection('sol-handpicked') }, canLinkUnlink ? React.createElement(Trans, null, "Handpicked by you") : React.createElement(Trans, null, "Handpicked for you")),
-                React.createElement(AccordionContent, { isHidden: expanded !== 'sol-handpicked' },
-                    React.createElement(PaginatedList, { id: "case-details-handpicked-recommendations", listItems: recommendations
-                            .filter((r) => r.isLinked)
-                            .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 },
-                        ] })))),
-            hasPin && (React.createElement(AccordionItem, null,
-                React.createElement(AccordionToggle, { id: "sol-pinned", isExpanded: expanded === 'sol-pinned', onClick: () => setExpandedSection('sol-pinned') }, canLinkUnlink ? React.createElement(Trans, null, "Pinned by customer") : React.createElement(Trans, null, "Your pins")),
-                React.createElement(AccordionContent, { isHidden: expanded !== 'sol-pinned' },
-                    React.createElement(PaginatedList, { id: "case-details-pinned-recommendations", listItems: recommendations
-                            .filter((r) => r.isPinned)
-                            .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 },
-                        ] }))))))));
+                    ] }))))));
 });

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

@@ -1,6 +1,9 @@
 import { ICaseResourceLink } from '@cee-eng/hydrajs/@types/api/public/case';
+import React from 'react';
+import { CaseRecommendationEvalEnum } from '../../../constants/caseDetailsConstants';
 interface IProps {
     showPin?: boolean;
+    isPinned?: boolean;
     showLink?: boolean;
     pinTitle: string;
     index: number;
@@ -8,12 +11,14 @@ interface IProps {
     isPinLoading: any;
     onPinClicked: () => void;
     type: string;
+    onLinkClick: (name: string) => void;
 }
-interface ICaseDetailAsideRecommendation extends Partial<ICaseResourceLink> {
+export interface ICaseDetailAsideRecommendation extends Partial<ICaseResourceLink> {
     isPinned?: boolean;
     isLinked?: boolean;
     solutionAbstract?: string;
+    customerEvaluation?: CaseRecommendationEvalEnum;
 }
-export declare function CaseSolutionsItem(props: IProps): JSX.Element;
+export declare function CaseSolutionsItem(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=CaseSolutionsItem.d.ts.map

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;AAS5E,UAAU,MAAM;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,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;CAChB;AAED,UAAU,8BAA+B,SAAQ,OAAO,CAAC,iBAAiB,CAAC;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,eA4C9C"}
+{"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"}

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

@@ -1,6 +1,7 @@
-import { Button } from '@patternfly/react-core';
+import { Button, Icon } from '@patternfly/react-core';
 import LinkIcon from '@patternfly/react-icons/dist/js/icons/link-icon';
-import ThumbTackIcon from '@patternfly/react-icons/dist/js/icons/thumb-tack-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';
 import { cleanupMarkDown, decodeMarkTag, truncate } from '@rh-support/utils';
 import DOMPurify from 'dompurify';
@@ -9,15 +10,16 @@ export function CaseSolutionsItem(props) {
     const maxTitleLength = 150;
     const maxAbstractLength = 150;
     const isLoading = !!props.isPinLoading[props.recommendation.resourceId];
-    return (React.createElement(React.Fragment, null,
+    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(ThumbTackIcon, { className: "pinned-resource" }),
+                !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)),
-            React.createElement("a", { href: props.recommendation.resourceViewURI, "data-tracking-id": `case-resource-${props.type}-link-${props.index}`, target: "_blank", rel: "noopener noreferrer", dangerouslySetInnerHTML: {
+            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') })),
         React.createElement("div", { className: "result-body", dangerouslySetInnerHTML: {
                 __html: DOMPurify.sanitize(truncate(cleanupMarkDown(decodeMarkTag(props.recommendation.solutionAbstract || '')), maxAbstractLength)),
             } })));

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ICaseDetailAsideRecommendation } from './CaseSolutionsItem';
+interface IProps {
+    pinTitle: string;
+    caseNumber: string;
+    index: number;
+    recommendation: ICaseDetailAsideRecommendation;
+    isPinLoading: any;
+    onRecommendationLike: () => void;
+    type: string;
+    onLinkClick: (name: string) => void;
+}
+export declare function HandpickedItem(props: IProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=HandpicketItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HandpicketItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseSolutions/HandpicketItem.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,EAAE,8BAA8B,EAAE,MAAM,qBAAqB,CAAC;AAErE,UAAU,MAAM;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,8BAA8B,CAAC;IAC/C,YAAY,EAAE,GAAG,CAAC;IAClB,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,qBAyH3C"}