@rh-support/troubleshoot 2.7.1 → 2.32.2-prodBackup

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

@@ -11,7 +11,7 @@ import { kase } from '@cee-eng/hydrajs';
 import { PromisifyModal, ToastNotification, useFetch } from '@rh-support/components';
 import { fetchAccountCustomEmails, GlobalMetadataDispatchContext, GlobalMetadataStateContext, } from '@rh-support/react-context';
 import { ability, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
-import { haventLoadedMetadata, isEmailValid, isEmailValidForCaseContactSelector } from '@rh-support/utils';
+import { haventLoadedMetadata, isEmailValid } from '@rh-support/utils';
 import findIndex from 'lodash/findIndex';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
@@ -44,7 +44,7 @@ export function useCustomEmails(props) {
     });
     const addCustomEmail = (emailVal_1, onAdd_1, ...args_1) => __awaiter(this, [emailVal_1, onAdd_1, ...args_1], void 0, function* (emailVal, onAdd, skipAccountCheck = false) {
         try {
-            if (isEmpty(emailVal) || !isEmailValidForCaseContactSelector(emailVal)) {
+            if (isEmpty(emailVal) || !isEmailValid(emailVal)) {
                 return;
             }
             // lower case the email vals to avoid sfdc error
@@ -112,7 +112,6 @@ export function useCustomEmails(props) {
         canAddCustomEmail,
         hideCustomEmails,
         isEmailValid,
-        isEmailValidForCaseContactSelector,
         isUpdatingCustomEmails: deleteEmail.isFetching || addNewEmail.isFetching,
         showAddEmailToAccountModal,
     };

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

@@ -123,7 +123,7 @@ const CaseAttachment = React.forwardRef((props, ref) => {
     return (React.createElement("section", { ref: ref, id: props.attachment.id, className: `prevent-split support-comment comment-attachment ${!isCardIsDeleted ? 'showcard' : ''} ${ref ? 'selected-case-comment' : ''} ${props.attachment.isPrivate ? 'private' : ''}` },
         React.createElement("header", null,
             React.createElement("h4", null,
-                React.createElement(Icon, { className: "pf-v5-u-mr-xs" },
+                React.createElement(Icon, { className: "pf-v6-u-mr-xs" },
                     React.createElement(PaperclipIcon, null)),
                 props.attachment.modifiedBy),
             React.createElement("time", { className: "text-right" }, formatDateTime(props.attachment.lastModifiedDate))),
@@ -150,7 +150,7 @@ const CaseAttachment = React.forwardRef((props, ref) => {
             React.createElement(Trans, null, maxCaseAttachmentDescription))),
         React.createElement("footer", null,
             React.createElement("span", { className: "comment-note" }, props.attachment.isPrivate && React.createElement(Trans, null, "Private attachment")),
-            React.createElement("span", { className: "pull-right pf-v5-l-flex pf-m-align-items-center" },
+            React.createElement("span", { className: "pull-right pf-v6-l-flex pf-m-align-items-center" },
                 props.showJumpToComment && (React.createElement(DiscussionItemLink, { onClick: onJumpToComment(props.attachment.id), discussionType: DiscussionType.ATTACHMENT, itemId: props.attachment.id, caseNumber: props.attachment.caseNumber, isCopyLink: false },
                     React.createElement(Trans, null, "Jump to attachment"))),
                 React.createElement("button", { className: `btn btn-app btn-link text-danger ${isExportingPDF ? 'hide-in-pdf' : ''}`, title: "Delete attachment", onClick: deleteAttachment(props.attachment), "data-tracking-id": "delete-attachmentid-button", type: "button" },

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

@@ -24,7 +24,7 @@ const CaseChat = React.forwardRef((props, ref) => {
                 { visitorName: props.chat.visitorName }),
             React.createElement("p", { className: "push-top-narrow", dangerouslySetInnerHTML: sanetize(props.chat.body) })),
         React.createElement("footer", null,
-            React.createElement("span", { className: "pf-v5-u-ml-auto pf-v5-l-flex pf-m-align-items-center" },
+            React.createElement("span", { className: "pf-v6-u-ml-auto pf-v6-l-flex pf-m-align-items-center" },
                 props.showJumpToComment && (React.createElement(DiscussionItemLink, { onClick: onJumpToComment(props.chat.id), discussionType: DiscussionType.CHAT, itemId: props.chat.id, caseNumber: caseNumber, isCopyLink: false },
                     React.createElement(Trans, null, "Jump to comment"))),
                 React.createElement(JumpAndCopyLink, { caseNumber: caseNumber, cardId: props.chat.id, discussionType: DiscussionType.CHAT })))));

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/CaseComments.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseComments.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseComments.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AA+BvE,OAAO,KAAkD,MAAM,OAAO,CAAC;AAQvE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAClF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,kBAAkB,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAChH;AAED,QAAA,MAAM,YAAY,4EAkVhB,CAAC;AAEH,eAAe,YAAY,CAAC"}
+{"version":3,"file":"CaseComments.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseComments.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AA+BvE,OAAO,KAAkD,MAAM,OAAO,CAAC;AAQvE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAClF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,kBAAkB,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAChH;AAED,QAAA,MAAM,YAAY,4EAiXhB,CAAC;AAEH,eAAe,YAAY,CAAC"}

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

@@ -137,10 +137,27 @@ const CaseComments = React.forwardRef((props, ref) => {
     const commentText = (text) => {
         return { __html: DOMPurify.sanitize(text) };
     };
+    // Transforms <strong> and <em> tags in HTML string to styled <span> tags to fix incorrect bold/italic rendering in exported PDF
+    function formatMarkdownHtmlForPDF(htmlString) {
+        return (htmlString
+            // Handle nested <strong><em>...</em></strong> or <em><strong>...</strong></em> and apply both bold and italic (skew) styles
+            .replace(/<(strong|em)>\s*<(em|strong)>(.*?)<\/\2>\s*<\/\1>/gi, '<span style="font-weight: bold; font-size: 0.95em; font-style: italic;">$3</span>')
+            // Handle standalone <strong>
+            .replace(/<strong>(.*?)<\/strong>/gi, '<span style="font-weight: bold; font-size: 0.95em; margin-right: -10px;">$1</span>')
+            // Handle standalone <em>
+            .replace(/<em>(.*?)<\/em>/gi, '<span style="font-style: italic;font-size: 0.95em; opacity: 0.70;margin-right: 7px;">$1</span>')
+            // Replace list items with dash bullets
+            .replace(/<li>(.*?)<\/li>/gi, '<div style="margin-left: 1.2em;">- $1</div>')
+            // Remove <ul> and </ul> tags completely
+            .replace(/<\/?ul>/gi, ''));
+    }
     const commentMarkdown = (markdown) => {
-        const htmlString = parseCommentMarkdown(markdown, { showButtonForAttachmentLink: true, disableImagePreview: isExportingPDF }, 
+        let htmlString = parseCommentMarkdown(markdown, { showButtonForAttachmentLink: true, disableImagePreview: isExportingPDF }, 
         // @ts-ignore
         { openLinksInNewTab: true, gfm: true, breaks: true });
+        if (isExportingPDF) {
+            htmlString = formatMarkdownHtmlForPDF(htmlString);
+        }
         return { __html: DOMPurify.sanitize(htmlString) };
     };
     const onCommentAreaClick = (e) => {
@@ -221,7 +238,7 @@ const CaseComments = React.forwardRef((props, ref) => {
         React.createElement("footer", null,
             React.createElement("span", { className: "comment-note" }, computeCommentFooter(props.comment)),
             canSeeFeedbackButtons && commentFeedbackButtons(props.comment, props.feedback),
-            React.createElement("span", { className: "pull-right pf-v5-l-flex pf-m-align-items-center" },
+            React.createElement("span", { className: "pull-right pf-v6-l-flex pf-m-align-items-center" },
                 props.showJumpToComment && (React.createElement(DiscussionItemLink, { onClick: onJumpToComment(props.comment.id), discussionType: DiscussionType.COMMENT, itemId: props.comment.id, caseNumber: caseNumber, isCopyLink: false },
                     React.createElement(Trans, null, "Jump to comment"))),
                 React.createElement("button", { onClick: commentReply(props.comment), className: `btn btn-app btn-link case-reply-button ${isExportingPDF ? 'hide-in-pdf' : ''}`, "data-tracking-id": "case-comment-reply", type: "button" },

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

@@ -395,11 +395,11 @@ export default function CaseDiscussion(props) {
             React.createElement("div", { className: `pfe-l-grid pfe-m-all-6-col pfe-m-gutters push-bottom ${isExportingPDF ? 'hide-in-pdf' : ''}` },
                 React.createElement("div", { className: "pfe-m-12-col" }, allDiscussions.length > 20 && (React.createElement(CommentSearch, { caseDiscussions: computeFilteredComments || [], onCommentSearch: onCaseCommentSearch, isCommentSearchCleared: isCommentSearchCleared }))),
                 React.createElement("span", { className: "push-top-narrow" },
-                    React.createElement("label", { htmlFor: "case-list-comments-dropdown", className: "pf-v5-u-mb-sm" }, t('Filter by')),
+                    React.createElement("label", { htmlFor: "case-list-comments-dropdown", className: "pf-v6-u-mb-sm" }, t('Filter by')),
                     React.createElement(Select, { "data-tracking-id": "discussions-filter-comments-dropdown", id: "case-list-comments-dropdown", role: "menu", isOpen: isOpen, selected: selectedFilterItems, onSelect: onFilterSelect, onOpenChange: (isOpen) => setIsOpen(isOpen), toggle: toggle, popperProps: { direction: 'down', enableFlip: false }, zIndex: 9 },
                         React.createElement(SelectList, null, list.map((option) => (React.createElement(SelectOption, { hasCheckbox: true, value: option, isSelected: option.isSelected, isDisabled: option.isDisabled }, option.filterLabel)))))),
                 React.createElement("span", { className: "push-top-narrow" },
-                    React.createElement("label", { htmlFor: "se-discussion-sort", className: "pf-v5-u-mb-sm" }, t('Sort by')),
+                    React.createElement("label", { htmlFor: "se-discussion-sort", className: "pf-v6-u-mb-sm" }, t('Sort by')),
                     React.createElement(Select, { id: "se-discussion-sort", "data-tracking-id": "discussions-sort-dropdown", isOpen: isSortOpen, selected: sortSelected, onSelect: onSortSelect, onOpenChange: (isSortOpen) => setIsSortOpen(isSortOpen), toggle: onSortToggle, shouldFocusToggleOnSelect: true, popperProps: { direction: 'down', enableFlip: false }, zIndex: 9 },
                         React.createElement(SelectList, null, discussionSortOrderConst.map((option) => (React.createElement(SelectOption, { value: option, isSelected: isEqual(sort.name, option.name) }, option.name))))))),
             React.createElement("div", { className: "support-comment-section" }, !shouldRenderRVComponent &&

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

@@ -46,7 +46,7 @@ const CaseExternalTrackerUpdate = React.forwardRef((props, ref) => {
                             React.createElement(Trans, null, " External tracker"))))))),
             !isPrivateUpdate() && props.trackerUpdate.customerVisible && (React.createElement("div", { className: "comment-note external-tracker-label" },
                 React.createElement(Trans, null, "External tracker"))),
-            React.createElement("span", { className: "pull-right pf-v5-l-flex pf-m-align-items-center" },
+            React.createElement("span", { className: "pull-right pf-v6-l-flex pf-m-align-items-center" },
                 props.showJumpToComment && (React.createElement(DiscussionItemLink, { onClick: onJumpToComment(props.trackerUpdate.id), discussionType: DiscussionType.EXTERNAL_TRACKER, itemId: props.trackerUpdate.id, caseNumber: caseNumber, isCopyLink: false },
                     React.createElement(Trans, null, "Jump to comment"))),
                 React.createElement(JumpAndCopyLink, { caseNumber: caseNumber, cardId: props.trackerUpdate.id, discussionType: DiscussionType.EXTERNAL_TRACKER })))));

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/CommentSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommentSearch.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CommentSearch.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAkB,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAE5F,UAAU,MAAM;IACZ,eAAe,EAAE,WAAW,EAAE,CAAC;IAC/B,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACxE,sBAAsB,EAAE,OAAO,CAAC;CACnC;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,qBAqG1C"}
+{"version":3,"file":"CommentSearch.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CommentSearch.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAkB,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAE5F,UAAU,MAAM;IACZ,eAAe,EAAE,WAAW,EAAE,CAAC;IAC/B,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACxE,sBAAsB,EAAE,OAAO,CAAC;CACnC;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,qBAoG1C"}

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

@@ -82,9 +82,8 @@ export function CommentSearch(props) {
     props.isCommentSearchCleared && !isEmpty(searchValue) && setSearchValue('');
     return (React.createElement("form", { onSubmit: handleSubmit },
         React.createElement("div", { className: "case-comment-input-container", "data-tracking-id": "case-comment-search" },
-            React.createElement(TextInput, { type: "search", value: searchValue, className: "pf-v5-u-mr-lg", placeholder: t('Search for a comment'), id: "case-comment-search", "aria-label": t('Search for a comment'), onChange: (_event, value) => onSearchValChange(value), "data-tracking-id": "case-comment-search-input" }),
-            searchValue && (React.createElement(Button, { onClick: clearSearchVal, className: "clear-btn", variant: "plain", "data-tracking-id": "case-comment-search-clear-button", "aria-label": t('Clear this search') },
-                React.createElement(TimesIcon, null))),
+            React.createElement(TextInput, { type: "search", value: searchValue, className: "pf-v6-u-mr-lg", placeholder: t('Search for a comment'), id: "case-comment-search", "aria-label": t('Search for a comment'), onChange: (_event, value) => onSearchValChange(value), "data-tracking-id": "case-comment-search-input" }),
+            searchValue && (React.createElement(Button, { icon: React.createElement(TimesIcon, null), onClick: clearSearchVal, className: "clear-btn", variant: "plain", "data-tracking-id": "case-comment-search-clear-button", "aria-label": t('Clear this search') })),
             React.createElement(Button, { variant: "secondary", type: "submit", "data-tracking-id": "case-comment-search-button" },
                 React.createElement(Trans, null, "Search")))));
 }

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/PostComment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PostComment.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/PostComment.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAQ7F,OAAO,EAAkB,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAsB5F,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,WAAW,EAAE,CAAC;CACjC;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,qBA6iBxC"}
+{"version":3,"file":"PostComment.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/PostComment.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAQ7F,OAAO,EAAkB,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAsB5F,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,WAAW,EAAE,CAAC;CACjC;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,qBA8iBxC"}

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

@@ -328,7 +328,7 @@ export function PostComment(props) {
         isCommentEmpty ||
         isPostCommentDisabled ||
         (isConfirmedStateSideSupport && !cssCommentAgreed);
-    return (React.createElement("div", { className: `pf-v5-u-mb-md ${isExportingPDF ? 'hide-in-pdf' : ''}`, ref: componentRef },
+    return (React.createElement("div", { className: `pf-v6-u-mb-md ${isExportingPDF ? 'hide-in-pdf' : ''}`, ref: componentRef },
         React.createElement(MarkdownEditor, { className: `${!isPublic && canPostPrivateComments ? 'is-private' : ''}`, disabled: isProcessing || canEditCase.isCaseNotEditable, "aria-label": "comment text area", showMarkdownPlainTextToggle: true, editorMode: commentType, onFocus: () => setIsTextAreaFocused(true), onBlur: onTextAreaBlur, onChange: onCommentTextChange, value: commentText, rows: isTextAreaFocused ? 12 : 4, bindTextArea: textAreaRef, onCommentExceedCharsLimit: onCommentExceedCharsLimit, mdPlaceholder: isPublic || !canPostPrivateComments
                 ? 'Add a comment using markdown'
                 : 'Add a comment or attach a file privately', plainTextPlaceholder: isPublic || !canPostPrivateComments
@@ -343,22 +343,22 @@ export function PostComment(props) {
                 isUploadingFile: isMarkdownFileUploadInProgress,
                 onClipboardPaste,
             } }),
-        isConfirmedStateSideSupport && (React.createElement("div", { className: "pf-v5-u-mt-md pf-v5-u-mb-lg" },
+        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-v5-u-font-weight-normal pf-v5-u-font-size-sm" },
+            React.createElement("label", { htmlFor: "css-case-comment-agreement", className: "pf-v6-u-font-weight-normal pf-v6-u-font-size-sm" },
                 React.createElement(Trans, null, "I will not transmit controlled unclassified information to or export it from the Red Hat Customer Portal."),
                 React.createElement("span", { className: "form-required", "aria-hidden": "true" }, "*")))),
-        isProcessing ? (React.createElement(LoadingIndicator, { isInline: true, size: "sm" })) : (React.createElement("div", { className: "pf-v5-l-flex post-comment-btn-group push-top-narrow" },
+        isProcessing ? (React.createElement(LoadingIndicator, { isInline: true, size: "sm" })) : (React.createElement("div", { className: "pf-v6-l-flex post-comment-btn-group push-top-narrow" },
             isModalOpen && loggedInUserRights.data.isInternal() && isPublic && (React.createElement(VerifyCaseStatusModal, { onClose: onCancel, onConfirm: onConfirm, isUpdating: isPostingComment, caseNumber: props.caseNumber })),
             React.createElement(Button, { "data-tracking-id": "postcomment-submit-button", type: "button", variant: ButtonVariant.primary, onClick: loggedInUser.data.isInternal && isPublic ? onBtnClick : isNotInternalConfirm, isDisabled: isSubmitDisabled, className: "postcomment-submit" },
                 React.createElement(Trans, null, "Submit")),
             canAddAttachments &&
                 (isPublic && canPostPrivateComments ? (React.createElement(Tooltip, { content: t('You can attach files privately') }, fileUploadButton)) : (fileUploadButton)),
-            React.createElement(Button, { "data-tracking-id": "postcomment-cancel-button", type: "button", variant: ButtonVariant.link, onClick: onCancelClick, isDisabled: isPostCommentDisabled },
+            React.createElement(Button, { className: "secondary-button-pill", "data-tracking-id": "postcomment-cancel-button", type: "button", variant: ButtonVariant.link, onClick: onCancelClick, isDisabled: isPostCommentDisabled },
                 React.createElement(Trans, null, "Cancel")),
             canPostPrivateComments && (React.createElement("span", { className: "post-comment-checkbox" },
                 React.createElement(Checkbox, { label: t('Private'), isChecked: !isPublic && canPostPrivateComments, onChange: handleCheckboxToggle, "aria-label": t('Private'), id: "private-comment", name: "private-comment", "data-tracking-id": "private-comment-checkbox" }))))),
-        React.createElement(FileUpload, { className: `file-upload-section ${hasSomeSelectedFilesLocal ? 'card card-white pf-v5-u-mt-lg pf-v5-u-p-lg' : ''}`, idToUploadTo: caseNumber, onUploadClick: onFileUploadClick, isSessionId: false, isSecureSupport: loggedInUsersAccount.data.secureSupport, isPrivate: !isPublic, autoUploadOnSelect: true, showDescriptionInfoMsg: true }),
+        React.createElement(FileUpload, { className: `file-upload-section ${hasSomeSelectedFilesLocal ? 'card card-white pf-v6-u-mt-lg pf-v6-u-p-lg' : ''}`, idToUploadTo: caseNumber, onUploadClick: onFileUploadClick, isSessionId: false, isSecureSupport: loggedInUsersAccount.data.secureSupport, isPrivate: !isPublic, autoUploadOnSelect: true, showDescriptionInfoMsg: true }),
         React.createElement("span", Object.assign({}, getRootProps(), { tabIndex: -1 }),
             React.createElement("input", Object.assign({ style: { display: 'none !important' } }, getInputProps()))),
         !loggedInUsersAccount.data.secureSupport && (React.createElement(NewFeaturePopoverAnnouncement, { "aria-label": "Attach and embed images! You'll find all of your uploaded images here.", featureName: FeatureAnnouncementKeys.MARKDOWN_INLINE_IMAGES, sectionRef: componentRef, bodyContent: React.createElement("div", null,

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/VerifyCaseStatusModal/VerifyCaseStatusModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VerifyCaseStatusModal.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/VerifyCaseStatusModal/VerifyCaseStatusModal.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAa3E,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,qBAsIlD"}
+{"version":3,"file":"VerifyCaseStatusModal.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/VerifyCaseStatusModal/VerifyCaseStatusModal.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAa3E,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,qBA4IlD"}

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

@@ -7,9 +7,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Button, ButtonVariant, Modal, ModalVariant } from '@patternfly/react-core';
-import { Select, SelectOption } from '@patternfly/react-core/deprecated';
-import { ToastNotification } from '@rh-support/components';
+import { Button, ButtonVariant, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant, } from '@patternfly/react-core';
+import { SingleSelectDropdown, ToastNotification } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
 import { ability, resourceActions, resources } from '@rh-support/user-permissions';
 import isEqual from 'lodash/isEqual';
@@ -24,8 +23,6 @@ export function VerifyCaseStatusModal(props) {
     const caseUpdateError = useCaseUpdateErrorMessage();
     const [caseOverviewState, caseOverviewDispatch] = useReducer(caseOverviewReducer, initialCaseViewState);
     const canManageCase = ability.can(resourceActions.UPDATE, resources.CASE_DETAILS);
-    const [showDropdown, setShowDropdown] = useState(false);
-    const onDropdownToggle = (toggle) => setShowDropdown(toggle);
     const caseState = useCaseSelector((state) => ({
         caseDetails: {
             product: state.caseDetails.product,
@@ -81,23 +78,34 @@ export function VerifyCaseStatusModal(props) {
             return;
         }
     });
-    const onStatusChange = (event, newStatus) => __awaiter(this, void 0, void 0, function* () {
+    const onStatusChange = (selectedOption) => __awaiter(this, void 0, void 0, function* () {
         if (canEditCase.alert())
             return;
-        setStatusChange(newStatus);
-        onDropdownToggle(false);
+        setStatusChange(selectedOption.value);
     });
-    return (React.createElement(Modal, { id: "case-close-modal", title: t(`Please verify this case's status`), description: t(`Consider whether or not you're ready to nudge the customer`), "aria-describedby": "case-close-modal", isOpen: true, onClose: props.onClose, showClose: true, actions: [
+    // Create selected option for SingleSelectDropdown
+    const getSelectedOption = () => ({
+        label: t(statusChange || status),
+        value: statusChange || status,
+    });
+    // Create options array for SingleSelectDropdown
+    const getDropdownOptions = () => caseOverviewState.allCaseStatuses.data.map((statusOption) => ({
+        label: t(statusOption),
+        value: statusOption,
+        disabled: statusOption === status,
+    }));
+    return (React.createElement(Modal, { id: "case-close-modal", title: t(`Please verify this case's status`), "aria-describedby": "case-close-modal", isOpen: true, onClose: props.onClose, variant: ModalVariant.medium },
+        React.createElement(ModalHeader, null,
+            React.createElement("h3", { className: "subheading subheading-sm" },
+                React.createElement(Trans, null, "Status"),
+                React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))),
+        React.createElement(ModalBody, null,
+            React.createElement(SingleSelectDropdown, { ariaLabel: t(status), id: "verify-case-status", selected: getSelectedOption(), options: getDropdownOptions(), onSelect: onStatusChange, isDisabled: !canManageCase ||
+                    caseOverviewState.allCaseStatuses.isFetching ||
+                    (caseOverviewState.caseStatusUpdating && isCaseUpdating), isInvalid: !status, placeholder: t(status) })),
+        React.createElement(ModalFooter, null,
             React.createElement(Button, { key: "submit-description", variant: ButtonVariant.primary, onClick: onSubmit, isLoading: isVerifyCaseStatusLoading, isDisabled: props.isUpdating, "data-tracking-id": "close-case-description-modal-submit" },
                 React.createElement(Trans, null, "Continue")),
             React.createElement(Button, { key: "close-modal", variant: ButtonVariant.link, onClick: props.onClose, isDisabled: props.isUpdating, "data-tracking-id": "close-case-description-modal-cancel" },
-                React.createElement(Trans, null, "Cancel")),
-        ], variant: ModalVariant.medium },
-        React.createElement("h3", { className: "subheading subheading-sm" },
-            React.createElement(Trans, null, "Status"),
-            React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
-        React.createElement(Select, { "aria-label": t(status), id: "verify-case-status", selections: statusChange, onSelect: onStatusChange, isOpen: showDropdown, isDisabled: !canManageCase ||
-                caseOverviewState.allCaseStatuses.isFetching ||
-                (caseOverviewState.caseStatusUpdating && isCaseUpdating), menuAppendTo: document.body, validated: !status ? 'error' : 'default', placeholderText: t(status), onToggle: (_event, toggle) => onDropdownToggle(toggle) }, caseOverviewState.allCaseStatuses.data.map((option, index) => (React.createElement(SelectOption, { key: index, value: option, isDisabled: option === status },
-            React.createElement(Trans, null, option)))))));
+                React.createElement(Trans, null, "Cancel")))));
 }

package/lib/esm/components/CaseEditView/Tabs/CaseHistory/Timeline.css

@@ -73,7 +73,6 @@
     display: flex;
     justify-content: space-between;
     align-items: center;
-    padding: 0.5rem 1rem;
     margin: 0 -0.8rem;
 }
 
@@ -82,15 +81,23 @@
     display: flex;
     align-items: center;
 }
+
 #options-menu-top-pagination {
     display: flex !important;
     flex-wrap: nowrap !important;
+    justify-content: flex-start;
+    margin-left: 1rem;
 }
+
 .timeline-sort-order-select {
     width: auto;
     margin-left: 1rem;
 }
 
+.timeline-sort-order-select .pf-v6-c-menu-toggle {
+    min-width: 17rem;
+}
+
 .timeline-controls:last-of-type {
     justify-content: flex-start;
 }
@@ -254,14 +261,13 @@ ul#case-history-paginated-timeline {
 }
 
 .case-history-timeline-search {
-    width: 30%;
+    width: 40%;
 }
 
 .timelineMenu {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    margin-bottom: 2rem;
 }
 
 .case-history-timeline-datepicker {
@@ -271,6 +277,19 @@ ul#case-history-paginated-timeline {
     width: 64.2%;
 }
 
+.case-history-timeline-datepicker input[aria-label='Date picker'] {
+    min-width: 10rem;
+}
+
+.case-history-timeline-datepicker button {
+    height: 100% !important;
+}
+
+.case-history-timeline-datepicker .pf-v6-c-calendar-month__header-year input {
+    font-size: var(--pf-t--global--font--size--body--default);
+    line-height: var(--pf-t--global--font--line-height--body);
+}
+
 .empty-state-date-picker {
     margin-left: 82%;
 }
@@ -284,8 +303,12 @@ ul#case-history-paginated-timeline {
 .timeline-sort-order-select {
     display: flex;
     justify-content: flex-end;
-    margin: 1rem;
     width: 93.2%;
+    margin-top: var(--pf-t--global--spacer--md);
+}
+
+.order-select .pf-v6-c-menu-toggle {
+    min-width: 15rem;
 }
 
 @-moz-document url-prefix() {

package/lib/esm/components/CaseEditView/Tabs/CaseHistory/Timeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseHistory/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AA2BxB,OAAO,KAAsC,MAAM,OAAO,CAAC;AAwT3D,QAAA,MAAM,QAAQ;;uBA4Ub,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseHistory/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AAwBxB,OAAO,KAAsC,MAAM,OAAO,CAAC;AAwT3D,QAAA,MAAM,QAAQ;;uBAuUb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/esm/components/CaseEditView/Tabs/CaseHistory/Timeline.js

@@ -9,10 +9,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import './Timeline.css';
 import { caseHistory } from '@cee-eng/hydrajs';
-import { Avatar, Button, DatePicker, EmptyState, EmptyStateBody, EmptyStateHeader, EmptyStateIcon, EmptyStateVariant, MenuToggle, Pagination, SearchInput, Select, SelectOption, Spinner, } from '@patternfly/react-core';
+import { Avatar, Button, DatePicker, EmptyState, EmptyStateBody, EmptyStateVariant, MenuToggle, Pagination, SearchInput, Select, SelectOption, Spinner, } from '@patternfly/react-core';
 import ExclamationCircleIcon from '@patternfly/react-icons/dist/js/icons/exclamation-circle-icon';
 import SearchIcon from '@patternfly/react-icons/dist/js/icons/search-icon';
-import globalDangerColor100 from '@patternfly/react-tokens/dist/js/global_danger_color_100';
 import { haltEvent } from '@rh-support/utils';
 import { format, fromUnixTime, isSameDay, parse } from 'date-fns';
 import debounce from 'lodash/debounce';
@@ -419,8 +418,7 @@ const Timeline = ({ caseNumber }) => {
     };
     const renderTimelineContent = () => {
         if (fetchError) {
-            return (React.createElement(EmptyState, { variant: EmptyStateVariant.full },
-                React.createElement(EmptyStateHeader, { titleText: "Unable to connect", icon: React.createElement(EmptyStateIcon, { icon: ExclamationCircleIcon, color: globalDangerColor100.value }), headingLevel: "h2" }),
+            return (React.createElement(EmptyState, { headingLevel: "h2", icon: ExclamationCircleIcon, titleText: "Unable to connect", variant: EmptyStateVariant.full },
                 React.createElement(EmptyStateBody, null,
                     React.createElement(Trans, null,
                         "Try ",
@@ -429,8 +427,7 @@ const Timeline = ({ caseNumber }) => {
                         "or check back later"))));
         }
         if (filteredEvents.length < 1) {
-            return (React.createElement(EmptyState, { variant: EmptyStateVariant.full },
-                React.createElement(EmptyStateHeader, { titleText: React.createElement(Trans, null, "No results found"), icon: React.createElement(EmptyStateIcon, { icon: SearchIcon }), headingLevel: "h2" }),
+            return (React.createElement(EmptyState, { headingLevel: "h2", icon: SearchIcon, titleText: React.createElement(Trans, null, "No results found"), variant: EmptyStateVariant.full },
                 React.createElement(EmptyStateBody, null,
                     React.createElement(Trans, null, "Try modifying your search query or changing the date range and try again."))));
         }
@@ -442,11 +439,11 @@ const Timeline = ({ caseNumber }) => {
             React.createElement(SearchInput, { placeholder: t('Search for a user, action, or keyword'), value: searchValue, onChange: handleSearchChange, onClear: handleClear, className: "case-history-timeline-search" }),
             React.createElement("div", { className: "case-history-timeline-datepicker" },
                 React.createElement(DatePicker, { value: dateValue, onChange: (_event, value) => handleDateChange(value), validators: [futureDateValidator] }),
-                React.createElement(Button, { onClick: () => setDateValue(''), isDisabled: isEmpty(dateValue) }, "Reset"))),
+                React.createElement(Button, { className: "pf-v6-u-ml-xs", onClick: () => setDateValue(''), isDisabled: isEmpty(dateValue) }, "Reset"))),
         React.createElement("div", { className: "timeline-controls" },
             React.createElement("div", { className: "timeline-pagination" }, renderPagination()),
             React.createElement("div", { className: "timeline-sort-order-select" },
-                React.createElement(Select, { id: "order-select", isOpen: isSelectOpen, selected: selectedOrder, onSelect: handleSelect, onOpenChange: (isOpen) => setIsSelectOpen(isOpen), shouldFocusToggleOnSelect: false, toggle: (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: handleSelectToggle, isExpanded: isSelectOpen, style: { width: '200px' } }, selectedOrder)) },
+                React.createElement(Select, { id: "order-select", isOpen: isSelectOpen, selected: selectedOrder, onSelect: handleSelect, onOpenChange: (isOpen) => setIsSelectOpen(isOpen), shouldFocusToggleOnSelect: false, toggle: (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: handleSelectToggle, isExpanded: isSelectOpen }, selectedOrder)) },
                     React.createElement(SelectOption, { value: "Newest to Oldest" }, "Newest to Oldest"),
                     React.createElement(SelectOption, { value: "Oldest to Newest" }, "Oldest to Newest")))),
         isFetchingData ? (React.createElement("div", { className: "timeline-loading-spinner" },

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

@@ -1 +1 @@
-{"version":3,"file":"CasePrivateNotes.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CasePrivateNotes/CasePrivateNotes.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D,QAAA,MAAM,YAAY;;CAEjB,CAAC;AAEF,KAAK,YAAY,GAAG,OAAO,YAAY,CAAC;AAExC,UAAU,MAAO,SAAQ,YAAY;CAAG;AAExC,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAwGtC;kBAxGQ,gBAAgB;;;;;AA2GzB,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"CasePrivateNotes.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CasePrivateNotes/CasePrivateNotes.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D,QAAA,MAAM,YAAY;;CAEjB,CAAC;AAEF,KAAK,YAAY,GAAG,OAAO,YAAY,CAAC;AAExC,UAAU,MAAO,SAAQ,YAAY;CAAG;AAExC,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAwGtC;kBAxGQ,gBAAgB;;;;;AA2GzB,eAAe,gBAAgB,CAAC"}

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

@@ -7,6 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+import { Button } from '@patternfly/react-core';
 import { LoadingIndicator, TextAreaResizable, ToastNotification } from '@rh-support/components';
 import { useCanEditCase } from '@rh-support/react-context';
 import { AbilityContext, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
@@ -78,14 +79,14 @@ function CasePrivateNotes(props) {
                 React.createElement(Trans, null, "Notes"))),
         canUpdatePrivateNotes && (React.createElement("form", null,
             React.createElement(TextAreaResizable, { style: { minHeight: '200px' }, id: "rha-case-notes", disabled: isUpdating, maxLength: 255, name: "notes", value: notesState, onChange: onChange }),
-            React.createElement("div", { className: "pf-v5-u-mt-md" },
-                React.createElement("button", { className: `btn btn-app btn-primary ${isExportingPDF ? 'hide-in-pdf' : ''}`, onClick: updateCase, disabled: isPrivateNotesEmpty || isUpdating || !formIsDirty, type: "button" },
+            React.createElement("div", { className: "pf-v6-u-mt-md" },
+                React.createElement(Button, { className: `${isExportingPDF ? 'hide-in-pdf' : ''}`, onClick: updateCase, disabled: isPrivateNotesEmpty || isUpdating || !formIsDirty, variant: "primary" },
                     React.createElement(Trans, null, "Update"),
                     " ",
                     React.createElement(LoadingIndicator, { show: isUpdating, isInline: true })),
-                React.createElement("button", { className: `btn btn-app btn-link ${isExportingPDF ? 'hide-in-pdf' : ''}`, onClick: discardNotes, disabled: isUpdating || !formIsDirty, type: "button" },
+                React.createElement(Button, { className: `pf-v6-u-ml-md ${isExportingPDF ? 'hide-in-pdf' : ''}`, onClick: discardNotes, disabled: isUpdating || !formIsDirty, variant: "secondary" },
                     React.createElement(Trans, null, "Discard Changes"))))),
-        React.createElement("p", { className: "pf-v5-u-mt-xl" },
+        React.createElement("p", { className: "pf-v6-u-mt-xl" },
             React.createElement(Trans, null, "Please note, contents of this field are not visible to Red Hat Support professionals."))));
 }
 CasePrivateNotes.defaultProps = defaultProps;

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

@@ -1 +1 @@
-{"version":3,"file":"CaseSummary.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseSummary/CaseSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAwB3B,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,UAAW,MAAM,sBA4KxC,CAAC"}
+{"version":3,"file":"CaseSummary.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseSummary/CaseSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAsB3B,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,UAAW,MAAM,sBA6KxC,CAAC"}

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

@@ -10,7 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import './caseSummary.css';
 import { caseSummary } from '@cee-eng/hydrajs';
 import { parseCommentMarkdown } from '@cee-eng/ui-toolkit';
-import { Alert, AlertActionLink, AlertVariant, EmptyState, EmptyStateBody, EmptyStateHeader, EmptyStateIcon, EmptyStateVariant, Spinner, TextContent, } from '@patternfly/react-core';
+import { Alert, AlertActionLink, AlertVariant, Content, EmptyState, EmptyStateBody, EmptyStateVariant, Spinner, } from '@patternfly/react-core';
 import CubesIcon from '@patternfly/react-icons/dist/js/icons/cubes-icon';
 import { SupportFeedbackModal } from '@rh-support/components';
 import { getApiResourceObject } from '@rh-support/utils';
@@ -79,15 +79,14 @@ export const CaseSummary = (props) => {
         }
         const markeddownOptions = { openLinksInNewTab: true, gfm: true, breaks: true };
         const sanitizedHtml = DOMPurify.sanitize(parseCommentMarkdown(summary, { openImagesInNewTab: false, lazyLoadImages: false }, markeddownOptions));
-        return (React.createElement(TextContent, { className: "case-summary-text-content" },
+        return (React.createElement(Content, { className: "case-summary-text-content" },
             React.createElement("div", { dangerouslySetInnerHTML: { __html: sanitizedHtml } })));
     };
     return (React.createElement("section", { className: "card card-white" },
         React.createElement(Alert, { variant: AlertVariant.info, title: "Case summary uses AI. Check for mistakes.", isInline: true, actionLinks: React.createElement(AlertActionLink, { onClick: (e) => triggerAppFeedbackItem(e), href: "#", "data-tracking-id": "send-feedback-button" },
                 React.createElement(Trans, null, "Send Feedback")) },
             React.createElement("p", null, "By using this feature, your support case information will be used to create an AI-generated summary of your cases. Information may not be up-to-date or without error. Always review AI generated content prior to use. We encourage you to send feedback to improve the case summary feature")),
-        caseSummaryState === CaseSummaryStates.NEW_CASE ? (React.createElement(EmptyState, { variant: EmptyStateVariant.lg },
-            React.createElement(EmptyStateHeader, { titleText: React.createElement(Trans, null, "Unable to generate case summary"), icon: React.createElement(EmptyStateIcon, { icon: CubesIcon }), headingLevel: "h2" }),
+        caseSummaryState === CaseSummaryStates.NEW_CASE ? (React.createElement(EmptyState, { headingLevel: "h2", icon: CubesIcon, titleText: React.createElement(Trans, null, "Unable to generate case summary"), variant: EmptyStateVariant.lg },
             React.createElement(EmptyStateBody, null,
                 React.createElement("p", { className: "push-top-narrow" },
                     React.createElement(Trans, null, errorMessage))))) : caseSummaryState === CaseSummaryStates.FAILED ||
@@ -104,8 +103,7 @@ export const CaseSummary = (props) => {
                     second: '2-digit',
                     hour12: true,
                 })),
-                React.createElement("div", { className: "case-summary-content" }, formatSummary((_c = caseSummaryData.data) === null || _c === void 0 ? void 0 : _c.generated_summary))))) : (React.createElement(EmptyState, { variant: EmptyStateVariant.lg },
-            React.createElement(EmptyStateHeader, { titleText: React.createElement(Trans, null, "Generating case summary using AI"), icon: React.createElement(EmptyStateIcon, { icon: Spinner }), headingLevel: "h2" }),
+                React.createElement("div", { className: "case-summary-content" }, formatSummary((_c = caseSummaryData.data) === null || _c === void 0 ? void 0 : _c.generated_summary))))) : (React.createElement(EmptyState, { headingLevel: "h2", icon: Spinner, titleText: React.createElement(Trans, null, "Generating case summary using AI"), variant: EmptyStateVariant.lg },
             React.createElement(EmptyStateBody, null,
                 React.createElement("p", { className: "push-top-narrow" },
                     React.createElement(Trans, null, "Almost there! case summary will be ready in approximately 30 seconds."))))),

package/lib/esm/components/CaseEditView/Tabs/CaseSummary/CaseSummaryErrorMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseSummaryErrorMessage.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseSummary/CaseSummaryErrorMessage.tsx"],"names":[],"mappings":"AAeA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,UAAU,MAAM;IACZ,gBAAgB,EAAE,GAAG,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,GAAG,CAAC;CACzB;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,qBA4FpD"}
+{"version":3,"file":"CaseSummaryErrorMessage.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseSummary/CaseSummaryErrorMessage.tsx"],"names":[],"mappings":"AAYA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,UAAU,MAAM;IACZ,gBAAgB,EAAE,GAAG,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,GAAG,CAAC;CACzB;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,qBA6FpD"}

package/lib/esm/components/CaseEditView/Tabs/CaseSummary/CaseSummaryErrorMessage.js

@@ -1,7 +1,6 @@
-import { Button, EmptyState, EmptyStateBody, EmptyStateFooter, EmptyStateHeader, EmptyStateIcon, EmptyStateVariant, Flex, FlexItem, } from '@patternfly/react-core';
+import { Button, EmptyState, EmptyStateBody, EmptyStateFooter, EmptyStateVariant, Flex, FlexItem, } from '@patternfly/react-core';
 import ExclamationCircleIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-circle-icon';
 import RedoIcon from '@patternfly/react-icons/dist/esm/icons/redo-icon';
-import globalDangerColor100 from '@patternfly/react-tokens/dist/js/global_danger_color_100';
 import { SupportFeedbackModal } from '@rh-support/components';
 import React, { useEffect, useState } from 'react';
 import { Trans } from 'react-i18next';
@@ -40,10 +39,9 @@ export function CaseSummaryErrorMessage(props) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     return (React.createElement(React.Fragment, null,
-        React.createElement(EmptyState, { variant: EmptyStateVariant.sm },
-            React.createElement(EmptyStateHeader, { titleText: props.caseSummaryState === CaseSummaryStates.CASE_LANGUAGE_NOT_SUPPORTED
-                    ? 'Unsupported language detected'
-                    : 'Error while loading case summary', icon: React.createElement(EmptyStateIcon, { icon: ExclamationCircleIcon, color: globalDangerColor100.value }), headingLevel: "h2" }),
+        React.createElement(EmptyState, { headingLevel: "h2", icon: ExclamationCircleIcon, status: "danger", titleText: props.caseSummaryState === CaseSummaryStates.CASE_LANGUAGE_NOT_SUPPORTED
+                ? 'Unsupported language detected'
+                : 'Error while loading case summary', variant: EmptyStateVariant.sm },
             React.createElement(EmptyStateBody, null,
                 React.createElement(Trans, null, props.errorMessage && React.createElement("div", { dangerouslySetInnerHTML: { __html: props.errorMessage } }))),
             React.createElement(EmptyStateFooter, null,

package/lib/esm/components/CaseEditView/Tabs/RMEEscalations/RMEEscalationList.js

@@ -125,7 +125,7 @@ export default function RMEEscalationList(props) {
                     React.createElement(Button, { variant: ButtonVariant.secondary, onClick: () => requestUpdateRMEEscalation(escalation.name), "data-tracking-id": "case-details-rme-req-update", isDisabled: customerEscalation },
                         React.createElement(Trans, null, "Request Update"))),
                 React.createElement(FlexItem, null,
-                    React.createElement(Button, { variant: ButtonVariant.secondary, className: "pf-v5-u-mt-sm", onClick: () => requestClosureRMEEscalation(escalation.name), "data-tracking-id": "case-details-rme-req-closure" },
+                    React.createElement(Button, { variant: ButtonVariant.secondary, className: "pf-v6-u-mt-sm", onClick: () => requestClosureRMEEscalation(escalation.name), "data-tracking-id": "case-details-rme-req-closure" },
                         React.createElement(Trans, null, "Request Closure")))));
         }
     };

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

@@ -1 +1 @@
-{"version":3,"file":"RelatedTasks.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/RelatedTasks/RelatedTasks.tsx"],"names":[],"mappings":"AAcA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAqBnD,QAAA,MAAM,YAAY,yBA+KjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"RelatedTasks.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/RelatedTasks/RelatedTasks.tsx"],"names":[],"mappings":"AAYA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAqBnD,QAAA,MAAM,YAAY,yBA8KjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Badge, EmptyState, EmptyStateHeader, EmptyStateIcon, EmptyStateVariant, Pagination, SearchInput, ToggleGroup, ToggleGroupItem, } from '@patternfly/react-core';
+import { Badge, EmptyState, EmptyStateVariant, Pagination, SearchInput, ToggleGroup, ToggleGroupItem, } from '@patternfly/react-core';
 import CubesIcon from '@patternfly/react-icons/dist/js/icons/cubes-icon';
 import { Table, Tbody, Td, Th, Thead, Tr } from '@patternfly/react-table';
 import isEqual from 'lodash/isEqual';
@@ -112,7 +112,6 @@ const RelatedTasks = () => {
                     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 }) }))))));
+            React.createElement(EmptyState, { headingLevel: "h4", icon: CubesIcon, titleText: t("There aren't any related tasks."), variant: EmptyStateVariant.full })))));
 };
 export default RelatedTasks;

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

@@ -1 +1 @@
-{"version":3,"file":"CaseGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/CaseGroup.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAW5E,UAAU,MAAM;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAWD,iBAAS,SAAS,CAAC,KAAK,EAAE,MAAM,qBAqV/B;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"CaseGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/CaseGroup.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAW5E,UAAU,MAAM;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAWD,iBAAS,SAAS,CAAC,KAAK,EAAE,MAAM,qBAwV/B;AAED,eAAe,SAAS,CAAC"}

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

@@ -219,8 +219,7 @@ function CaseGroup(props) {
             React.createElement(TextInputGroupMain, { value: inputValue, onClick: onToggleClick, onChange: onInputQueryChange, onKeyDown: onInputKeyDown, autoComplete: "off", innerRef: textInputRef, placeholder: t(`Select a group`), role: "combobox", isExpanded: isOpen, "aria-controls": "select-typeahead-listbox" }),
             !isCaseOwnerUpdating && (ownersCaseGroups.isFetching || isCaseGroupUpdating) ? (React.createElement(TextInputGroupUtilities, null,
                 React.createElement(Spinner, { size: "md" }))) : (React.createElement(TextInputGroupUtilities, Object.assign({}, (!inputValue ? { style: { display: 'none' } } : {})),
-                React.createElement(Button, { variant: "plain", onClick: onCaseGroupClear, "aria-label": "Clear input value" },
-                    React.createElement(TimesIcon, { "aria-hidden": true })))))));
+                React.createElement(Button, { icon: React.createElement(TimesIcon, { "aria-hidden": true }), variant: "plain", onClick: onCaseGroupClear, "aria-label": "Clear input value" }))))));
     return (React.createElement("div", { className: "form-group" },
         React.createElement("label", { htmlFor: "get-support-group" },
             React.createElement(Trans, null, "Group"),