@rh-support/troubleshoot 2.6.308 → 2.6.309

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

@@ -1 +1 @@
-{"version":3,"file":"CaseDetailsManagement.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseDetailsManagement.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAkBvD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,mBAAmB,CAAC;IAChC,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CAClD;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,KAAK,EAAE,MAAM,qBAmE1D"}
+{"version":3,"file":"CaseDetailsManagement.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseDetailsManagement.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAmBvD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,mBAAmB,CAAC;IAChC,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CAClD;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,KAAK,EAAE,MAAM,qBA0E1D"}

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

@@ -5,6 +5,7 @@ import React, { useContext, useState } from 'react';
 import { useCaseSelector } from '../../../../context/CaseContext';
 import { OwnerSelector } from '../../../AccountInfo/OwnerSelector';
 import CaseGroup from '../../../CaseInformation/CaseGroup';
+import CaseLabels from '../../../CaseInformation/CaseLabels';
 import Fts from '../../../CaseInformation/Fts';
 // import { Cep } from '../../../CaseManagement/Cep';
 // import { RHAssociatesSelector } from '../../../CaseManagement/RHAssociatesSelector';
@@ -45,7 +46,11 @@ export default function CaseDetailsManagement(props) {
                 React.createElement(CaseContactPhoneNumberAlert, { isConfirm: true }),
                 canSeeInternalStatus && React.createElement(CaseInternalStatus, null),
                 canSeeSBRGroups && React.createElement(CaseSbrGroups, null),
-                React.createElement(CaseGroup, null),
+                React.createElement(Flex, { direction: { default: 'column', lg: 'row' } },
+                    React.createElement(FlexItem, { flex: { default: 'flex_1' } },
+                        React.createElement(CaseGroup, null)),
+                    React.createElement(FlexItem, { flex: { default: 'flex_1' } },
+                        React.createElement(CaseLabels, null))),
                 React.createElement(CaseReferenceNumber, null),
                 React.createElement(Fts, { inlineEditable: true }),
                 React.createElement(SFDCUrl, null),

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

@@ -182,7 +182,7 @@ const CaseComments = React.forwardRef((props, ref) => {
             .replace(/<\/?ul>/gi, ''));
     }
     const commentMarkdown = (markdown) => {
-        let htmlString = parseCommentMarkdown(markdown, { showButtonForAttachmentLink: true, disableImagePreview: isExportingPDF }, 
+        let htmlString = parseCommentMarkdown(markdown, { showButtonForAttachmentLink: true, disableImagePreview: isExportingPDF, encodeHTMLEntities: false }, 
         // @ts-ignore
         { openLinksInNewTab: true, gfm: true, breaks: true });
         if (isExportingPDF) {

package/lib/esm/components/CaseInformation/CaseLabels.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export default function CaseLabels(): React.JSX.Element;
+//# sourceMappingURL=CaseLabels.d.ts.map

package/lib/esm/components/CaseInformation/CaseLabels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CaseLabels.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/CaseLabels.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAUzD,MAAM,CAAC,OAAO,UAAU,UAAU,sBA6KjC"}

package/lib/esm/components/CaseInformation/CaseLabels.js

@@ -0,0 +1,98 @@
+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 { Label, MenuToggle, Select, SelectList, SelectOption, Spinner, } from '@patternfly/react-core';
+import { ToastNotification } from '@rh-support/components';
+import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
+import isEqual from 'lodash/isEqual';
+import React, { useContext, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { useCaseSelector } from '../../context/CaseContext';
+import { useCaseLabelLinks } from '../../hooks/useCaseLabelLinkMutations';
+const NUM_VISIBLE_LABELS = 3;
+export default function CaseLabels() {
+    const { t } = useTranslation();
+    const canEditCase = useCanEditCase();
+    const { globalMetadataState: { loggedInUser }, } = useContext(GlobalMetadataStateContext);
+    const isOrgAdmin = loggedInUser.data.isOrgAdmin;
+    const { caseId, salesforceAccountId } = useCaseSelector((state) => {
+        var _a, _b;
+        return ({
+            caseId: state.caseDetails.id,
+            salesforceAccountId: (_b = (_a = state.selectedAccountDetails) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.salesforceAccountId,
+        });
+    }, isEqual);
+    const { availableLabels, assignedLinks, selectedLabelIds, loading, mutating, setAssignedLinks, createLink, deleteLink, } = useCaseLabelLinks(salesforceAccountId, caseId);
+    const [isOpen, setIsOpen] = useState(false);
+    const handleSelect = (_event, labelId) => __awaiter(this, void 0, void 0, function* () {
+        if (!labelId || typeof labelId !== 'string')
+            return;
+        if (canEditCase.alert())
+            return;
+        const existingLink = assignedLinks.find((link) => link.labelId === labelId);
+        try {
+            if (existingLink) {
+                yield deleteLink(existingLink.linkId);
+                setAssignedLinks((prev) => prev.filter((link) => link.linkId !== existingLink.linkId));
+                ToastNotification.addSuccessMessage(t('Label has been removed'));
+            }
+            else {
+                const newId = yield createLink(caseId, labelId);
+                if (newId) {
+                    setAssignedLinks((prev) => [...prev, { linkId: newId, labelId }]);
+                }
+                ToastNotification.addSuccessMessage(t('Label has been added'));
+            }
+        }
+        catch (_a) {
+            ToastNotification.addDangerMessage(t('Failed to update labels'));
+        }
+    });
+    const handleChipRemove = (labelId) => __awaiter(this, void 0, void 0, function* () {
+        if (canEditCase.alert())
+            return;
+        const link = assignedLinks.find((l) => l.labelId === labelId);
+        if (!link)
+            return;
+        try {
+            yield deleteLink(link.linkId);
+            setAssignedLinks((prev) => prev.filter((l) => l.linkId !== link.linkId));
+            ToastNotification.addSuccessMessage(t('Label has been removed'));
+        }
+        catch (_a) {
+            ToastNotification.addDangerMessage(t('Failed to remove label'));
+        }
+    });
+    const selectedLabels = availableLabels.filter((l) => selectedLabelIds.includes(l.id));
+    const haltEvent = (e) => e.stopPropagation();
+    const toggle = (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: () => setIsOpen((prev) => !prev), isExpanded: isOpen, isDisabled: loading || mutating || !caseId || (!isOrgAdmin && availableLabels.length === 0), isFullWidth: true, style: { height: '36px' } }, loading || mutating ? (React.createElement(Spinner, { size: "md" })) : selectedLabels.length > 0 ? (React.createElement("span", { style: { display: 'flex', gap: '8px', alignItems: 'center', flexWrap: 'nowrap' } },
+        selectedLabels.slice(0, NUM_VISIBLE_LABELS).map((label) => (React.createElement(Label, { key: label.id, variant: "outline", onClose: () => handleChipRemove(label.id), closeBtnAriaLabel: t('Remove label {{name}}', { name: label.name }), onClick: haltEvent }, label.name))),
+        selectedLabels.length > NUM_VISIBLE_LABELS && (React.createElement("span", { style: {
+                color: 'var(--pf-t--global--text--color--link--default)',
+                fontSize: '12px',
+                whiteSpace: 'nowrap',
+                cursor: 'pointer',
+            } }, t('{{count}} more', { count: selectedLabels.length - NUM_VISIBLE_LABELS }))))) : availableLabels.length === 0 ? (t('No label assigned')) : (t('Select labels'))));
+    if (!caseId)
+        return null;
+    return (React.createElement("div", { className: "form-group" },
+        React.createElement("label", { htmlFor: "case-labels" },
+            React.createElement(Trans, null, "Labels")),
+        React.createElement(Select, { id: "case-labels", "data-tracking-id": "case-labels", role: "menu", isOpen: isOpen, onSelect: handleSelect, onOpenChange: () => setIsOpen(false), toggle: toggle, shouldFocusFirstItemOnOpen: false, isScrollable: true, popperProps: { direction: 'down', enableFlip: false } },
+            React.createElement(SelectList, { id: "case-labels-listbox" }, availableLabels.map((label) => (React.createElement(SelectOption, { key: label.id, value: label.id, hasCheckbox: true, isSelected: selectedLabelIds.includes(label.id) }, label.name))))),
+        !loading && availableLabels.length === 0 && (React.createElement("p", { className: "form-instructions" }, isOrgAdmin ? (React.createElement(Trans, null,
+            React.createElement("strong", null, "No labels available:"),
+            " You haven't created any labels yet.",
+            ' ',
+            React.createElement("a", { href: "/support/cases/#/manage/case-labels", style: { textDecoration: 'none' }, onClick: () => window.scrollTo(0, 0) }, "Create a label"),
+            ' ',
+            "to start organizing your cases.")) : (React.createElement(Trans, null,
+            React.createElement("strong", null, "No labels available:"),
+            " Your organization admin hasn't created any labels yet. Contact them to add labels before you can select one."))))));
+}

package/lib/esm/hooks/useCaseComments/mapCaseComment.js

@@ -61,7 +61,7 @@ export function mapCaseCommentNode(node) {
         createdDate: (_t = (_s = node.CreatedDate) === null || _s === void 0 ? void 0 : _s.value) !== null && _t !== void 0 ? _t : '',
         visibility: visibility !== null && visibility !== void 0 ? visibility : undefined,
         isPublic: deriveIsPublic(visibility),
-        contentType: 'plaintext',
+        contentType: 'markdown',
         isDraft: false,
         publishedDate: '',
     };

package/lib/esm/hooks/useCaseLabelLinkMutations.d.ts

@@ -0,0 +1,21 @@
+export interface LabelOption {
+    id: string;
+    name: string;
+}
+export interface LabelLink {
+    linkId: string;
+    labelId: string;
+}
+interface UseCaseLabelLinksResult {
+    availableLabels: LabelOption[];
+    assignedLinks: LabelLink[];
+    selectedLabelIds: string[];
+    loading: boolean;
+    mutating: boolean;
+    setAssignedLinks: React.Dispatch<React.SetStateAction<LabelLink[]>>;
+    createLink: (caseId: string, labelId: string) => Promise<string | undefined>;
+    deleteLink: (linkId: string) => Promise<void>;
+}
+export declare function useCaseLabelLinks(salesforceAccountId?: string, caseId?: string): UseCaseLabelLinksResult;
+export {};
+//# sourceMappingURL=useCaseLabelLinkMutations.d.ts.map

package/lib/esm/hooks/useCaseLabelLinkMutations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCaseLabelLinkMutations.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCaseLabelLinkMutations.ts"],"names":[],"mappings":"AAmBA,MAAM,WAAW,WAAW;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,SAAS;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,uBAAuB;IAC7B,eAAe,EAAE,WAAW,EAAE,CAAC;IAC/B,aAAa,EAAE,SAAS,EAAE,CAAC;IAC3B,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;IACpE,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC7E,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACjD;AAED,wBAAgB,iBAAiB,CAAC,mBAAmB,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,uBAAuB,CA6FxG"}

package/lib/esm/hooks/useCaseLabelLinkMutations.js

@@ -0,0 +1,84 @@
+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 { useApolloClient, useMutation } from '@apollo/client/react';
+import { CREATE_CASE_LABEL_LINK, DELETE_CASE_LABEL_LINK, GET_CASE_LABEL_LINKS, GET_CASE_LABELS, } from '@rh-support/utils';
+import { useCallback, useEffect, useState } from 'react';
+export function useCaseLabelLinks(salesforceAccountId, caseId) {
+    const client = useApolloClient();
+    const [availableLabels, setAvailableLabels] = useState([]);
+    const [assignedLinks, setAssignedLinks] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const fetchData = useCallback(() => __awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        if (!salesforceAccountId || !caseId)
+            return;
+        setLoading(true);
+        try {
+            const [labelsResult, linksResult] = yield Promise.all([
+                client.query({
+                    query: GET_CASE_LABELS,
+                    variables: { where: { Account__c: { eq: salesforceAccountId } } },
+                    fetchPolicy: 'network-only',
+                }),
+                client.query({
+                    query: GET_CASE_LABEL_LINKS,
+                    variables: { where: { Case__c: { eq: caseId } } },
+                    fetchPolicy: 'network-only',
+                }),
+            ]);
+            const labelEdges = (_e = (_d = (_c = (_b = (_a = labelsResult.data) === null || _a === void 0 ? void 0 : _a.redhat_support_uiapi) === null || _b === void 0 ? void 0 : _b.query) === null || _c === void 0 ? void 0 : _c.RedHatSupportCaseLabel__c) === null || _d === void 0 ? void 0 : _d.edges) !== null && _e !== void 0 ? _e : [];
+            setAvailableLabels(labelEdges
+                .map(({ node }) => { var _a, _b; return ({ id: node.Id, name: (_b = (_a = node.Name) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '' }); })
+                .filter((l) => l.id && l.name));
+            const linkEdges = (_k = (_j = (_h = (_g = (_f = linksResult.data) === null || _f === void 0 ? void 0 : _f.redhat_support_uiapi) === null || _g === void 0 ? void 0 : _g.query) === null || _h === void 0 ? void 0 : _h.RedHatSupportCaseLabelLink__c) === null || _j === void 0 ? void 0 : _j.edges) !== null && _k !== void 0 ? _k : [];
+            setAssignedLinks(linkEdges
+                .filter(({ node }) => { var _a; return node.Id && ((_a = node.Label__c) === null || _a === void 0 ? void 0 : _a.value); })
+                .map(({ node }) => ({
+                linkId: node.Id,
+                labelId: node.Label__c.value,
+            })));
+        }
+        catch (_l) {
+            setAvailableLabels([]);
+            setAssignedLinks([]);
+        }
+        finally {
+            setLoading(false);
+        }
+    }), [client, salesforceAccountId, caseId]);
+    useEffect(() => {
+        fetchData();
+    }, [fetchData]);
+    const [createMutate, { loading: createLoading }] = useMutation(CREATE_CASE_LABEL_LINK);
+    const createLink = useCallback((caseSfId, labelId) => __awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c, _d;
+        const result = yield createMutate({
+            variables: {
+                input: { RedHatSupportCaseLabelLink__c: { Case__c: caseSfId, Label__c: labelId } },
+            },
+        });
+        return (_d = (_c = (_b = (_a = result.data) === null || _a === void 0 ? void 0 : _a.redhat_support_uiapi) === null || _b === void 0 ? void 0 : _b.CaseLabelLink__cCreate) === null || _c === void 0 ? void 0 : _c.RedHatSupportRecord) === null || _d === void 0 ? void 0 : _d.Id;
+    }), [createMutate]);
+    const [deleteMutate, { loading: deleteLoading }] = useMutation(DELETE_CASE_LABEL_LINK);
+    const deleteLink = useCallback((linkId) => __awaiter(this, void 0, void 0, function* () {
+        yield deleteMutate({ variables: { id: linkId } });
+    }), [deleteMutate]);
+    const selectedLabelIds = assignedLinks.map((link) => link.labelId);
+    return {
+        availableLabels,
+        assignedLinks,
+        selectedLabelIds,
+        loading,
+        mutating: createLoading || deleteLoading,
+        setAssignedLinks,
+        createLink,
+        deleteLink,
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.6.308",
+    "version": "2.6.309",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -52,11 +52,11 @@
         "@progress/kendo-licensing": "1.3.5",
         "@progress/kendo-react-pdf": "^5.16.0",
         "@redux-devtools/extension": "^3.3.0",
-        "@rh-support/components": "2.5.189",
-        "@rh-support/react-context": "2.5.283",
+        "@rh-support/components": "2.5.190",
+        "@rh-support/react-context": "2.5.284",
         "@rh-support/types": "2.0.26",
-        "@rh-support/user-permissions": "2.5.135",
-        "@rh-support/utils": "2.5.117",
+        "@rh-support/user-permissions": "2.5.136",
+        "@rh-support/utils": "2.5.118",
         "@types/react-redux": "^7.1.33",
         "@types/redux": "^3.6.0",
         "date-fns": "3.6.0",
@@ -126,5 +126,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "8f1387bb291fa73c60cec5251c7cc4c599fd1b5e"
+    "gitHead": "9017d17207b6357a27edbab889de8f10696e745b"
 }