@rh-support/troubleshoot 2.6.330 → 2.6.331

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

@@ -7,11 +7,13 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Alert, AlertVariant, Button, ButtonVariant, Checkbox } from '@patternfly/react-core';
+import { useApolloClient } from '@apollo/client/react';
+import { Button, ButtonVariant, Checkbox } from '@patternfly/react-core';
 import PlusIcon from '@patternfly/react-icons/dist/js/icons/plus-icon';
-import { EditorMode, LoadingIndicator, MarkdownEditor, ToastNotification, usePrevious } from '@rh-support/components';
+import { LoadingIndicator, RichTextEditor, ToastNotification, usePrevious } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanEditCase, useUserPreferences } from '@rh-support/react-context';
 import { ability, CaseDiscussionFields, resourceActions, resources } from '@rh-support/user-permissions';
+import { getHydraAttachmentImageUrl } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
@@ -19,6 +21,7 @@ import { useDropzone } from 'react-dropzone';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../../../context/CaseContext';
 import { useCreateCaseComment } from '../../../../hooks/useCaseComments';
+import { useS3Upload } from '../../../../hooks/useS3Upload';
 import { checkForCaseStatusToggleOnAttachOrComment } from '../../../../reducers/CaseReducer';
 import { AttachmentDispatchContext, AttachmentStateContext, hasAbortedOrFailedAttachments, hasQueuedAttachmentUploads, hasSomeSelectedFiles, isUploadingAttachment, resetAttachment, } from '../../../shared/fileUpload';
 import FileSelectorButton from '../../../shared/fileUpload/fileSelectors/FileSelectorButton';
