@rh-support/troubleshoot 2.2.50 → 2.4.10-beta.6

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

@@ -1,76 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { kcs } from '@cee-eng/hydrajs';
-import { ActionList, ActionListItem, Button, Icon } from '@patternfly/react-core';
-import OutlinedThumbsDownIcon from '@patternfly/react-icons/dist/js/icons/outlined-thumbs-down-icon';
-import OutlinedThumbsUpIcon from '@patternfly/react-icons/dist/js/icons/outlined-thumbs-up-icon';
-import ThumbsDownIcon from '@patternfly/react-icons/dist/js/icons/thumbs-down-icon';
-import ThumbsUpIcon from '@patternfly/react-icons/dist/js/icons/thumbs-up-icon';
-import { LoadingIndicator } from '@rh-support/components';
-import { cleanupMarkDown, decodeMarkTag, truncate } from '@rh-support/utils';
-import DOMPurify from 'dompurify';
-import React, { useState } from 'react';
-import { Trans } from 'react-i18next';
-import { CaseRecommendationEvalEnum } from '../../../constants/caseDetailsConstants';
-export function HandpickedItem(props) {
-    const { recommendation } = props;
-    const [evaluation, setEvaluation] = useState((recommendation === null || recommendation === void 0 ? void 0 : recommendation.customerEvaluation) || CaseRecommendationEvalEnum.NEUTRAL);
-    const [helpfulBtnLoading, setHelpfulBtnLoading] = useState(false);
-    const [notHelpfulBtnLoading, setNotHelpfulBtnLoading] = useState(false);
-    const maxAbstractLength = 150;
-    const maxTitleLength = 150;
-    const updateEvaluation = (customerEvaluation) => __awaiter(this, void 0, void 0, function* () {
-        if (customerEvaluation === CaseRecommendationEvalEnum.HELPFUL) {
-            setHelpfulBtnLoading(true);
-        }
-        else {
-            setNotHelpfulBtnLoading(true);
-        }
-        if (evaluation === customerEvaluation)
-            customerEvaluation = CaseRecommendationEvalEnum.NEUTRAL;
-        setEvaluation(customerEvaluation);
-        const evalBody = {
-            caseNumber: props.caseNumber,
-            customerEvaluation: customerEvaluation,
-            resourceType: recommendation.resourceType,
-            resourceId: recommendation.resourceId,
-        };
-        //resourceURI is required for non Solution/Article KCS resources
-        if (recommendation.resourceType !== 'Solution') {
-            evalBody.resourceURI = recommendation.resourceURI;
-        }
-        try {
-            yield kcs.postResourceEvaluation(evalBody);
-        }
-        catch (e) {
-            //
-        }
-        setHelpfulBtnLoading(false);
-        setNotHelpfulBtnLoading(false);
-        if (customerEvaluation === CaseRecommendationEvalEnum.HELPFUL) {
-            props.onRecommendationLike();
-        }
-    });
-    return (React.createElement("div", { className: "handpicked-resource pf-v5-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)),
-                } })),
-        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(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(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/Tabs/RelatedTickets/RelatedTickets.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"RelatedTickets.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/RelatedTickets/RelatedTickets.tsx"],"names":[],"mappings":"AAmCA,QAAA,MAAM,cAAc,mBA0KnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -1,118 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { Badge, EmptyState, EmptyStateHeader, EmptyStateIcon, EmptyStateVariant, Pagination, SearchInput, ToggleGroup, ToggleGroupItem, } from '@patternfly/react-core';
-import CubesIcon from '@patternfly/react-icons/dist/esm/icons/cubes-icon';
-import { Table, Tbody, Td, Th, Thead, Tr } from '@patternfly/react-table';
-import isEqual from 'lodash/isEqual';
-import React, { useEffect, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useCaseSelector } from '../../../../context/CaseContext';
-const columnNames = {
-    id: 'Task ID',
-    type: 'Type',
-    status: 'Status',
-    title: 'Summary',
-};
-const RelatedTickets = () => {
-    const [activeToggleKey, setActiveToggleKey] = useState('all');
-    const [currentPage, setCurrentPage] = useState(1);
-    const [itemsPerPage, setItemsPerPage] = useState(10);
-    const [searchQuery, setSearchQuery] = useState('');
-    const { caseNumber, bugzillaFetch, externalTrackers } = useCaseSelector((state) => ({
-        caseNumber: state.caseDetails.caseNumber,
-        bugzillaFetch: state.caseDetails.bugzillas,
-        externalTrackers: state.caseDetails.externalTrackers,
-    }), isEqual);
-    const [bugzillaData, setBugzillaData] = useState([]);
-    const [jiraData, setJiraData] = useState([]);
-    const { t } = useTranslation();
-    // reset pagination when searching for edge case
-    useEffect(() => {
-        setCurrentPage(1);
-    }, [searchQuery, activeToggleKey]);
-    useEffect(() => {
-        const fetchData = () => __awaiter(void 0, void 0, void 0, function* () {
-            try {
-                const bugzillaTransformed = bugzillaFetch.map((bugzilla) => ({
-                    id: bugzilla.caseNumber,
-                    type: 'Bugzilla',
-                    link: bugzilla.bugzillaLink || '',
-                    status: bugzilla.status || 'N/A',
-                    title: bugzilla.summary || 'N/A',
-                    date: new Date(bugzilla.linkedAt),
-                }));
-                setBugzillaData(bugzillaTransformed);
-                const jiraResults = externalTrackers;
-                const jiraTransformed = jiraResults.map((jira) => ({
-                    id: jira.resourceKey,
-                    type: 'Jira',
-                    link: jira.resourceURL || '',
-                    status: jira.status || 'N/A',
-                    title: jira.title || 'N/A',
-                    date: new Date(jira.createdAt),
-                }));
-                setJiraData(jiraTransformed);
-            }
-            catch (error) {
-                console.log(error);
-            }
-        });
-        fetchData();
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [bugzillaFetch, caseNumber, externalTrackers]);
-    const combinedData = [...bugzillaData, ...jiraData].sort((a, b) => b.date.getTime() - a.date.getTime());
-    const filteredData = combinedData.filter((item) => {
-        const lowercasedQuery = searchQuery.toLowerCase();
-        if (searchQuery &&
-            !item.title.toLowerCase().includes(lowercasedQuery) &&
-            !item.id.toString().toLowerCase().includes(lowercasedQuery)) {
-            return false;
-        }
-        if (activeToggleKey === 'all')
-            return true;
-        if (activeToggleKey === 'bugzilla')
-            return item.type === 'Bugzilla';
-        if (activeToggleKey === 'jira')
-            return item.type === 'Jira';
-        return true;
-    });
-    //pagination
-    const startIdx = (currentPage - 1) * itemsPerPage;
-    const endIdx = startIdx + itemsPerPage;
-    const displayData = filteredData.slice(startIdx, endIdx);
-    return (React.createElement("section", { className: "card card-white" },
-        (activeToggleKey === 'all' && (bugzillaData.length > 0 || jiraData.length > 0)) ||
-            (activeToggleKey === 'bugzilla' && bugzillaData.length > 0) ||
-            (activeToggleKey === 'jira' && jiraData.length > 0) ? (React.createElement("div", { className: "related-ticket-search-input-container", id: "related-ticket-search-container" },
-            React.createElement(SearchInput, { className: "related-ticket-search-input", placeholder: t('Search by Task ID or Summary'), value: searchQuery, onChange: (event) => setSearchQuery(event.currentTarget.value), onClear: () => setSearchQuery('') }))) : null,
-        React.createElement(ToggleGroup, { "aria-label": "Toggle Group" },
-            React.createElement(ToggleGroupItem, { text: t('All'), isSelected: activeToggleKey === 'all', onChange: () => setActiveToggleKey('all'), "data-tracking-id": 'related-ticket-all' }),
-            React.createElement(ToggleGroupItem, { text: t('Bugzilla'), isSelected: activeToggleKey === 'bugzilla', onChange: () => setActiveToggleKey('bugzilla'), "data-tracking-id": 'related-ticket-bugzilla' }),
-            React.createElement(ToggleGroupItem, { text: t('Jira'), isSelected: activeToggleKey === 'jira', onChange: () => setActiveToggleKey('jira'), "data-tracking-id": 'related-ticket-jira' })),
-        filteredData.length > 0 ? (React.createElement(React.Fragment, null,
-            React.createElement(Table, { "aria-label": "Issue Table" },
-                React.createElement(Thead, null,
-                    React.createElement(Tr, null,
-                        React.createElement(Th, null, columnNames.id),
-                        React.createElement(Th, null, columnNames.type),
-                        React.createElement(Th, null, columnNames.status),
-                        React.createElement(Th, null, columnNames.title))),
-                React.createElement(Tbody, null, displayData.map((item) => (React.createElement(Tr, { key: item.id },
-                    React.createElement(Td, { dataLabel: columnNames.id }, item.link ? (React.createElement("a", { href: item.link, target: "_blank", rel: "noopener noreferrer" }, item.id)) : (item.id)),
-                    React.createElement(Td, { dataLabel: columnNames.type }, item.type),
-                    React.createElement(Td, { dataLabel: columnNames.status },
-                        React.createElement(Badge, { isRead: true }, item.status)),
-                    React.createElement(Td, { dataLabel: columnNames.title }, item.title)))))),
-            React.createElement("div", { className: "push-top" },
-                React.createElement(Pagination, { itemCount: filteredData.length, perPage: itemsPerPage, page: currentPage, onSetPage: (_, page) => setCurrentPage(page), onPerPageSelect: (_, perPage) => setItemsPerPage(perPage) })))) : (React.createElement("div", null,
-            React.createElement(EmptyState, { variant: EmptyStateVariant.full },
-                React.createElement(EmptyStateHeader, { titleText: t("There aren't any related tasks."), headingLevel: "h4", icon: React.createElement(EmptyStateIcon, { icon: CubesIcon }) }))))));
-};
-export default RelatedTickets;