@rh-support/troubleshoot 2.2.106 → 2.2.107-beta.2

package/lib/esm/components/AccountInfo/AccountSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccountSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountInfo/AccountSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAOnC,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AAKrE,OAAO,KAA0C,MAAM,OAAO,CAAC;AAS/D,UAAU,MAAO,SAAQ,gBAAgB;CAAG;AAE5C,eAAO,MAAM,YAAY,EAAE,MAG1B,CAAC;AAEF,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,qBA4KrC;kBA5KQ,eAAe;;;AAgLxB,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"AccountSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountInfo/AccountSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAOnC,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AAKrE,OAAO,KAA0C,MAAM,OAAO,CAAC;AAS/D,UAAU,MAAO,SAAQ,gBAAgB;CAAG;AAE5C,eAAO,MAAM,YAAY,EAAE,MAG1B,CAAC;AAEF,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,qBA6KrC;kBA7KQ,eAAe;;;AAiLxB,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/lib/esm/components/AccountInfo/AccountSelector.js

@@ -115,7 +115,7 @@ function AccountSelector(props) {
                 React.createElement(Trans, null, "Account"),
                 ' ',
                 React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
-            canUseFindMyAccount && (React.createElement("button", { role: "link", className: "btn btn-link btn-app find-my-account pf-v5-u-ml-auto", onClick: onFindMyAccountClick, disabled: selectedAccountDetails.isFetching, "data-tracking-id": "get-support-find-my-account" },
+            canUseFindMyAccount && (React.createElement("button", { role: "link", className: "btn btn-link btn-app find-my-account pf-v5-u-ml-auto", onClick: onFindMyAccountClick, disabled: selectedAccountDetails.isFetching, "data-tracking-id": "get-support-find-my-account", type: "button" },
                 React.createElement(Trans, null, "Find my account")))),
         React.createElement("div", { className: "account-selector-wrapper" },
             React.createElement(AccountSelectorInternal, { selectedAccounts: [selectedAccount], canBookmarkAccount: canBookmarkAccounts, bookmarkedAccounts: bookmarkedGroupAccounts.data, id: "account-or-bookmark-selector", className: "account-selector", name: "account-or-bookmark-selector", placeholder: t(`Search for an account ${loggedInUserRights.data.isExternal() ? 'or select a bookmark' : ''} `), onSelect: onInternalAccountSelect, disabled: loggedInUserRights.data.isExternal() || selectedAccountDetails.isFetching, isInValid: isSelectedAccountSubscriptionAbused, restrictedOnSubscriptionAbuse: true })),

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

@@ -1 +1 @@
-{"version":3,"file":"CaseDetailsTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsTabs.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AAwBlE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,mBAAmB,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AACD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,qBAqN5C"}
+{"version":3,"file":"CaseDetailsTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsTabs.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AAyBlE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,mBAAmB,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AACD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,qBAgO5C"}

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

@@ -11,6 +11,7 @@ import { useCaseSelector } from '../../context/CaseContext';
 import { useCaseDetailsPageStateContext } from '../../context/CaseDetailsPageContext';
 import { PDFContext } from './PDFContainer';
 import CaseDetailsManagement from './Tabs/CaseDetails/CaseDetailsManagement';
+import CaseHistory from './Tabs/CaseHistory/CaseHistory';
 const RelatedTasks = React.lazy(() => import(/* webpackChunkName: 'CaseBugzilla' */ './Tabs/RelatedTasks/RelatedTasks'));
 const CaseActionPlan = React.lazy(() => import(/* webpackChunkName: 'CaseActionPlan' */ './Tabs/CaseActionPlan/CaseActionPlan'));
 const CasePrivateNotes = React.lazy(() => import(/* webpackChunkName: 'CasePrivateNotes' */ './Tabs/CasePrivateNotes/CasePrivateNotes'));
@@ -45,6 +46,7 @@ export function CaseDetailsTabs(props) {
     const actionPlanTabRef = useRef(null);
     const escalationTabRef = useRef(null);
     const relatedTasksRef = useRef(null);
+    const caseHistoryTabRef = useRef(null);
     const tabsToRender = [];
     const handleTabClick = (event, tabIndex) => {
         setActiveTabKey(tabIndex);
@@ -102,6 +104,14 @@ export function CaseDetailsTabs(props) {
             routePath: 'escalation',
             component: (React.createElement(RMEEscalationList, { escalations: caseEscalations.data, caseNumber: caseNumber, caseStatus: status, accountNumber: loggedInUserRights.data.getAccountNumber(), isInternal: loggedInUserRights.data.isInternal() })),
         });
+    tabsToRender.push({
+        'data-tracking-id': 'case-history-tab',
+        title: CaseDetailsTabsEnum.HISTORY,
+        key: 'history',
+        routePath: 'history',
+        ref: caseHistoryTabRef,
+        component: React.createElement(CaseHistory, { caseNumber: caseNumber }),
+    });
     const getActiveTabKey = () => {
         if (!activeTab)
             return activeTabKey;

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

@@ -1 +1 @@
-{"version":3,"file":"CaseActionPlan.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseActionPlan/CaseActionPlan.tsx"],"names":[],"mappings":"AAaA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAMD,iBAAS,cAAc,CAAC,KAAK,EAAE,MAAM,qBAwIpC;kBAxIQ,cAAc;;;AA2IvB,eAAe,cAAc,CAAC"}
+{"version":3,"file":"CaseActionPlan.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseActionPlan/CaseActionPlan.tsx"],"names":[],"mappings":"AAaA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAMD,iBAAS,cAAc,CAAC,KAAK,EAAE,MAAM,qBA0IpC;kBA1IQ,cAAc;;;AA6IvB,eAAe,cAAc,CAAC"}

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

@@ -90,11 +90,11 @@ function CaseActionPlan(props) {
             React.createElement("div", { className: isExportingPDF ? 'hide-in-pdf' : '' },
                 React.createElement(TextAreaResizable, { id: "rha-action-plan", disabled: isUpdating || isInternalWithoutSFDCUser, maxLength: 32768, name: "actionPlan", value: actionPlanState, onChange: onChange, rowsMin: 3 })),
             !isInternalWithoutSFDCUser && (React.createElement("div", { className: `${isExportingPDF ? 'hide-in-pdf' : ''} push-top-narrow` },
-                React.createElement("button", { className: "btn btn-app btn-primary", onClick: updateCase, disabled: isActionPlanEmpty || isUpdating || !formIsDirty },
+                React.createElement("button", { className: "btn btn-app btn-primary", onClick: updateCase, disabled: isActionPlanEmpty || isUpdating || !formIsDirty, type: "button" },
                     React.createElement(Trans, null, "Submit"),
                     " ",
                     React.createElement(LoadingIndicator, { show: isUpdating, isInline: true })),
-                React.createElement("button", { className: "btn btn-app btn-link", onClick: discardActionPlan, disabled: isUpdating || !formIsDirty },
+                React.createElement("button", { className: "btn btn-app btn-link", onClick: discardActionPlan, disabled: isUpdating || !formIsDirty, type: "button" },
                     React.createElement(Trans, null, "Cancel")))),
             React.createElement("p", { className: "pf-v5-u-mt-xl" },
                 React.createElement(Trans, null,

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

@@ -1 +1 @@
-{"version":3,"file":"CaseAttachment.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseAttachment.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAexE,OAAO,KAAuC,MAAM,OAAO,CAAC;AAS5D,UAAU,MAAM;IACZ,UAAU,EAAE,WAAW,CAAC;IACxB,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,iBAAiB,EAAE,WAAW,KAAK,IAAI,CAAC;IACzE,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,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,cAAc,4EAmPlB,CAAC;AAEH,eAAe,cAAc,CAAC"}
+{"version":3,"file":"CaseAttachment.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseAttachment.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAexE,OAAO,KAAuC,MAAM,OAAO,CAAC;AAS5D,UAAU,MAAM;IACZ,UAAU,EAAE,WAAW,CAAC;IACxB,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,iBAAiB,EAAE,WAAW,KAAK,IAAI,CAAC;IACzE,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,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,cAAc,4EAqPlB,CAAC;AAEH,eAAe,cAAc,CAAC"}

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

@@ -140,7 +140,7 @@ const CaseAttachment = React.forwardRef((props, ref) => {
                         React.createElement("div", { className: "clip-content-wrapper code-block" },
                             React.createElement("code", { ref: clipboardRef }, props.attachment.checksum)),
                         React.createElement(Tooltip, { position: TooltipPosition.top, content: clipboardText, trigger: "click" },
-                            React.createElement("button", { "aria-label": "Copy to clipboard", className: "nimbus-icon-clipboard clip-code-raw-btn xs-icon", onClick: copyToClipboard }))))),
+                            React.createElement("button", { "aria-label": "Copy to clipboard", className: "nimbus-icon-clipboard clip-code-raw-btn xs-icon", onClick: copyToClipboard, type: "button" }))))),
                 React.createElement(InlineEdit, { labelProps: { htmlFor: `case-details-file-description-${props.attachment.id}` }, allowInlineEdit: true, labelContent: React.createElement(Trans, null, "Description"), content: React.createElement("div", { className: "clip-content-wrapper code-block" }, props.attachment.description), hideSaveCancel: false, onSave: onDescriptionSave, onCancel: onDescriptionCancel, dataTrackingId: "case-details-file-description", initialIsEditing: props.attachment.description ? false : true, saveDisabled: isCaseAttachmentDescriptionLengthy ||
                         isCaseAttachmentDescription ||
                         attachmentDescription === props.attachment.description ||
@@ -153,7 +153,7 @@ const CaseAttachment = React.forwardRef((props, ref) => {
             React.createElement("span", { className: "pull-right pf-v5-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" },
+                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" },
                     React.createElement(Trans, null, "Delete")),
                 React.createElement(JumpAndCopyLink, { caseNumber: props.attachment.caseNumber, cardId: props.attachment.id, discussionType: DiscussionType.ATTACHMENT })))));
 });

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;AA8BvE,OAAO,KAA+B,MAAM,OAAO,CAAC;AAQpD,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,4EA4ThB,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;AA8BvE,OAAO,KAA+B,MAAM,OAAO,CAAC;AAQpD,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,4EAgUhB,CAAC;AAEH,eAAe,YAAY,CAAC"}

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