@@ -29,7 +32,7 @@ import { useCommentDrafts } from './PostComment/useCommentDrafts';
 import { useMarkdownFileUploader } from './PostComment/useMarkdownFileUploader';
 import { VerifyCaseStatusModal } from './VerifyCaseStatusModal/VerifyCaseStatusModal';
 export function PostComment(props) {
-    var _a, _b;
+    var _a, _b, _c, _d, _e, _f;
     const { t } = useTranslation();
     let { caseNumber } = props;
     const [isTextAreaFocused, setIsTextAreaFocused] = useState(false);
@@ -43,15 +46,15 @@ export function PostComment(props) {
     const hasAbortedOrFailed = hasAbortedOrFailedAttachments(attachmentState.caseFiles.selectedLocalFiles);
     const hasSomeSelectedFilesLocal = hasSomeSelectedFiles(attachmentState.caseFiles.selectedLocalFiles);
     const [isPublic, setIsPublic] = useState(props.defaultIsPublic === null ? true : props.defaultIsPublic);
-    const [commentType, setCommentType] = useState(EditorMode.PLAIN);
     const [commentSignature, setCommentSignature] = useState('');
-    const [commentText, setCommentText] = useState(props.commentText || '');
+    const [commentText, setCommentText] = useState('');
     const { isExportingPDF } = useContext(PDFContext);
     const { getCommentTypeFromPreference, getCommentSignature } = useUserPreferences();
     const applySignature = useCallback((text) => {
         if (isEmpty(commentSignature))
             return;
-        const signed = text.includes(commentSignature) ? text : text + '\n' + commentSignature;
+        const signatureHtml = `<p>${commentSignature}</p>`;
+        const signed = text.includes(commentSignature) ? text : text + signatureHtml;
         setCommentText(signed);
     }, [commentSignature]);
     useEffect(() => {
@@ -60,10 +63,9 @@ export function PostComment(props) {
                 try {
                     yield getCommentTypeFromPreference();
                     const sig = (yield getCommentSignature()) || '';
-                    setCommentType(EditorMode.PLAIN);
                     setCommentSignature(sig);
                     if (isEmpty(commentText) && !isEmpty(sig)) {
-                        setCommentText(`\n ${sig}`);
+                        setCommentText(`<p>${sig}</p>`);
                     }
                 }
                 catch (error) {
@@ -92,12 +94,20 @@ export function PostComment(props) {
         status: state.caseDetails.status,
         caseSalesforceId: state.caseDetails.id,
     }), isEqual);
+    const apolloClient = useApolloClient();
+    const { uploadFile: uploadImageFile } = useS3Upload(caseNumber, apolloClient, caseSalesforceId);
+    const onImageUpload = useCallback((file) => __awaiter(this, void 0, void 0, function* () {
+        const attachmentId = yield uploadImageFile({ file });
+        if (!attachmentId) {
+            throw new Error('Upload did not return an attachment id.');
+        }
+        return getHydraAttachmentImageUrl(caseNumber, attachmentId);
+    }), [caseNumber, uploadImageFile]);
     const isConfirmedStateSideSupport = (_b = loggedInUsersAccount === null || loggedInUsersAccount === void 0 ? void 0 : loggedInUsersAccount.data) === null || _b === void 0 ? void 0 : _b.hasConfirmedStatesideSupport;
     const caseDispatch = useCaseDispatch();
     const [isCommentTooLong, setIsCommentTooLong] = useState(false);
     const canEditCase = useCanEditCase();
     const componentRef = useRef(null);
-    let passedReply = props.commentText;
     const resetIsPublic = useCallback(() => setIsPublic(props.defaultIsPublic === null ? true : props.defaultIsPublic), [props.defaultIsPublic]);
     const previousDefaultIsPublic = usePrevious(props.defaultIsPublic);
     useEffect(() => {
@@ -105,37 +115,22 @@ export function PostComment(props) {
             return;
         props.defaultIsPublic === null ? resetIsPublic() : setIsPublic(props.defaultIsPublic);
     }, [props.defaultIsPublic, resetIsPublic, previousDefaultIsPublic]);
-    const textAreaRef = useCallback((node) => {
-        const isReplyMatch = node !== null &&
-            props.commentText &&
-            props.commentCreator &&
-            commentText &&
-            commentText === getReplyText(props.commentText, props.commentCreator);
-        if (!isReplyMatch)
-            return;
-        node.scrollTop = node.scrollHeight;
-        node.focus();
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [commentText]);
+    const quillEditorRef = useRef(null);
     const loggedInUserSSO = loggedInUserRights.data.getSSOUsername();
     const { saveDraft, clearDraft } = useCommentDrafts({
         caseNumber,
         loggedInUserSSO,
         commentSignature,
         setCommentText,
-        setCommentType,
         setIsPublic,
         applySignature,
     });
     const resetCommentSection = () => __awaiter(this, void 0, void 0, function* () {
-        var _a;
         setCommentText('');
         setIsTextAreaFocused(false);
         resetIsPublic();
         yield clearDraft();
-        (_a = props.onCommentClear) === null || _a === void 0 ? void 0 : _a.call(props);
-        setCommentText(commentSignature ? `\n ${commentSignature}` : '');
+        setCommentText(commentSignature ? `<p>${commentSignature}</p>` : '');
     });
     const resetAttachmentSection = () => {
         resetAttachment(dispatchToAttachmentReducer);
@@ -161,11 +156,10 @@ export function PostComment(props) {
         resetCommentSection();
         cancelFileUpload();
     };
-    const onCommentTextChange = (value, mode) => __awaiter(this, void 0, void 0, function* () {
-        setCommentType(mode !== null && mode !== void 0 ? mode : commentType);
-        setCommentText(value !== null && value !== void 0 ? value : '');
-        saveDraft(value, mode, isPublic);
-    });
+    const onCommentTextChange = (html) => {
+        setCommentText(html);
+        saveDraft(html, isPublic);
+    };
     const onCancel = () => {
         setIsModalOpen(false);
     };
@@ -187,15 +181,9 @@ export function PostComment(props) {
     //     await addingNotifiedUsers(caseDispatch, caseNumber, [{ ssoUsername: sso }]);
     //     setNotifiedUser(caseDispatch, uniqBy([...selectedNotificationContacts, loggedInUser.data], 'ssoUsername'));
     // };
-    const checkCommentSignature = commentText.replace(commentSignature, '');
+    const plainTextContent = (_f = (_e = (_d = (_c = quillEditorRef.current) === null || _c === void 0 ? void 0 : _c.getText) === null || _d === void 0 ? void 0 : _d.call(_c)) === null || _e === void 0 ? void 0 : _e.trim()) !== null && _f !== void 0 ? _f : '';
+    const checkCommentSignature = plainTextContent.replace(commentSignature, '');
     const isCommentEmpty = isEmpty(checkCommentSignature === null || checkCommentSignature === void 0 ? void 0 : checkCommentSignature.trim());
-    useEffect(() => {
-        var _a;
-        if (isCommentEmpty) {
-            (_a = props.onCommentClear) === null || _a === void 0 ? void 0 : _a.call(props);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [commentText]);
     const onPostComment = () => __awaiter(this, void 0, void 0, function* () {
         var _a;
         if (canEditCase.alert())
@@ -206,12 +194,9 @@ export function PostComment(props) {
             return;
         try {
             setIsProcessing(true);
-            // Encode angle brackets before submission to prevent Salesforce from
-            // stripping them as HTML tags (QA Issue 1: <test> becomes blank).
-            const encodedBody = commentText.replaceAll('<', '&lt;').replaceAll('>', '&gt;');
             yield createComment({
                 caseId: caseSalesforceId,
-                body: encodedBody,
+                body: commentText,
                 isPublic,
                 isAssociate: loggedInUserRights.data.isInternal(),
             });
@@ -226,7 +211,7 @@ export function PostComment(props) {
             setCssCommentAgreed(false);
         }
         catch (_b) {
-            ToastNotification.addDangerMessage(t('Could not submit comment'));
+            ToastNotification.addDangerMessage(t('Could not submit comment. Please refresh the page and try again.'));
         }
         finally {
             setIsProcessing(false);
@@ -236,44 +221,15 @@ export function PostComment(props) {
         setIsPublic((publicComment) => !publicComment);
     };
     function isCommentSignatureMatch() {
-        return commentText.trim() === commentSignature;
+        var _a, _b, _c, _d;
+        const plainText = (_d = (_c = (_b = (_a = quillEditorRef.current) === null || _a === void 0 ? void 0 : _a.getText) === null || _b === void 0 ? void 0 : _b.call(_a)) === null || _c === void 0 ? void 0 : _c.trim()) !== null && _d !== void 0 ? _d : commentText.trim();
+        return plainText === commentSignature;
     }
     const isPostCommentDisabled = isProcessing || !commentText || isCommentSignatureMatch();
     const isFileUploadDisabled = isConfirmedStateSideSupport && !cssCommentAgreed;
     const onFileUploadClick = () => {
         ToastNotification.addInfoMessage(t('Uploading Attachment(s)'));
     };
-    /**
-     * Formats a reply as a markdown blockquote. Truncates the original text
-     * to 1000 characters, prepends an attribution header, and prefixes each
-     * line with `> ` for blockquote rendering.
-     */
-    const getReplyText = (replyText, commentCreator) => {
-        const person = t(`(replying to {{commentCreator}}) \n`, { commentCreator });
-        const reply = replyText
-            .substring(0, 1000)
-            .split(/\n/)
-            .reduce((acc, line) => (acc += '> ' + line + '\n'), person);
-        return reply;
-    };
-    useEffect(() => {
-        if (!props.commentText || !props.commentCreator)
-            return;
-        const reply = getReplyText(props.commentText, props.commentCreator);
-        // Only check for signature in non-quoted lines so replying to a signed
-        // comment does not suppress appending the author's own signature
-        const nonQuotedText = reply
-            .split('\n')
-            .filter((line) => !line.startsWith('> '))
-            .join('\n');
-        if (commentSignature && nonQuotedText.includes(commentSignature)) {
-            setCommentText(reply);
-        }
-        else {
-            applySignature(reply);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [props.commentText, props.commentCreator]);
     const onTextAreaBlur = () => {
         if (!commentText)
             setIsTextAreaFocused(false);
@@ -282,25 +238,14 @@ export function PostComment(props) {
         if (isCommentTooLong !== lengthExceededNew)
             setIsCommentTooLong(lengthExceededNew);
     };
-    const isReplyDisabled = () => {
-        var _a;
-        let parsedPassedReply = getReplyText(passedReply !== null && passedReply !== void 0 ? passedReply : '', (_a = props.commentCreator) !== null && _a !== void 0 ? _a : '');
-        return (parsedPassedReply === null || parsedPassedReply === void 0 ? void 0 : parsedPassedReply.trim()) === (commentText === null || commentText === void 0 ? void 0 : commentText.trim());
-    };
     // Submit stays independent of attachment upload so comments can be posted mid-upload (PCM-15915).
-    const isSubmitDisabled = isReplyDisabled() ||
-        isCommentEmpty ||
-        isPostCommentDisabled ||
-        (isConfirmedStateSideSupport && !cssCommentAgreed);
+    const isSubmitDisabled = isCommentEmpty || isPostCommentDisabled || (isConfirmedStateSideSupport && !cssCommentAgreed);
     return (React.createElement("div", { className: `pf-v6-u-mb-md ${isExportingPDF ? 'hide-in-pdf' : ''}`, ref: componentRef },
-        React.createElement(Alert, { className: "pf-v6-u-mb-md pf-v6-u-font-size-sm", isInline: true, isPlain: true, variant: AlertVariant.info, title: React.createElement(Trans, { i18nKey: "markdownNotSupportedCommentWarning" },
-                React.createElement("strong", null, "Markdown isn't supported."),
-                " Comments are displayed as plain text, including any typed or pasted Markdown.") }),
-        React.createElement(MarkdownEditor, { className: `${!isPublic && canPostPrivateComments ? 'is-private' : ''}`, disabled: isProcessing || canEditCase.isCaseNotEditable, "aria-label": "comment text area", editorMode: commentType, hideToolbars: true, onFocus: () => setIsTextAreaFocused(true), onBlur: onTextAreaBlur, onChange: onCommentTextChange, value: commentText, rows: isTextAreaFocused ? 12 : 4, bindTextArea: textAreaRef, onCommentExceedCharsLimit: onCommentExceedCharsLimit, mdPlaceholder: !isPublic && canPostPrivateComments
-                ? 'Add a comment or attach a file privately'
-                : 'Add a comment to this case', plainTextPlaceholder: !isPublic && canPostPrivateComments
+        React.createElement(RichTextEditor, { className: `${!isPublic && canPostPrivateComments ? 'is-private' : ''}`, disabled: isProcessing || canEditCase.isCaseNotEditable, "aria-label": "comment text area", onFocus: () => setIsTextAreaFocused(true), onBlur: onTextAreaBlur, onChange: onCommentTextChange, value: commentText, height: isTextAreaFocused ? 313 : 120, onCharLimitExceeded: onCommentExceedCharsLimit, placeholder: !isPublic && canPostPrivateComments
                 ? 'Add a comment or attach a file privately'
-                : 'Add a comment to this case' }),
+                : 'Add a comment to this case', charLimit: 32000, onImageUpload: onImageUpload, bindEditor: (editor) => {
+                quillEditorRef.current = editor;
+            } }),
         isConfirmedStateSideSupport && (React.createElement("div", { className: "pf-v6-u-mt-md pf-v6-u-mb-lg" },
             React.createElement("input", { type: "checkbox", id: "css-case-comment-agreement", name: "css-case-comment-agreement", "data-tracking-id": "css-case-comment-agreement", checked: cssCommentAgreed, onChange: (e) => setCssCommentAgreed(e.target.checked) }),
             React.createElement("label", { htmlFor: "css-case-comment-agreement", className: "pf-v6-u-font-weight-normal pf-v6-u-font-size-sm" },

package/lib/esm/components/CaseManagement/CaseLabelsCreate.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+/** Case creation Labels dropdown — selection is stored and linked after case create. */
+export default function CaseLabelsCreate(): React.JSX.Element;
+//# sourceMappingURL=CaseLabelsCreate.d.ts.map

package/lib/esm/components/CaseManagement/CaseLabelsCreate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CaseLabelsCreate.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/CaseLabelsCreate.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAWjF,wFAAwF;AACxF,MAAM,CAAC,OAAO,UAAU,gBAAgB,sBAgLvC"}

package/lib/esm/components/CaseManagement/CaseLabelsCreate.js

@@ -0,0 +1,108 @@
+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 } from '@apollo/client/react';
+import { Label, MenuToggle, Select, SelectList, SelectOption, Spinner, } from '@patternfly/react-core';
+import { GlobalMetadataStateContext } from '@rh-support/react-context';
+import { GET_CASE_LABELS, } from '@rh-support/utils';
+import isEqual from 'lodash/isEqual';
+import React, { useCallback, useContext, useEffect, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
+import { setCaseState } from '../../reducers/CaseReducer';
+const NUM_VISIBLE_LABELS = 3;
+/** Case creation Labels dropdown — selection is stored and linked after case create. */
+export default function CaseLabelsCreate() {
+    const { t } = useTranslation();
+    const client = useApolloClient();
+    const caseDispatch = useCaseDispatch();
+    const { globalMetadataState: { loggedInUser }, } = useContext(GlobalMetadataStateContext);
+    const isOrgAdmin = loggedInUser.data.isOrgAdmin;
+    const { salesforceAccountId, selectedLabelIds } = useCaseSelector((state) => {
+        var _a, _b, _c;
+        return ({
+            salesforceAccountId: (_b = (_a = state.selectedAccountDetails) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.salesforceAccountId,
+            selectedLabelIds: (_c = state.selectedLabelIds) !== null && _c !== void 0 ? _c : [],
+        });
+    }, isEqual);
+    const [availableLabels, setAvailableLabels] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [isOpen, setIsOpen] = useState(false);
+    const updateSelectedLabelIds = (nextIds) => {
+        setCaseState(caseDispatch, { selectedLabelIds: nextIds });
+    };
+    const fetchLabels = useCallback(() => __awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c, _d;
+        if (!salesforceAccountId) {
+            setAvailableLabels([]);
+            return;
+        }
+        setLoading(true);
+        try {
+            const { data } = yield client.query({
+                query: GET_CASE_LABELS,
+                variables: { where: { Account__c: { eq: salesforceAccountId } } },
+                fetchPolicy: 'cache-first',
+            });
+            const edges = (_d = (_c = (_b = (_a = data === null || data === void 0 ? void 0 : data.redhat_support_uiapi) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.RedHatSupportCaseLabel__c) === null || _c === void 0 ? void 0 : _c.edges) !== null && _d !== void 0 ? _d : [];
+            setAvailableLabels(edges
+                .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((label) => label.id && label.name));
+        }
+        catch (_e) {
+            setAvailableLabels([]);
+        }
+        finally {
+            setLoading(false);
+        }
+    }), [client, salesforceAccountId]);
+    useEffect(() => {
+        fetchLabels();
+    }, [fetchLabels]);
+    const handleSelect = (_event, labelId) => {
+        if (!labelId || typeof labelId !== 'string')
+            return;
+        updateSelectedLabelIds(selectedLabelIds.includes(labelId)
+            ? selectedLabelIds.filter((id) => id !== labelId)
+            : [...selectedLabelIds, labelId]);
+    };
+    const handleChipRemove = (labelId) => {
+        updateSelectedLabelIds(selectedLabelIds.filter((id) => id !== labelId));
+    };
+    const selectedLabels = availableLabels.filter((label) => selectedLabelIds.includes(label.id));
+    const haltEvent = (e) => e.stopPropagation();
+    const toggle = (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: () => setIsOpen((prev) => !prev), isExpanded: isOpen, isDisabled: loading || (!isOrgAdmin && availableLabels.length === 0), isFullWidth: true, style: { height: '36px' } }, loading ? (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'))));
+    return (React.createElement("div", { className: "form-group" },
+        React.createElement("label", { htmlFor: "case-labels-create" },
+            React.createElement(Trans, null, "Labels")),
+        React.createElement(Select, { id: "case-labels-create", "data-tracking-id": "case-labels-create", 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-create-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/components/CaseManagement/CaseManagement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseManagement.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/CaseManagement.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,MAAM,WAAW,MAAM;CAAG;AAC1B,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM,qBAsCnD"}
+{"version":3,"file":"CaseManagement.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/CaseManagement.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,MAAM,WAAW,MAAM;CAAG;AAC1B,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM,qBA2CnD"}

package/lib/esm/components/CaseManagement/CaseManagement.js

@@ -9,6 +9,7 @@ import { ContactPhoneNumber } from '../CaseInformation/ContactPhoneNumber';
 import Fts from '../CaseInformation/Fts';
 import Severity from '../CaseInformation/Severity';
 import SupportLevel from '../CaseInformation/SupportLevel';
+import CaseLabelsCreate from './CaseLabelsCreate';
 import CaseLanguageSelector from './CaseLanguageSelector';
 // import { Cep } from './Cep';
 import OpenReferenceNumber from './OpenReferenceNumber';
@@ -31,6 +32,9 @@ export default function CaseManagement(props) {
                 React.createElement(CaseLanguageSelector, { isManageStep: true })),
             React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v6-u-mb-xs" },
                 React.createElement(CaseGroup, { init: true }))),
+        React.createElement(Grid, { hasGutter: true },
+            React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v6-u-mb-xs" },
+                React.createElement(CaseLabelsCreate, null))),
         React.createElement(RHAssociatesSelector, null),
         React.createElement(OpenReferenceNumber, { inlineEditable: false, hideSaveCancel: true })));
 }

package/lib/esm/components/shared/fileUpload/reducer/AttachmentHelper.js

@@ -447,7 +447,7 @@ export function moveSessionAttachmentToCase(dispatch, caseNumber, sessionId, loc
                         fileSize: String(localFile.size),
                         totalChunks: String(totalChunks),
                         clientId: 'pcm',
-                        description: localFile.description,
+                        description: localFile.description || '',
                     },
                 ],
             });

package/lib/esm/components/wizardLayout/GlobalTroubleshootEffects.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalTroubleshootEffects.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/GlobalTroubleshootEffects.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAgBvD,OAAO,EAAuC,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAYvG,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,qBA0dtD"}
+{"version":3,"file":"GlobalTroubleshootEffects.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/GlobalTroubleshootEffects.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAgBvD,OAAO,EAAuC,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAYvG,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,qBA8ctD"}

package/lib/esm/components/wizardLayout/GlobalTroubleshootEffects.js

@@ -10,7 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { useApolloClient } from '@apollo/client/react';
 import { useDebounce } from '@rh-support/components';
 import { GlobalMetadataStateContext, useUserPreferences } from '@rh-support/react-context';
-import { GET_ACCOUNT_CONTACTS, resolveProductServiceLevelsForAccount, } from '@rh-support/utils';
+import { GET_CONTACT_DETAILS_BY_CONTACT_ID, resolveProductServiceLevelsForAccount, } from '@rh-support/utils';
 import findIndex from 'lodash/findIndex';
 import includes from 'lodash/includes';
 import isEmpty from 'lodash/isEmpty';
@@ -196,61 +196,54 @@ export function GlobalTroubleshootEffects(props) {
         if (selectedOwnerContactId)
             return;
         const fetchAndSetDefaultOwner = () => __awaiter(this, void 0, void 0, function* () {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
             try {
-                // First get logged-in user's FederationIdentifier and ContactId
-                const { data: userData } = yield apolloClient.query({
-                    query: GET_ACCOUNT_CONTACTS,
-                    variables: { first: 1, contactsWhere: { IsActive__c: { eq: true } } },
-                });
-                const response = userData;
-                const userEdges = (_d = (_c = (_b = (_a = response === null || response === void 0 ? void 0 : response.redhat_support_uiapi) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.RedHatSupportUser) === null || _c === void 0 ? void 0 : _c.edges) !== null && _d !== void 0 ? _d : [];
-                const loggedInUser = userEdges.find(({ node }) => { var _a, _b; return ((_a = node.FederationIdentifier) === null || _a === void 0 ? void 0 : _a.value) != null && ((_b = node.ContactId) === null || _b === void 0 ? void 0 : _b.value); });
-                if (!loggedInUser)
+                // Same as logged-in user resolve: JWT/SSO → RedHatSupportContact by SSOUserName__c
+                const ssoUsername = loggedInUserRights.data.getSSOUsername() ||
+                    ((_a = loggedInUser.data) === null || _a === void 0 ? void 0 : _a.ssoUsername) ||
+                    (loggedInUserJwtToken === null || loggedInUserJwtToken === void 0 ? void 0 : loggedInUserJwtToken.preferred_username) ||
+                    (loggedInUserJwtToken === null || loggedInUserJwtToken === void 0 ? void 0 : loggedInUserJwtToken.username) ||
+                    (loggedInUserJwtToken === null || loggedInUserJwtToken === void 0 ? void 0 : loggedInUserJwtToken.RHAT_LOGIN) ||
+                    (loggedInUserJwtToken === null || loggedInUserJwtToken === void 0 ? void 0 : loggedInUserJwtToken.REDHAT_LOGIN) ||
+                    '';
+                if (!ssoUsername)
                     return;
-                const federationId = loggedInUser.node.FederationIdentifier.value;
-                // Search for the contact using FederationIdentifier (SSOUserName__c)
                 const { data: contactData } = yield apolloClient.query({
-                    query: GET_ACCOUNT_CONTACTS,
+                    query: GET_CONTACT_DETAILS_BY_CONTACT_ID,
                     variables: {
-                        first: 1,
-                        contactsWhere: {
-                            IsActive__c: { eq: true },
-                            SSOUserName__c: { like: federationId },
+                        where: {
+                            SSOUserName__c: { eq: ssoUsername },
                         },
                     },
                     fetchPolicy: 'network-only',
                 });
-                const contactResponse = contactData;
-                const contactEdges = (_m = (_l = (_k = (_j = (_h = (_g = (_f = (_e = contactResponse === null || contactResponse === void 0 ? void 0 : contactResponse.redhat_support_uiapi) === null || _e === void 0 ? void 0 : _e.query) === null || _f === void 0 ? void 0 : _f.RedHatSupportAccount) === null || _g === void 0 ? void 0 : _g.edges) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.node) === null || _k === void 0 ? void 0 : _k.Contacts) === null || _l === void 0 ? void 0 : _l.edges) !== null && _m !== void 0 ? _m : [];
-                const matchingContact = contactEdges[0];
-                if (matchingContact === null || matchingContact === void 0 ? void 0 : matchingContact.node) {
-                    const node = matchingContact.node;
-                    const ownerData = {
-                        id: node.Id,
-                        ssoUsername: (_p = (_o = node.SSOUserName__c) === null || _o === void 0 ? void 0 : _o.value) !== null && _p !== void 0 ? _p : '',
-                        firstName: (_r = (_q = node.FirstName) === null || _q === void 0 ? void 0 : _q.value) !== null && _r !== void 0 ? _r : '',
-                        lastName: (_t = (_s = node.LastName) === null || _s === void 0 ? void 0 : _s.value) !== null && _t !== void 0 ? _t : '',
-                        fullNameCustom: (_v = (_u = node.Name) === null || _u === void 0 ? void 0 : _u.value) !== null && _v !== void 0 ? _v : '',
-                        manageSupportCases: (_x = (_w = node.ManageSupportCases__c) === null || _w === void 0 ? void 0 : _w.value) !== null && _x !== void 0 ? _x : true,
-                        isInternal: (_z = (_y = node.IsInternal__c) === null || _y === void 0 ? void 0 : _y.value) !== null && _z !== void 0 ? _z : false,
-                        isOrgAdmin: (_1 = (_0 = node.IsOrgAdmin__c) === null || _0 === void 0 ? void 0 : _0.value) !== null && _1 !== void 0 ? _1 : false,
-                        phone: (_3 = (_2 = node.Phone) === null || _2 === void 0 ? void 0 : _2.value) !== null && _3 !== void 0 ? _3 : '',
-                        defaultCaseGroup: (_5 = (_4 = node.DefaultCaseGroup__c) === null || _4 === void 0 ? void 0 : _4.value) !== null && _5 !== void 0 ? _5 : null,
-                    };
-                    setCaseState(caseDispatch, {
-                        selectedOwner: { data: ownerData, isFetching: false, isError: false, errorMessage: '' },
-                    });
-                    setCaseDetails(caseDispatch, { contactSSOName: ownerData.ssoUsername });
-                }
+                const contactDetails = (_f = (_e = (_d = (_c = (_b = contactData === null || contactData === void 0 ? void 0 : contactData.redhat_support_uiapi) === null || _b === void 0 ? void 0 : _b.query) === null || _c === void 0 ? void 0 : _c.RedHatSupportContact) === null || _d === void 0 ? void 0 : _d.edges) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.node;
+                if (!(contactDetails === null || contactDetails === void 0 ? void 0 : contactDetails.Id))
+                    return;
+                const ownerData = {
+                    id: contactDetails.Id,
+                    ssoUsername: ((_g = contactDetails.SSOUserName__c) === null || _g === void 0 ? void 0 : _g.value) || ssoUsername,
+                    firstName: (_j = (_h = contactDetails.FirstName) === null || _h === void 0 ? void 0 : _h.value) !== null && _j !== void 0 ? _j : '',
+                    lastName: (_l = (_k = contactDetails.LastName) === null || _k === void 0 ? void 0 : _k.value) !== null && _l !== void 0 ? _l : '',
+                    fullNameCustom: (_o = (_m = contactDetails.Name) === null || _m === void 0 ? void 0 : _m.value) !== null && _o !== void 0 ? _o : '',
+                    manageSupportCases: (_q = (_p = contactDetails.ManageSupportCases__c) === null || _p === void 0 ? void 0 : _p.value) !== null && _q !== void 0 ? _q : true,
+                    isInternal: (_s = (_r = contactDetails.IsInternal__c) === null || _r === void 0 ? void 0 : _r.value) !== null && _s !== void 0 ? _s : false,
+                    isOrgAdmin: (_u = (_t = contactDetails.IsOrgAdmin__c) === null || _t === void 0 ? void 0 : _t.value) !== null && _u !== void 0 ? _u : false,
+                    phone: (_w = (_v = contactDetails.Phone) === null || _v === void 0 ? void 0 : _v.value) !== null && _w !== void 0 ? _w : '',
+                    defaultCaseGroup: (_y = (_x = contactDetails.DefaultCaseGroup__c) === null || _x === void 0 ? void 0 : _x.value) !== null && _y !== void 0 ? _y : null,
+                };
+                setCaseState(caseDispatch, {
+                    selectedOwner: { data: ownerData, isFetching: false, isError: false, errorMessage: '' },
+                });
+                setCaseDetails(caseDispatch, { contactSSOName: ownerData.ssoUsername });
             }
-            catch (_6) {
+            catch (_z) {
                 // Contact fetch failed; owner stays empty
             }
         });
         fetchAndSetDefaultOwner();
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [loggedInUserRights.data, selectedOwnerContactId]);
+    }, [loggedInUserRights.data, loggedInUser.data, loggedInUserJwtToken, selectedOwnerContactId]);
     /**
      * Fetch case groups for the selected owner's contactId.
      * Filters groups where the contact is a member via GET_CASE_GROUP.

package/lib/esm/css/case.css

@@ -124,11 +124,12 @@ button,
 }
 
 .support-comment .comment-body ul {
-    list-style: '-';
+    list-style: '- ';
+    padding-left: 1.5em;
 }
 
-.support-comment .comment-body blockquote {
-    border-left: 5px solid #c0c0c0 !important;
+.support-comment .comment-body ol {
+    padding-left: 1.5em;
 }
 
 #case-description ul {
@@ -359,6 +360,43 @@ input[aria-invalid='true'].pf-v6-c-form-control {
     padding-left: 1.5em;
 }
 
+.comment-body ol,
+.markdown-preview ol {
+    padding-left: 1.5em;
+}
+
+.comment-body .ql-align-center {
+    text-align: center;
+}
+
+.comment-body .ql-align-right {
+    text-align: right;
+}
+
+.comment-body .ql-align-justify {
+    text-align: justify;
+}
+
+.comment-body .ql-indent-1 {
+    padding-left: 3em;
+}
+
+.comment-body .ql-indent-2 {
+    padding-left: 6em;
+}
+
+.comment-body .ql-indent-3 {
+    padding-left: 9em;
+}
+
+.comment-body .ql-indent-4 {
+    padding-left: 12em;
+}
+
+.comment-body .ql-indent-5 {
+    padding-left: 15em;
+}
+
 .tab-title-with-badge {
     display: flex;
     align-items: center;

package/lib/esm/hooks/useCaseComments/useCreateCaseComment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCreateCaseComment.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useCaseComments/useCreateCaseComment.ts"],"names":[],"mappings":"AAKA,UAAU,yBAAyB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,UAAU,2BAA2B;IACjC,aAAa,EAAE,CAAC,OAAO,EAAE,yBAAyB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACxE,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,IAAI,2BAA2B,CAiBlE"}
+{"version":3,"file":"useCreateCaseComment.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useCaseComments/useCreateCaseComment.ts"],"names":[],"mappings":"AAMA,UAAU,yBAAyB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,UAAU,2BAA2B;IACjC,aAAa,EAAE,CAAC,OAAO,EAAE,yBAAyB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACxE,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,IAAI,2BAA2B,CAiBlE"}

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

@@ -8,6 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { useMutation } from '@apollo/client/react';
+import { sanitizeForSalesforce } from '@rh-support/utils';
 import { CREATE_CASE_COMMENT } from './caseCommentMutation';
 import { mapVisibility } from './mapCaseComment';
 /**
@@ -22,7 +23,7 @@ export function useCreateCaseComment() {
             variables: {
                 commentInput: {
                     Case__c: caseId,
-                    Body__c: body,
+                    Body__c: sanitizeForSalesforce(body),
                     Visibility__c: mapVisibility(isPublic),
                     IsAssociate__c: isAssociate,
                 },

package/lib/esm/models/cache.d.ts

@@ -1,9 +1,7 @@
-import { EditorMode } from '@rh-support/components';
 import { IBaseCache } from '@rh-support/utils';
 interface ICaseDraftComment {
     text: string;
     privateFlag: boolean;
-    type: EditorMode;
 }
 export interface IDraftComments {
     [id: string]: ICaseDraftComment;

package/lib/esm/models/cache.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cache.d.ts","sourceRoot":"","sources":["../../../src/models/cache.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,UAAU,iBAAiB;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,UAAU,CAAC;CACpB;AAED,MAAM,WAAW,cAAc;IAC3B,CAAC,EAAE,EAAE,MAAM,GAAG,iBAAiB,CAAC;CACnC;AAED,MAAM,WAAW,mBAAoB,SAAQ,UAAU,CAAC,cAAc,CAAC;IACnE,KAAK,EAAE,cAAc,CAAC;CACzB"}
+{"version":3,"file":"cache.d.ts","sourceRoot":"","sources":["../../../src/models/cache.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,UAAU,iBAAiB;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,cAAc;IAC3B,CAAC,EAAE,EAAE,MAAM,GAAG,iBAAiB,CAAC;CACnC;AAED,MAAM,WAAW,mBAAoB,SAAQ,UAAU,CAAC,cAAc,CAAC;IACnE,KAAK,EAAE,cAAc,CAAC;CACzB"}