@@ -72,11 +72,11 @@ const CaseComments = React.forwardRef((props, ref) => {
     const commentFeedbackButtons = (comment, feedback) => (React.createElement("span", { className: "comment-feedback-buttons" },
         React.createElement(LoadingIndicator, { isInline: true, show: isFeedbackUpdating }),
         React.createElement(Tooltip, { position: TooltipPosition.top, content: t('Positive feedback') },
-            React.createElement("button", { className: "btn btn-app btn-link", onClick: applyCommentFeedback(comment, 1), "data-tracking-id": "case-comment-feedback-up" }, feedback === 1 ? (React.createElement(SmileIcon, { title: t('Remove positive feedback') })) : (React.createElement(OutlinedSmileIcon, { title: t('Leave positive feedback') })))),
+            React.createElement("button", { className: "btn btn-app btn-link", onClick: applyCommentFeedback(comment, 1), "data-tracking-id": "case-comment-feedback-up", type: "button" }, feedback === 1 ? (React.createElement(SmileIcon, { title: t('Remove positive feedback') })) : (React.createElement(OutlinedSmileIcon, { title: t('Leave positive feedback') })))),
         React.createElement(Tooltip, { position: TooltipPosition.top, content: t('Neutral feedback') },
-            React.createElement("button", { className: "btn btn-app btn-link", onClick: applyCommentFeedback(comment, 0), "data-tracking-id": "case-comment-feedback-neutral" }, feedback === 0 ? (React.createElement(MehIcon, { title: t('Remove neutral feedback') })) : (React.createElement(OutlinedMehIcon, { title: t('Leave neutral feedback') })))),
+            React.createElement("button", { className: "btn btn-app btn-link", onClick: applyCommentFeedback(comment, 0), "data-tracking-id": "case-comment-feedback-neutral", type: "button" }, feedback === 0 ? (React.createElement(MehIcon, { title: t('Remove neutral feedback') })) : (React.createElement(OutlinedMehIcon, { title: t('Leave neutral feedback') })))),
         React.createElement(Tooltip, { position: TooltipPosition.top, content: t('Negative feedback') },
-            React.createElement("button", { className: "btn btn-app btn-link", onClick: applyCommentFeedback(comment, -1), "data-tracking-id": "case-comment-feedback-down" }, feedback === -1 ? (React.createElement(FrownIcon, { title: t('Remove negative feedback'), "aria-label": t('Remove negative feedback') })) : (React.createElement(OutlinedFrownIcon, { title: t('Leave negative feedback'), "aria-label": t('Leave negative feedback') }))))));
+            React.createElement("button", { className: "btn btn-app btn-link", onClick: applyCommentFeedback(comment, -1), "data-tracking-id": "case-comment-feedback-down", type: "button" }, feedback === -1 ? (React.createElement(FrownIcon, { title: t('Remove negative feedback'), "aria-label": t('Remove negative feedback') })) : (React.createElement(OutlinedFrownIcon, { title: t('Leave negative feedback'), "aria-label": t('Leave negative feedback') }))))));
     const computeDiscussionCardCalss = (comment) => {
         if (comment.createdByType === 'Associate' && comment.createdBy === 'Automated Support Assistant') {
             return 'comment-automated';
@@ -207,7 +207,7 @@ const CaseComments = React.forwardRef((props, ref) => {
             React.createElement("span", { className: "pull-right pf-v5-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 ${isExportingPDF ? 'hide-in-pdf' : ''}`, "data-tracking-id": "case-comment-reply" },
+                React.createElement("button", { onClick: commentReply(props.comment), className: `btn btn-app btn-link ${isExportingPDF ? 'hide-in-pdf' : ''}`, "data-tracking-id": "case-comment-reply", type: "button" },
                     React.createElement(Trans, null, "Reply")),
                 React.createElement(JumpAndCopyLink, { caseNumber: caseNumber, cardId: props.comment.id, discussionType: DiscussionType.COMMENT })))));
 });

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

@@ -1,6 +1,8 @@
+import './CaseHistory.css';
 import React from 'react';
 interface IProps {
+    caseNumber: string;
 }
-export default function CaseHistory(props: IProps): React.JSX.Element;
-export {};
+declare const CaseHistory: (props: IProps) => React.JSX.Element;
+export default CaseHistory;
 //# sourceMappingURL=CaseHistory.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CaseHistory.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseHistory/CaseHistory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,MAAM;CAAG;AAEnB,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,MAAM,qBAEhD"}
+{"version":3,"file":"CaseHistory.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseHistory/CaseHistory.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAE3B,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,UAAW,MAAM,sBAMjC,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -1,4 +1,8 @@
+import './CaseHistory.css';
 import React from 'react';
-export default function CaseHistory(props) {
-    return React.createElement(React.Fragment, null, "CaseHistory");
-}
+import Timeline from './Timeline';
+const CaseHistory = (props) => {
+    return (React.createElement("div", null,
+        React.createElement(Timeline, { caseNumber: props.caseNumber })));
+};
+export default CaseHistory;

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

@@ -0,0 +1,257 @@
+* {
+    box-sizing: border-box;
+}
+
+.timeline {
+    position: relative;
+    max-width: 100%;
+    margin: 0 auto;
+    padding: 0 20px;
+}
+
+.timeline::after {
+    content: '';
+    position: absolute;
+    width: 1px;
+    background-color: #6a6e73;
+    top: 30px;
+
+    /* This offset is needed to keep it responsive */
+    --timeline-bottom-offset: -30px;
+
+    /* This value is calculated in timeline.tsx */
+    bottom: calc(var(--timeline-bottom) + var(--timeline-bottom-offset, 18.35%));
+    left: calc(13% + 13px);
+    transform: translateX(-50%);
+}
+
+.timeline-loading-spinner {
+    flex: 1;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.timeline-container::after {
+    content: '';
+    position: absolute;
+    width: 25px;
+    height: 25px;
+    right: -17px;
+    background-color: white;
+    border: 4px solid #ff9f55;
+    top: 15px;
+    border-radius: 50%;
+    z-index: 1;
+}
+
+.timeline-node {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    position: relative;
+    margin-bottom: 20px;
+    min-height: 80px;
+}
+
+.timeline-avatar {
+    position: absolute;
+    left: calc(13% + 13px);
+    transform: translateX(-91%);
+    top: 12px;
+    z-index: 5;
+}
+
+.timeline-marker {
+    position: absolute;
+    background-color: #ff9f55;
+    border-radius: 50%;
+    width: 10px;
+    height: 10px;
+    z-index: 2;
+    left: calc(13% + 13px);
+    transform: translateX(-195%);
+    top: 25px;
+}
+
+.left-node {
+    flex: 0 0 13%;
+    max-width: 13%;
+    padding-right: 24px;
+}
+
+.content-date-left-history {
+    font-family: 'Red Hat Display';
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 500;
+    text-align: right;
+}
+
+.content-time-left-history {
+    font-feature-settings: 'clig' off, 'liga' off;
+    font-family: 'Red Hat Text';
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    text-align: right;
+    line-height: 30px;
+}
+
+.content-date-right-history {
+    color: #151515;
+    font-feature-settings: 'clig' off, 'liga' off;
+    font-family: 'Red Hat Display';
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 24px;
+}
+
+.content-time-right-history {
+    color: var(--Text-and-links-pf-global--Color--100, #151515);
+    font-feature-settings: 'clig' off, 'liga' off;
+    font-family: 'Red Hat Text';
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 21px;
+}
+
+.right-node {
+    flex-grow: 1;
+    padding-left: 2.8%;
+}
+
+.right-node::before {
+    content: ' ';
+    height: 0;
+    position: relative;
+    display: list-item;
+    top: 22.5px;
+    width: 0;
+    z-index: 1;
+    left: -0.5%;
+    border: medium solid white;
+    border-width: 7px 0 7px 7px;
+    border-color: transparent transparent transparent white;
+    transform: rotate(180deg);
+}
+
+.internal.right-node::before {
+    border-color: transparent transparent transparent #ee0000;
+}
+
+.customer.right-node::before {
+    border-color: transparent transparent transparent #316dc1;
+}
+
+.timeline-internal {
+    background-color: #ee0000;
+}
+
+.timeline-customer {
+    background-color: #316dc1;
+}
+
+.timeline-avatar-internal {
+    border-color: #ee0000;
+    border-width: 2px;
+    border-style: solid;
+}
+
+.timeline-avatar-customer {
+    border-color: #316dc1;
+    border-width: 2px;
+    border-style: solid;
+}
+
+.contentTimeline {
+    padding: 16px;
+    position: absolute;
+    border-radius: 3px;
+    margin-bottom: 32px;
+}
+
+.content-right-history {
+    background-color: white;
+    border-left-width: 3px !important;
+    border-left-style: solid !important;
+    border-radius: 3px;
+    border: 1px solid #d2d2d2;
+    width: 80%;
+    top: 0rem;
+}
+
+.content-right-customer {
+    border-left-color: #316dc1 !important;
+}
+
+.content-right-internal {
+    border-left-color: #ee0000 !important;
+}
+
+ul#case-history-paginated-timeline {
+    list-style-type: none !important;
+    /* this is to deal with firefox they add in a ::marker and it is visible */
+}
+
+.case-history-timeline-search {
+    margin-bottom: 1%;
+    width: 30%;
+}
+
+.timelineMenu {
+    display: flex;
+}
+
+.case-history-timeline-datepicker {
+    display: flex;
+    margin-bottom: 1%;
+    /* position: absolute; */
+    justify-content: flex-end;
+    width: 64.2%;
+}
+
+.empty-state-date-picker {
+    margin-left: 82%;
+}
+
+.timeline-sort-order-select {
+    display: flex;
+    justify-content: flex-end;
+    margin: 1rem;
+    width: 93.2%;
+}
+
+@media screen and (max-width: 768px) {
+    .timeline::after {
+        left: 20px;
+    }
+
+    .timeline-node {
+        flex-direction: column;
+    }
+
+    .left-node,
+    .right-node {
+        max-width: 100%;
+        padding: 0;
+    }
+
+    .timeline-avatar,
+    .timeline-marker {
+        left: 0%;
+        transform: translateX(-50%);
+    }
+
+    .right-node::before {
+        left: 20px;
+        border-width: 10px 10px 10px 0;
+        border-color: transparent white transparent transparent;
+    }
+
+    .contentTimeline {
+        margin-left: 40px;
+    }
+}

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

@@ -0,0 +1,7 @@
+import './Timeline.css';
+import React from 'react';
+declare const Timeline: ({ caseNumber }: {
+    caseNumber: any;
+}) => React.JSX.Element;
+export default Timeline;
+//# sourceMappingURL=Timeline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseHistory/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AAwBxB,OAAO,KAAuD,MAAM,OAAO,CAAC;AA6I5E,QAAA,MAAM,QAAQ;;uBA8Qb,CAAC;AACF,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,236 @@
+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 './Timeline.css';
+import { caseHistory } from '@cee-eng/hydrajs';
+import { Avatar, Button, DatePicker, EmptyState, EmptyStateBody, EmptyStateHeader, EmptyStateIcon, EmptyStateVariant, MenuToggle, SearchInput, Select, SelectList, SelectOption, Spinner, } from '@patternfly/react-core';
+import SearchIcon from '@patternfly/react-icons/dist/js/icons/search-icon';
+import { PaginatedList } from '@rh-support/components';
+import debounce from 'lodash/debounce';
+import isEmpty from 'lodash/isEmpty';
+import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+const TimelineEvent = ({ date, text, side, user, useAvatar }) => {
+    if (side === 'left') {
+        if (useAvatar) {
+            // we only want to render the main date if the user changes, otherwise stay with just the time
+            return (React.createElement("div", { className: `${side}-node ${user}`, role: "complementary", "aria-label": `${user}'s timeline Event Time` },
+                React.createElement("div", { className: `contentTimeline content-${side}-history content-${side}-${user}` },
+                    React.createElement("h2", { className: `content-date-${side}-history` }, date),
+                    React.createElement("p", { className: `content-time-${side}-history` }, text))));
+        }
+        return (React.createElement("div", { className: `${side}-node ${user}`, role: "complementary", "aria-label": `${user}'s timeline Event Time` },
+            React.createElement("div", { className: `contentTimeline content-${side}-history content-${side}-${user}` },
+                React.createElement("p", { className: `content-time-${side}-history` }, text))));
+    }
+    return (React.createElement("div", { className: `${side}-node ${user}`, role: "complementary", "aria-label": `${user}'s timeline event content ` },
+        React.createElement("div", { className: `contentTimeline content-${side}-history content-${side}-${user}` },
+            React.createElement("h2", { className: `content-date-${side}-history` }, date),
+            text && React.createElement("p", { className: `content-time-${side}-history` }, text))));
+};
+const TimelineNode = React.forwardRef(({ leftEvent, rightEvent, user, useAvatar }, ref) => {
+    return (React.createElement("div", { className: "timeline-node", role: "region", "aria-label": "Timeline node" },
+        leftEvent && React.createElement(TimelineEvent, Object.assign({}, leftEvent, { side: "left", useAvatar: useAvatar })),
+        React.createElement("div", { ref: ref, "aria-label": `${useAvatar ? 'Open user profile' : 'Marker'}`, tabIndex: 0 }, useAvatar ? (React.createElement(Avatar, { src: 'https://www.patternfly.org/images/668560cd.svg', className: `timeline-avatar timeline-avatar-${user}`, alt: `${user}'s avatar` })) : (React.createElement("div", { className: `timeline-marker timeline-${user}` }))),
+        rightEvent && React.createElement(TimelineEvent, Object.assign({}, rightEvent, { side: "right" }))));
+});
+const transformApiResponseToTimelineData = (apiResponse) => {
+    let previousUser = null;
+    const timelineEvents = apiResponse.historyItems.map((item, index) => {
+        const currentUser = item.createdByUserName;
+        // If the current user is the same as the previous one, and it's not the first item, don't use an avatar. use !! cause previousUser start null.
+        const useAvatar = index === 0 || (!!previousUser && currentUser !== previousUser);
+        // Update the previousUser for the next iteration
+        previousUser = currentUser;
+        const eventDate = new Date(item.createdDate);
+        const date = eventDate.toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' });
+        const time = eventDate.toLocaleTimeString('en-US', {
+            hour: 'numeric',
+            minute: '2-digit',
+            hour12: true,
+            timeZoneName: 'short',
+        });
+        const user = item.createdByCustomer !== undefined
+            ? item.createdByCustomer //using new case history field to determine this
+                ? 'customer'
+                : 'internal'
+            : currentUser === 'Case Diagnostics' || currentUser === 'GSS Tools' //for now since it is not on prod yet we have this same fallback
+                ? 'internal'
+                : 'customer';
+        const leftEvent = {
+            date: date,
+            text: time,
+        };
+        const rightEvent = {
+            date: `${item.createdByUserName} ${stripHTML(item.outputText)}`, //will change name later from date, for now date is title and text stays text due to initial set up mimicking same ITimelineEvent
+            text: '', //future iterations of API make this the 'show more' field
+            user: user,
+            useAvatar: useAvatar,
+        };
+        return {
+            left: leftEvent,
+            right: rightEvent,
+        };
+    });
+    return timelineEvents;
+};
+function stripHTML(htmlString) {
+    const anchorTagRegex = /<a[^>]*>(.*?)<\/a>/g;
+    // We are trying to return the text without having the info in the anchor.
+    return htmlString.replace(anchorTagRegex, '');
+}
+const Timeline = ({ caseNumber }) => {
+    const { t } = useTranslation();
+    const [timelineEvents, setTimelineEvents] = useState([]);
+    const [isFetchingData, setIsFetchingData] = useState();
+    const [paginatedListLength, setPaginatedListLength] = useState();
+    const lastNodeRef = useRef(null);
+    const [dateValue, setDateValue] = React.useState('');
+    const [searchValue, setSearchValue] = useState('');
+    const [filteredEvents, setFilteredEvents] = useState([]);
+    const [isSelectOpen, setIsSelectOpen] = useState(false);
+    const [selectedOrder, setSelectedOrder] = useState('Newest to Oldest');
+    const handleSelectToggle = () => {
+        setIsSelectOpen(!isSelectOpen);
+    };
+    const handleSelect = (_event, value) => {
+        setSelectedOrder(value);
+        setIsSelectOpen(false);
+        reorderTimelineEvents(value);
+    };
+    const reorderTimelineEvents = (order) => {
+        setTimelineEvents((prevEvents) => {
+            const reversedEvents = [...prevEvents].reverse();
+            return applyAvatarLogic(reversedEvents);
+        });
+    };
+    const applyAvatarLogic = (events) => {
+        let previousUser = null;
+        return events.map((event, index) => {
+            const currentUser = event.right.date.split(' ')[0];
+            const useAvatar = index === 0 || (!!previousUser && currentUser !== previousUser);
+            previousUser = currentUser;
+            return Object.assign(Object.assign({}, event), { right: Object.assign(Object.assign({}, event.right), { useAvatar: useAvatar }) });
+        });
+    };
+    useEffect(() => {
+        function fetchHistory() {
+            return __awaiter(this, void 0, void 0, function* () {
+                setIsFetchingData(true);
+                const options = {
+                    sortField: 'createdDate',
+                    sortOrder: 'DESC',
+                    showVerbose: true,
+                };
+                try {
+                    const response = yield caseHistory.getHistoryv1(caseNumber, options);
+                    const transformedData = transformApiResponseToTimelineData(response);
+                    setTimelineEvents(transformedData);
+                }
+                catch (error) {
+                    console.error('Failed to fetch history:', error);
+                }
+                finally {
+                    setIsFetchingData(false);
+                }
+            });
+        }
+        fetchHistory();
+    }, [caseNumber]);
+    //Using useLayoutEffect because we are measuring styles based on DOM, useLayoutEffect runs after DOM Mutations https://react.dev/reference/react/useLayoutEffect
+    useLayoutEffect(() => {
+        const updateLineStyle = debounce(() => {
+            var _a;
+            if (lastNodeRef.current) {
+                const timelineBottom = lastNodeRef.current.getBoundingClientRect().bottom + window.scrollY;
+                const timelineElement = document.querySelector('.timeline');
+                const avatarHeight = ((_a = lastNodeRef.current.querySelector('.timeline-avatar')) === null || _a === void 0 ? void 0 : _a.clientHeight) || 0;
+                if (timelineElement) {
+                    // Get the timeline element's position relative to the document
+                    const timelineTop = timelineElement.getBoundingClientRect().top + window.scrollY;
+                    // Calculate value relative to the timeline's top must be adjusted for page scroll or we get random bottom value based on where user scrolled before execution
+                    const calculatedBottomValue = `${timelineTop + timelineElement.offsetHeight - timelineBottom + avatarHeight}px`;
+                    timelineElement.style.setProperty('--timeline-bottom', calculatedBottomValue);
+                }
+            }
+        }, 100);
+        updateLineStyle();
+    }, [timelineEvents, paginatedListLength, dateValue]);
+    const handleSearchChange = (value) => {
+        setSearchValue(value.target.value);
+    };
+    const handleClear = () => {
+        setSearchValue('');
+    };
+    const handleDateChange = (value) => {
+        setDateValue(value);
+    };
+    useEffect(() => {
+        let filteredBySearch = [...timelineEvents];
+        if (searchValue.trim()) {
+            const lowercasedFilter = searchValue.toLowerCase();
+            filteredBySearch = filteredBySearch.filter(({ left, right }) => {
+                const dateString = left.date.toLowerCase();
+                return (dateString.includes(lowercasedFilter) ||
+                    left.text.toLocaleLowerCase().includes(lowercasedFilter) ||
+                    right.date.toLowerCase().includes(lowercasedFilter));
+            });
+        }
+        let finalFilteredEvents = filteredBySearch;
+        if (dateValue) {
+            finalFilteredEvents = filteredBySearch.filter(({ left }) => {
+                // Format the event date to match the DatePicker format (YYYY-MM-DD) We need to do it this way so we dont have discrepancy (off by one month when selecting) due to the way that JS handles timezones
+                const eventDateFormatted = new Date(left.date).toISOString().split('T')[0];
+                // Compare the formatted event date with the selected date from DatePicker
+                return eventDateFormatted === dateValue;
+            });
+        }
+        setFilteredEvents(finalFilteredEvents);
+    }, [searchValue, dateValue, timelineEvents]);
+    if (filteredEvents.length < 1 && !isFetchingData) {
+        return (React.createElement("div", { key: "no-results" },
+            React.createElement("div", { className: "timelineMenu" },
+                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) }),
+                    React.createElement(Button, { onClick: () => setDateValue(''), isDisabled: isEmpty(dateValue) }, "Reset"))),
+            React.createElement("div", { className: "timeline-sort-order-select" },
+                React.createElement(Select, { id: "order-select", isOpen: isSelectOpen, selected: selectedOrder, onSelect: handleSelect, onOpenChange: (isOpen) => setIsSelectOpen(isOpen), toggle: (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: handleSelectToggle, isExpanded: isSelectOpen, style: { width: '200px' } }, selectedOrder)), shouldFocusToggleOnSelect: true },
+                    React.createElement(SelectList, null,
+                        React.createElement(SelectOption, { value: "Newest to Oldest" }, "Newest to Oldest"),
+                        React.createElement(SelectOption, { value: "Oldest to Newest" }, "Oldest to Newest")))),
+            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" }),
+                React.createElement(EmptyStateBody, null,
+                    React.createElement(Trans, null, "Try modifying your search query or changing the date range and try again.")))));
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "timelineMenu" },
+            React.createElement(SearchInput, { placeholder: "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) }),
+                React.createElement(Button, { onClick: () => setDateValue(''), isDisabled: isEmpty(dateValue) }, "Reset"))),
+        React.createElement("div", { className: "timeline-sort-order-select" },
+            React.createElement(Select, { id: "order-select", isOpen: isSelectOpen, selected: selectedOrder, onSelect: handleSelect, onOpenChange: (isOpen) => setIsSelectOpen(isOpen), toggle: (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: handleSelectToggle, isExpanded: isSelectOpen, style: { width: '200px' } }, selectedOrder)), shouldFocusToggleOnSelect: true },
+                React.createElement(SelectList, null,
+                    React.createElement(SelectOption, { value: "Newest to Oldest" }, "Newest to Oldest"),
+                    React.createElement(SelectOption, { value: "Oldest to Newest" }, "Oldest to Newest")))),
+        React.createElement("div", { className: "timeline" },
+            isFetchingData && (React.createElement("div", { className: "timeline-loading-spinner" },
+                React.createElement(Spinner, { size: "xl" }))),
+            !isFetchingData && (React.createElement(PaginatedList, { id: "case-history-paginated-timeline", listItems: filteredEvents &&
+                    filteredEvents.map((node, index) => (React.createElement(TimelineNode, { key: index, leftEvent: node.left, rightEvent: node.right, user: node.right.user, useAvatar: node.right.useAvatar, ref: index === (paginatedListLength && paginatedListLength - 1) ? lastNodeRef : null //this ref is needed to perform calculations on the final node height
+                     }))), perPage: 20, perPageOptions: [
+                    { title: '5', value: 5 },
+                    { title: '10', value: 10 },
+                    { title: '15', value: 15 },
+                    { title: '20', value: 20 },
+                ], setPaginatedListLength: setPaginatedListLength })))));
+};
+export default Timeline;

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,qBAsGtC;kBAtGQ,gBAAgB;;;;;AAyGzB,eAAe,gBAAgB,CAAC"}
+{"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"}

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

@@ -79,11 +79,11 @@ function CasePrivateNotes(props) {
         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 },
+                React.createElement("button", { className: `btn btn-app btn-primary ${isExportingPDF ? 'hide-in-pdf' : ''}`, onClick: updateCase, disabled: isPrivateNotesEmpty || isUpdating || !formIsDirty, type: "button" },
                     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 },
+                React.createElement("button", { className: `btn btn-app btn-link ${isExportingPDF ? 'hide-in-pdf' : ''}`, onClick: discardNotes, disabled: isUpdating || !formIsDirty, type: "button" },
                     React.createElement(Trans, null, "Discard Changes"))))),
         React.createElement("p", { className: "pf-v5-u-mt-xl" },
             React.createElement(Trans, null, "Please note, contents of this field are not visible to Red Hat Support professionals."))));

package/lib/esm/components/ProductSelector/AllProductsSelector.d.ts

@@ -7,6 +7,7 @@ interface IProps {
     loadTCOnChange?: boolean;
     showTCAfterButtonClicked?: boolean;
     checkEntitledProduct?: boolean;
+    isOnSummaryPage?: boolean;
 }
 /**
  * Renders a dropdown list to select all products.

package/lib/esm/components/ProductSelector/AllProductsSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AllProductsSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/AllProductsSelector.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAKnD,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAMrF,UAAU,MAAM;IACZ,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC;AAQD;;;;;;;GAOG;AACH,QAAA,MAAM,mBAAmB,4EAqIvB,CAAC;AAGH,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"AllProductsSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/AllProductsSelector.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAKnD,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAMrF,UAAU,MAAM;IACZ,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AAQD;;;;;;;GAOG;AACH,QAAA,MAAM,mBAAmB,4EAsIvB,CAAC;AAGH,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/lib/esm/components/ProductSelector/AllProductsSelector.js

@@ -79,7 +79,7 @@ const AllProductsSelector = forwardRef((props, ref) => {
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: "form-group product-selector-wrapper" },
             React.createElement("div", { className: "all-product-selector-dropdown" },
-                React.createElement(ProductVersionDropdownSelector, { isLoading: allProducts.isFetching, products: props.checkEntitledProduct ? entitledProducts : allProducts.data.productsResult, onProductChange: onProductChange, onVersionChange: onVersionChange, ref: ref }))),
+                React.createElement(ProductVersionDropdownSelector, { isLoading: allProducts.isFetching, products: props.checkEntitledProduct ? entitledProducts : allProducts.data.productsResult, onProductChange: onProductChange, onVersionChange: onVersionChange, ref: ref, isOnSummaryPage: props.isOnSummaryPage }))),
         React.createElement("div", { className: "case-details-summary" },
             React.createElement(OpenCaseIssue, { inlineEditable: false, required: true })),
         React.createElement(AlertMessage, { isInline: true, variant: AlertType.DANGER, className: "pf-v5-u-mt-lg", title: t(`${loggedInUserRights.data.isSSOUsernameSameAsLoggedInUser(contactSSOName)
@@ -93,7 +93,7 @@ const AllProductsSelector = forwardRef((props, ref) => {
             topContent.data.length !== 0 && (React.createElement("button", { className: "btn btn-bordered-blue btn-slim pull-top-narrow push-bottom-narrow", "data-tracking-id": "suggested-fixes-trigger", onClick: toggleTCModal, type: "button" },
             React.createElement(Trans, null, "Suggested fixes"))),
         props.loadTCOnChange && !topContent.isFetching && topContent.data.length !== 0 && (React.createElement(Modal, { className: "feedback-modal", title: t('Suggested fixes'), description: t('There are new updates to suggested fixes after changing your product.'), "aria-describedby": "Feedback Form", isOpen: isModalOpen, variant: ModalVariant.large, onClose: toggleTCModal, actions: [
-                React.createElement("button", { key: "cancel", onClick: toggleTCModal, className: "btn btn-app btn-primary" },
+                React.createElement("button", { key: "cancel", onClick: toggleTCModal, className: "btn btn-app btn-primary", type: "button" },
                     React.createElement(Trans, null, "Cancel")),
             ] },
             React.createElement("span", null,

package/lib/esm/components/ProductSelector/NewProductDropdownSelector.d.ts

@@ -5,6 +5,7 @@ interface IProps {
     onProductChange: (product: string) => any;
     isNextBtnClickedToShowValidationError: boolean;
     isCaseCreate: boolean;
+    isOnSummaryPage?: boolean;
 }
 export declare const NewProductDropdownSelector: (props: IProps) => React.JSX.Element;
 export {};

package/lib/esm/components/ProductSelector/NewProductDropdownSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NewProductDropdownSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/NewProductDropdownSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAMpE,OAAO,KAA0C,MAAM,OAAO,CAAC;AAK/D,UAAU,MAAM;IACZ,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;IAChC,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,qCAAqC,EAAE,OAAO,CAAC;IAC/C,YAAY,EAAE,OAAO,CAAC;CACzB;AAOD,eAAO,MAAM,0BAA0B,UAAW,MAAM,sBAuHvD,CAAC"}
+{"version":3,"file":"NewProductDropdownSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/NewProductDropdownSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAMpE,OAAO,KAA0C,MAAM,OAAO,CAAC;AAK/D,UAAU,MAAM;IACZ,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;IAChC,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,qCAAqC,EAAE,OAAO,CAAC;IAC/C,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AAOD,eAAO,MAAM,0BAA0B,UAAW,MAAM,sBAwHvD,CAAC"}

package/lib/esm/components/ProductSelector/NewProductDropdownSelector.js

@@ -69,8 +69,9 @@ export const NewProductDropdownSelector = (props) => {
     };
     useEffect(() => {
         product &&
+            props.isOnSummaryPage &&
             setIsSelectedProductSupportedForCustomer(isProductSupportedForCustomer(product, allProducts.data.productsResult));
-    }, [allProducts.data.productsResult, product]);
+    }, [allProducts.data.productsResult, product, props.isOnSummaryPage]);
     return (React.createElement("div", null,
         React.createElement(Select, { variant: SelectVariant.typeahead, typeAheadAriaLabel: t('Search for or select a product'), onToggle: (_event, isOpen) => onToggle(isOpen), onSelect: onSelect, isOpen: isOpen, placeholderText: t('Search for or select a product'), "aria-labelledby": t('Product-selector'), onFilter: onFilter, selections: product, validated: isEmpty(product) && showValidationLocal ? 'error' : 'default', "data-tracking-id": "get-support-product-dropdown-selector" }, getOptions()),
         !isSelectedProductSupportedForCustomer && (React.createElement("div", { className: "pf-v5-u-ml-xs pf-v5-u-mt-sm form-instructions" },

package/lib/esm/components/ProductSelector/ProductSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductSelector.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAInD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAMlE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBAgFpD"}
+{"version":3,"file":"ProductSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductSelector.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAInD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAMlE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBAiFpD"}

package/lib/esm/components/ProductSelector/ProductSelector.js

@@ -38,7 +38,7 @@ export default function ProductSelector(props) {
         React.createElement(AlertMessage, { variant: AlertType.DANGER, className: "pf-v5-u-mt-lg", title: t('There was an error loading products.'), show: allProducts.isError }),
         !allProducts.isFetching && !allProducts.isError && (React.createElement(React.Fragment, null,
             React.createElement("form", null,
-                React.createElement(AllProductsSelector, { routeProps: props.routeProps, checkEntitledProduct: isCaseCreate ? true : false, ref: productSelectorRef }),
+                React.createElement(AllProductsSelector, { routeProps: props.routeProps, checkEntitledProduct: isCaseCreate ? true : false, ref: productSelectorRef, isOnSummaryPage: true }),
                 product === 'Subscription Watch' && (React.createElement(Alert, { isInline: true, variant: AlertVariant.warning, title: React.createElement(Trans, null,
                         ' ',
                         "If you're having a subscription issue that doesn't relate to",

package/lib/esm/components/ProductSelector/ProductVersionDropdownSelector.d.ts

@@ -8,6 +8,7 @@ interface IProps extends IDClassNameProps {
     disabled?: boolean;
     htmlForId?: string;
     isLoading?: boolean;
+    isOnSummaryPage?: boolean;
 }
 declare const ProductVersionDropdownSelector: React.ForwardRefExoticComponent<IProps & React.RefAttributes<unknown>>;
 export { ProductVersionDropdownSelector };

package/lib/esm/components/ProductSelector/ProductVersionDropdownSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductVersionDropdownSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductVersionDropdownSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAiC,MAAM,OAAO,CAAC;AAOtD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;IAChC,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAOD,QAAA,MAAM,8BAA8B,wEAmClC,CAAC;AAEH,OAAO,EAAE,8BAA8B,EAAE,CAAC"}
+{"version":3,"file":"ProductVersionDropdownSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductVersionDropdownSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAiC,MAAM,OAAO,CAAC;AAOtD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;IAChC,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AAOD,QAAA,MAAM,8BAA8B,wEAoClC,CAAC;AAEH,OAAO,EAAE,8BAA8B,EAAE,CAAC"}

package/lib/esm/components/ProductSelector/ProductVersionDropdownSelector.js

@@ -15,7 +15,7 @@ const ProductVersionDropdownSelector = forwardRef((props, ref) => {
                 React.createElement(Trans, null, "Product"),
                 ' ',
                 React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
-            React.createElement(NewProductDropdownSelector, { products: props.products, onProductChange: props.onProductChange, isNextBtnClickedToShowValidationError: isNextBtnClickedToShowValidationError, isCaseCreate: isCaseCreate })),
+            React.createElement(NewProductDropdownSelector, { products: props.products, onProductChange: props.onProductChange, isNextBtnClickedToShowValidationError: isNextBtnClickedToShowValidationError, isCaseCreate: isCaseCreate, isOnSummaryPage: props.isOnSummaryPage })),
         React.createElement("div", { className: "version-selector-wrapper" },
             React.createElement("label", { htmlFor: "version-selector-dropdown-toggle" },
                 React.createElement(Trans, null, "Version"),

package/lib/esm/components/SessionRestore/SessionItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/SessionRestore/SessionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qDAAqD,CAAC;AAMnF,OAAO,KAA+B,MAAM,OAAO,CAAC;AAOpD,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxD,WAAW,EAAE,YAAY,CAAC;CAC7B;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,qBA0HxC"}
+{"version":3,"file":"SessionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/SessionRestore/SessionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qDAAqD,CAAC;AAMnF,OAAO,KAA+B,MAAM,OAAO,CAAC;AAOpD,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxD,WAAW,EAAE,YAAY,CAAC;CAC7B;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,qBA8HxC"}

package/lib/esm/components/SessionRestore/SessionItem.js

@@ -80,13 +80,13 @@ export function SessionItem(props) {
             askIfResolved && (React.createElement(React.Fragment, null,
                 React.createElement("label", null,
                     React.createElement(Trans, null, "Did you find a solution?")),
-                React.createElement("button", { className: "btn btn-link btn-app", onClick: onResolve, disabled: isResolving, "data-tracking-id": "session-resolved-yes", "aria-label": "Thumbs up" }, isResolving ? React.createElement(LoadingIndicator, { isInline: true }) : React.createElement(OutlinedThumbsUpIcon, null)),
-                React.createElement("button", { className: "btn btn-link btn-app", onClick: onUnResolve, "data-tracking-id": "session-resolved-no", "aria-label": "Thumbs down" },
+                React.createElement("button", { className: "btn btn-link btn-app", onClick: onResolve, disabled: isResolving, "data-tracking-id": "session-resolved-yes", "aria-label": "Thumbs up", type: "button" }, isResolving ? React.createElement(LoadingIndicator, { isInline: true }) : React.createElement(OutlinedThumbsUpIcon, null)),
+                React.createElement("button", { className: "btn btn-link btn-app", onClick: onUnResolve, "data-tracking-id": "session-resolved-no", "aria-label": "Thumbs down", type: "button" },
                     React.createElement(OutlinedThumbsDownIcon, null)))),
             askToRestore && (React.createElement(React.Fragment, null,
                 React.createElement("label", null,
                     React.createElement(Trans, null, "Continue session?")),
-                React.createElement("button", { className: "btn btn-link btn-app", onClick: onRestoreSession, disabled: isRestoring, "data-tracking-id": "restore-session-yes" },
+                React.createElement("button", { className: "btn btn-link btn-app", onClick: onRestoreSession, disabled: isRestoring, "data-tracking-id": "restore-session-yes", type: "button" },
                     React.createElement(Trans, null, "Yes")),
-                React.createElement("button", { className: "btn btn-link btn-app", onClick: onUnResolveAndDismiss, disabled: isDeactivating, "data-tracking-id": "restore-session-no" }, isDeactivating ? React.createElement(LoadingIndicator, { isInline: true }) : React.createElement(Trans, null, "No")))))));
+                React.createElement("button", { className: "btn btn-link btn-app", onClick: onUnResolveAndDismiss, disabled: isDeactivating, "data-tracking-id": "restore-session-no", type: "button" }, isDeactivating ? React.createElement(LoadingIndicator, { isInline: true }) : React.createElement(Trans, null, "No")))))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"WizardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardNavigation.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAMnD,OAAO,EAAoB,eAAe,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAK3G,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAC3C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB,EAAE,CAAC,2BAA2B,EAAE,OAAO,EAAE,gCAAgC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/G,gBAAgB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C;AAGD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBA4JtC;kBA5JQ,gBAAgB;;;AA8JzB,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"WizardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardNavigation.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAMnD,OAAO,EAAoB,eAAe,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAK3G,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAC3C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB,EAAE,CAAC,2BAA2B,EAAE,OAAO,EAAE,gCAAgC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/G,gBAAgB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C;AAGD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBA8JtC;kBA9JQ,gBAAgB;;;AAgKzB,eAAe,gBAAgB,CAAC"}

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

@@ -106,10 +106,10 @@ function WizardNavigation(props) {
     // To handle entitled products
     const isEntitledProductLocal = isSearchIntent ? true : isEntitledProduct;
     return (React.createElement(React.Fragment, null,
-        props.activeStep.order !== 0 && (React.createElement("button", { onClick: () => onBack(), className: "btn btn-app btn-open-white main-nav-button", "data-tracking-id": `prev-of-${activeSection}` }, t('Go back'))),
+        props.activeStep.order !== 0 && (React.createElement("button", { onClick: () => onBack(), className: "btn btn-app btn-open-white main-nav-button", "data-tracking-id": `prev-of-${activeSection}`, type: "button" }, t('Go back'))),
         React.createElement("button", { disabled: (!isEntitledProductLocal && props.activeStep.nextButtonLabel === 'Get support') ||
                 (!isSectionValidFn(props.activeStep.id) && isNextBtnClickedToShowValidationError) ||
-                noValidEntitlement, onClick: onNext, className: "btn btn-app btn-primary main-nav-button", "data-tracking-id": `next-of-${activeSection}` }, t(props.activeStep.nextButtonLabel)),
+                noValidEntitlement, onClick: onNext, className: "btn btn-app btn-primary main-nav-button", "data-tracking-id": `next-of-${activeSection}`, type: "button" }, t(props.activeStep.nextButtonLabel)),
         activeSection === AppRouteSections.TROUBLESHOOT && isFileRecommendationsTriggered && (React.createElement(Button, { onClick: handleFileRecsSelfSolved, variant: ButtonVariant.secondary, className: "issue-solved-button solved-issue-button", "data-tracking-id": "troubleshoot-self-solved-issue" }, t('I solved my issue'))),
         React.createElement(RecommendationFeedbackModal, { isModalOpen: isRecsModalVisible, handleModalToggle: onRecsFeedbackModalToggle, modalContent: t(`Great, we're glad that resolved your issue`) }),
         activeSectionError ? (React.createElement("small", { className: "pf-v5-u-align-self-center pf-v5-u-ml-md text-red" }, activeSectionError)) : null));

package/lib/esm/constants/caseDetailsConstants.d.ts

@@ -5,7 +5,8 @@ export declare enum CaseDetailsTabsEnum {
     ACTION_PLAN = "Action plan",
     PRIVATE_NOTES = "Private Notes",
     ESCALATION = "Escalations",
-    RELATED_TASKS = "Related tasks"
+    RELATED_TASKS = "Related tasks",
+    HISTORY = "History"
 }
 export declare enum CaseStatusEnum {
     CLOSED = "Closed",

package/lib/esm/constants/caseDetailsConstants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"caseDetailsConstants.d.ts","sourceRoot":"","sources":["../../../src/constants/caseDetailsConstants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oCAAoC,yBAAyB,CAAC;AAE3E,oBAAY,mBAAmB;IAC3B,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,WAAW,gBAAgB;IAC3B,aAAa,kBAAkB;IAC/B,UAAU,gBAAgB;IAC1B,aAAa,kBAAkB;CAClC;AAED,oBAAY,cAAc;IACtB,MAAM,WAAW;IACjB,mBAAmB,wBAAwB;IAC3C,iBAAiB,uBAAuB;CAC3C;AAED,oBAAY,0BAA0B;IAClC,OAAO,MAAM;IACb,WAAW,OAAO;IAClB,OAAO,MAAM;CAChB;AAED,eAAO,MAAM,0BAA0B,6DAA6D,CAAC;AAErG,eAAO,MAAM,mBAAmB,uCAAuC,CAAC;AAExE,eAAO,MAAM,kBAAkB,6BAA6B,CAAC;AAE7D,eAAO,MAAM,iBAAiB,8EAA8E,CAAC"}
+{"version":3,"file":"caseDetailsConstants.d.ts","sourceRoot":"","sources":["../../../src/constants/caseDetailsConstants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oCAAoC,yBAAyB,CAAC;AAE3E,oBAAY,mBAAmB;IAC3B,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,WAAW,gBAAgB;IAC3B,aAAa,kBAAkB;IAC/B,UAAU,gBAAgB;IAC1B,aAAa,kBAAkB;IAC/B,OAAO,YAAY;CACtB;AAED,oBAAY,cAAc;IACtB,MAAM,WAAW;IACjB,mBAAmB,wBAAwB;IAC3C,iBAAiB,uBAAuB;CAC3C;AAED,oBAAY,0BAA0B;IAClC,OAAO,MAAM;IACb,WAAW,OAAO;IAClB,OAAO,MAAM;CAChB;AAED,eAAO,MAAM,0BAA0B,6DAA6D,CAAC;AAErG,eAAO,MAAM,mBAAmB,uCAAuC,CAAC;AAExE,eAAO,MAAM,kBAAkB,6BAA6B,CAAC;AAE7D,eAAO,MAAM,iBAAiB,8EAA8E,CAAC"}

package/lib/esm/constants/caseDetailsConstants.js

@@ -7,6 +7,7 @@ export var CaseDetailsTabsEnum;
     CaseDetailsTabsEnum["PRIVATE_NOTES"] = "Private Notes";
     CaseDetailsTabsEnum["ESCALATION"] = "Escalations";
     CaseDetailsTabsEnum["RELATED_TASKS"] = "Related tasks";
+    CaseDetailsTabsEnum["HISTORY"] = "History";
 })(CaseDetailsTabsEnum || (CaseDetailsTabsEnum = {}));
 export var CaseStatusEnum;
 (function (CaseStatusEnum) {

package/lib/esm/scss/_pf-overrides.scss

@@ -702,3 +702,7 @@ label.react-typeahead-label-wrapper {
         color: #ffffff;
     }
 }
+#case-history-paginated-timeline-pagination-bottom-pagination {
+    justify-content: flex-start;
+    background-color: var(--pf-v5-global--palette--black-200);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.2.106",
+    "version": "2.2.107-beta.2",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -60,8 +60,8 @@
         "@progress/kendo-licensing": "1.3.5",
         "@progress/kendo-react-pdf": "^5.16.0",
         "@redux-devtools/extension": "^3.3.0",
-        "@rh-support/components": "2.1.53",
-        "@rh-support/react-context": "2.1.59",
+        "@rh-support/components": "2.1.53-beta.2",
+        "@rh-support/react-context": "2.1.59-beta.2",
         "@rh-support/types": "2.0.3",
         "@rh-support/user-permissions": "2.1.39",
         "@rh-support/utils": "2.1.29",
@@ -131,5 +131,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "3b3cf76837d9b4de4bfe336ffeac3f11e6d3abe3"
+    "gitHead": "fc0957464349fc66e4172a50976e05e8ddccc35e"
 }