@rh-support/troubleshoot 2.3.0-alpha.0 → 2.4.5-beta.1

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

@@ -1 +1 @@
-{"version":3,"file":"OwnerSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountInfo/OwnerSelector.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAkB/D,UAAU,MAAM;CAAG;AAEnB,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,qBA0OnC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"OwnerSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountInfo/OwnerSelector.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAkB/D,UAAU,MAAM;CAAG;AAEnB,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,qBAgPnC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

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

@@ -105,7 +105,7 @@ function OwnerSelector(props) {
                 firstName: newOwner.firstName,
                 lastName: newOwner.lastName,
                 fullNameCustom: newOwner.fullNameCustom,
-            }, '', abortSignal);
+            }, '', abortSignal, abortSignal, false, '', true, true, caseNumber);
             setLocalOwnerChange(true);
             updateNotifyUsersList(newOwner);
             ToastNotification.addSuccessMessage(t(`Owner has been successfully updated`));

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

@@ -20,7 +20,7 @@ const RMEEscalationList = React.lazy(() => import(/* webpackChunkName: 'RMEEscal
 export function CaseDetailsTabs(props) {
     const { caseNumber } = props;
     const { activeTab } = useParams();
-    const { globalMetadataState: { loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
+    const { globalMetadataState: { loggedInUserRights, loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
     const { accountNumber, chats, comments, status } = useCaseSelector((state) => ({
         accountNumber: state.caseDetails.accountNumberRef,
         chats: state.caseDetails.chats,
@@ -104,7 +104,7 @@ 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() })),
         });
-    false && //Don't add this component to 'tabsToRender' for now, pending QA release
+    !loggedInUsersAccount.data.secureSupport &&
         tabsToRender.push({
             'data-tracking-id': 'case-history-tab',
             title: CaseDetailsTabsEnum.HISTORY,

package/lib/esm/components/CaseEditView/CaseOverview/CaseType.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseType.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/CaseType.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AAGrE,OAAO,KAA+B,MAAM,OAAO,CAAC;AAOpD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,GAAG,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACrB;AAOD,iBAAS,QAAQ,CAAC,KAAK,EAAE,MAAM,qBAsD9B;kBAtDQ,QAAQ;;;AAyDjB,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"CaseType.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/CaseType.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAAoC,MAAM,OAAO,CAAC;AAOzD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,GAAG,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACrB;AAOD,iBAAS,QAAQ,CAAC,KAAK,EAAE,MAAM,qBAoF9B;kBApFQ,QAAQ;;;AAuFjB,eAAe,QAAQ,CAAC"}

package/lib/esm/components/CaseEditView/CaseOverview/CaseType.js

@@ -7,8 +7,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Dropdown, ValueChangedIcon } from '@rh-support/components';
-import { toOldCaseTypeSwitcher, toOption, toOptions } from '@rh-support/utils';
+import { Flex, FlexItem, MenuToggle, Select, SelectList, SelectOption, Spinner, } from '@patternfly/react-core';
+import { ValueChangedIcon } from '@rh-support/components';
+import { toOldCaseTypeSwitcher } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import React, { useContext, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -23,16 +24,28 @@ function CaseType(props) {
     const { t } = useTranslation();
     const [isCaseTypeInValid, setIsCaseTypeInValid] = useState(false);
     const { isExportingPDF } = useContext(PDFContext);
+    const [isOpen, setIsOpen] = useState(false);
+    const [selected, setSelected] = useState(props.selectedType);
+    const onToggleClick = () => {
+        setIsOpen(!isOpen);
+    };
+    const toggle = (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: onToggleClick, isExpanded: isOpen, isDisabled: props.hasError || props.isDisabled || props.isFetching, isFullWidth: true, status: isCaseTypeInValid ? 'danger' : undefined, className: "case-type-selector-text" },
+        React.createElement(Flex, { justifyContent: { default: 'justifyContentSpaceBetween' } },
+            React.createElement(FlexItem, null,
+                " ",
+                selected || t(`Select a category`)),
+            React.createElement(FlexItem, null, props.isFetching ? React.createElement(Spinner, { size: "md" }) : ''))));
     const validateCaseType = (selectedItem) => {
         setIsCaseTypeInValid(isEmpty(selectedItem));
     };
     const onCaseTypeChange = (option) => __awaiter(this, void 0, void 0, function* () {
-        const switchedCaseType = toOldCaseTypeSwitcher(option.value);
+        const switchedCaseType = toOldCaseTypeSwitcher(option);
         if (switchedCaseType === props.selectedType) {
             return;
         }
         yield props.onTypeChange(switchedCaseType);
         setLocalTypeChange(true);
+        setSelected(option);
         validateCaseType(option);
     });
     // value changed logic to show a non local type change
@@ -43,7 +56,8 @@ function CaseType(props) {
             React.createElement(Trans, null, "Support type"),
             React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, isLocalChange: localTypeChange, value: props.selectedType, getTooltipContent: getChangedValueTooltip(() => CaseValuesToWatch.type) }),
             React.createElement("span", { className: `form-required ${isExportingPDF ? 'hide-in-pdf' : ''}`, "aria-hidden": true }, "*")),
-        React.createElement(Dropdown, { name: "get-support-type", placeholder: t(`Select`), title: t(`Select a category`), list: toOptions(props.allTypes || []), selectedItem: toOption(props.selectedType), disabled: props.hasError || props.isDisabled, isLoadingList: props.isFetching, isInValid: isCaseTypeInValid, required: true, onChange: onCaseTypeChange, onOuterClick: validateCaseType, "data-tracking-id": "case-details-type-selector" })));
+        React.createElement(Select, { "data-tracking-id": "case-details-type-selector", isOpen: isOpen, selected: selected, onSelect: (event, val) => onCaseTypeChange(val), onOpenChange: (isOpen) => setIsOpen(isOpen), toggle: toggle, popperProps: { direction: 'down', enableFlip: false }, shouldFocusFirstItemOnOpen: false, shouldFocusToggleOnSelect: true },
+            React.createElement(SelectList, null, (props.allTypes || []).map((option) => (React.createElement(SelectOption, { value: option, key: option }, option)))))));
 }
 CaseType.defaultProps = defaultProps;
 export default CaseType;

package/lib/esm/components/CaseEditView/CaseOverview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/index.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAkD,MAAM,OAAO,CAAC;AA4BvE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,qBAigBjD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/index.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAkD,MAAM,OAAO,CAAC;AA4BvE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,qBA4fjD"}

package/lib/esm/components/CaseEditView/CaseOverview/index.js

@@ -12,7 +12,7 @@ import LockIcon from '@patternfly/react-icons/dist/js/icons/lock-icon';
 import { ToastNotification, useConfirmation } from '@rh-support/components';
 import { CloseCaseModal, fetchCaseSeverities, fetchCaseTypes, GlobalMetadataDispatchContext, GlobalMetadataStateContext, useCanEditCase, } from '@rh-support/react-context';
 import { AbilityContext, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
-import { dtmTrackEvent, haventLoadedMetadata, isOpenShiftOnlineProduct, PreviousCaseTypes, toNewCaseTypeMapper, toNewCaseTypeSwitcher, } from '@rh-support/utils';
+import { dtmTrackEventCaseStepEncountered, haventLoadedMetadata, isOpenShiftOnlineProduct, PreviousCaseTypes, toNewCaseTypeMapper, toNewCaseTypeSwitcher, } from '@rh-support/utils';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -301,7 +301,7 @@ export default function CaseOverview(props) {
                 yield updateStatusState(CaseStatusEnum.CLOSED);
                 yield postCommentAfterStatusUpdate(commentBody);
                 setShowCaseCloseModal(false);
-                dtmTrackEvent('case closed', 'case closed - case details page', caseNumber, `${product}|${version}`);
+                dtmTrackEventCaseStepEncountered('close', caseNumber, product, version);
             }), isUpdating: (caseOverviewState.caseStatusUpdating && isCaseUpdating) || isPostingComment, onClose: () => {
                 setShowCaseCloseModal(false);
             }, caseNumber: caseNumber })),

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

@@ -1 +1 @@
-{"version":3,"file":"CaseSolutions.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseSolutions/CaseSolutions.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAuE3E,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,sBAAsB,EAAE,OAAO,CAAC;CACnC;AAUD,eAAO,MAAM,aAAa,+EAihBxB,CAAC"}
+{"version":3,"file":"CaseSolutions.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseSolutions/CaseSolutions.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAuE3E,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,sBAAsB,EAAE,OAAO,CAAC;CACnC;AAUD,eAAO,MAAM,aAAa,+EAkhBxB,CAAC"}

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

@@ -23,7 +23,7 @@ import { Accordion, AccordionContent, AccordionItem, AccordionToggle, Button, Mo
 import { PaginatedList, ToastNotification } from '@rh-support/components';
 import { useGlobalStateContext } from '@rh-support/react-context';
 import { AbilityContext, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
-import { dtmTrackEventCaseDetailsSolutionDocs, getSolrParams } from '@rh-support/utils';
+import { getSolrParams } from '@rh-support/utils';
 import find from 'lodash/find';
 import isEqual from 'lodash/isEqual';
 import some from 'lodash/some';
@@ -163,7 +163,9 @@ export const CaseSolutions = forwardRef((props, ref) => {
     });
     const canPinUnpin = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_PIN_UNPIN_RESOURCES);
     const canLinkUnlink = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_LINK_UNLINK_RESOURCES);
-    const addDtmEvent = (stepName) => dtmTrackEventCaseDetailsSolutionDocs(stepName, caseNumber, `${product}|${version}`);
+    const addDtmEvent = (stepName) => {
+        // reserve for when fixing dtm
+    };
     const updateRecommendations = (recommendationToUpdate, isPinned, isLinked) => () => __awaiter(void 0, void 0, void 0, function* () {
         try {
             setIsPinLoading((prevPiningMap) => (Object.assign(Object.assign({}, prevPiningMap), { [recommendationToUpdate.resourceId]: true })));

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

@@ -1 +1 @@
-{"version":3,"file":"CaseInternalStatus.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseInternalStatus.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAQpE,MAAM,CAAC,OAAO,UAAU,kBAAkB,sBAwFzC"}
+{"version":3,"file":"CaseInternalStatus.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseInternalStatus.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAQpE,MAAM,CAAC,OAAO,UAAU,kBAAkB,sBAyFzC"}

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

@@ -30,7 +30,8 @@ export default function CaseInternalStatus() {
     const globalMetadataDispatchContext = useContext(GlobalMetadataDispatchContext);
     const [isOpen, setIsOpen] = useState(false);
     const [selected, setSelected] = useState(internalStatus);
-    const onToggleClick = () => {
+    const onToggleClick = (e) => {
+        e.stopPropagation();
         setIsOpen(!isOpen);
     };
     const toggle = (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: onToggleClick, isExpanded: isOpen, isDisabled: isIStatusUpdating, isFullWidth: true, className: "case-internal-status-selector-text" },

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

@@ -1 +1 @@
-{"version":3,"file":"CaseDiscussion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseDiscussion.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,YAAY,EAA0B,MAAM,yCAAyC,CAAC;AAa1G,OAAO,KAAoE,MAAM,OAAO,CAAC;AAsCzF,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,SAAS,EAAE,SAAS,EAAE,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAC/C,eAAe,EAAE,OAAO,CAAC;CAC5B;AAOD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM,qBA4mBnD"}
+{"version":3,"file":"CaseDiscussion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseDiscussion.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,YAAY,EAA0B,MAAM,yCAAyC,CAAC;AAkB1G,OAAO,KAAoE,MAAM,OAAO,CAAC;AAsCzF,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,SAAS,EAAE,SAAS,EAAE,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAC/C,eAAe,EAAE,OAAO,CAAC;CAC5B;AAOD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM,qBA8mBnD"}

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

@@ -12,7 +12,7 @@ import { MenuToggle, Select, SelectList, SelectOption } from '@patternfly/react-
 import { AlertMessage, AlertType, ErrorBoundary, LoadingIndicator, ToastNotification } from '@rh-support/components';
 import { useGlobalStateContext } from '@rh-support/react-context';
 import { AbilityContext, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
-import { dtmTrackEvent, getDropdownBtnPlaceholder, getUrlParsedParams, scrollIntoView } from '@rh-support/utils';
+import { dtmTrackEventCaseStepEncountered, getDropdownBtnPlaceholder, getUrlParsedParams, scrollIntoView, } from '@rh-support/utils';
 import cloneDeep from 'lodash/cloneDeep';
 import filter from 'lodash/filter';
 import findIndex from 'lodash/findIndex';
@@ -171,7 +171,7 @@ export default function CaseDiscussion(props) {
     };
     const onCommentAdded = () => __awaiter(this, void 0, void 0, function* () {
         yield updateDiscussionStateComments(dispatchDiscussion, caseDispatch, caseNumber, allDiscussions, sort, caseFeedbacksHydra.data, discussionFiltersListState);
-        dtmTrackEvent('case details page comment', 'comment', caseNumber, `${product}|${version}`);
+        dtmTrackEventCaseStepEncountered('comment', caseNumber, product, version);
     });
     const onAttachmentAdded = () => __awaiter(this, void 0, void 0, function* () {
         yield updateDiscussionStateAttachments(dispatchDiscussion, caseNumber, allDiscussions, sort, loggedInUsersAccount.data.secureSupport, discussionFiltersListState);
@@ -326,10 +326,12 @@ export default function CaseDiscussion(props) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [isPostingRemoteRequestCommentCompleted]);
-    const onToggleClick = () => {
+    const onToggleClick = (e) => {
+        e.stopPropagation();
         setIsOpen(!isOpen);
     };
-    const onSortToggleClick = () => {
+    const onSortToggleClick = (e) => {
+        e.stopPropagation();
         setIsSortOpen(!isSortOpen);
     };
     const onFilterSelect = (_event, prevOption) => {

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,qBAoG1C"}
+{"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"}

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

@@ -10,7 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { Button, TextInput } from '@patternfly/react-core';
 import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
 import { humanizeSize } from '@rh-support/utils';
-import SearchApi, { INDEX_MODES } from 'js-worker-search';
+import SearchApi from 'js-worker-search';
 import isEmpty from 'lodash/isEmpty';
 import React, { useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -32,8 +32,9 @@ export function CommentSearch(props) {
             props.onCommentSearch([], '');
             return;
         }
+        // Removing indexMode: INDEX_MODES.PREFIXES parameter from SearchAPI to match all sub-strings by default
+        // Refer https://github.com/bvaughn/js-worker-search?tab=readme-ov-file#custom-index-mode
         const searchApi = new SearchApi({
-            indexMode: INDEX_MODES.PREFIXES,
             caseSensitive: false,
             matchAnyToken: true,
         });

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,qBAyiBxC"}
+{"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"}

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

@@ -209,7 +209,10 @@ export function PostComment(props) {
     const handleCheckboxToggle = () => {
         setIsPublic((publicComment) => !publicComment);
     };
-    const isPostCommentDisabled = isProcessing || !commentText || isCommentTooLong;
+    function isCommentSignatureMatch() {
+        return commentText.trim() === commentSignature;
+    }
+    const isPostCommentDisabled = isProcessing || !commentText || isCommentSignatureMatch();
     const isFileUploadDisabled = isConfirmedStateSideSupport && !cssCommentAgreed;
     const onFileUploadClick = () => {
         ToastNotification.addInfoMessage(t('Uploading Attachment(s)'));

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

@@ -5,10 +5,38 @@
 .timeline {
     position: relative;
     max-width: 100%;
-    margin: 0 auto;
+    margin: 24px auto;
     padding: 0 20px;
 }
 
+.timeline-empty::after {
+    display: none;
+}
+.timeline::before {
+    bottom: var(--timeline-bottom, 0px);
+}
+
+.right-node {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    width: 100%;
+}
+.content-date-right-history {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.timelineMenu button.pf-v5-c-button.pf-m-primary {
+    margin-bottom: 31px;
+}
+
+/* fixes a bug with datepicker month input being bigger than the day */
+.timelineMenu div.pf-v5-c-calendar-month__header-year span.pf-v5-c-form-control input {
+    margin-bottom: -3px;
+}
+
 .timeline::after {
     content: '';
     position: absolute;
@@ -21,7 +49,7 @@
 
     /* This value is calculated in timeline.tsx */
     bottom: calc(var(--timeline-bottom) + var(--timeline-bottom-offset, 18.35%));
-    left: calc(13% + 13px);
+    left: calc(15% + 14.5px);
     transform: translateX(-50%);
 }
 
@@ -45,18 +73,49 @@
     z-index: 1;
 }
 
+.timeline-controls {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0.5rem 1rem;
+    margin: 0 -0.8rem;
+}
+
+.timeline-pagination {
+    flex-grow: 1;
+    display: flex;
+    align-items: center;
+}
+#options-menu-top-pagination {
+    display: flex !important;
+    flex-wrap: nowrap !important;
+}
+.timeline-sort-order-select {
+    width: auto;
+    margin-left: 1rem;
+}
+
+.timeline-controls:last-of-type {
+    justify-content: flex-start;
+}
+
+.timeline-controls:last-of-type .timeline-pagination {
+    flex-grow: 0;
+}
+
 .timeline-node {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
     position: relative;
-    margin-bottom: 20px;
+    margin-bottom: 32px;
     min-height: 80px;
+    max-height: 1em;
 }
 
 .timeline-avatar {
     position: absolute;
-    left: calc(13% + 13px);
+    left: calc(15% + 15px);
     transform: translateX(-91%);
     top: 12px;
     z-index: 5;
@@ -69,15 +128,17 @@
     width: 10px;
     height: 10px;
     z-index: 2;
-    left: calc(13% + 13px);
+    left: calc(15% + 15px);
     transform: translateX(-195%);
     top: 25px;
 }
 
 .left-node {
-    flex: 0 0 13%;
-    max-width: 13%;
+    flex: 0 0 15%;
+    max-width: 20%;
     padding-right: 24px;
+    margin-left: -2em;
+    margin-right: 24px;
 }
 
 .content-date-left-history {
@@ -96,6 +157,9 @@
     font-weight: 400;
     text-align: right;
     line-height: 30px;
+    padding-left: 1em;
+    white-space: nowrap;
+    overflow: hidden;
 }
 
 .content-date-right-history {
@@ -121,29 +185,27 @@
 .right-node {
     flex-grow: 1;
     padding-left: 2.8%;
+    margin-left: 1%;
 }
 
 .right-node::before {
     content: ' ';
-    height: 0;
-    position: relative;
-    display: list-item;
+    position: absolute;
     top: 22.5px;
     width: 0;
-    z-index: 1;
-    left: -0.5%;
+    height: 0;
     border: medium solid white;
-    border-width: 7px 0 7px 7px;
-    border-color: transparent transparent transparent white;
-    transform: rotate(180deg);
+    border-width: 7px 7px 7px 0;
+    border-color: transparent white transparent transparent;
+    transform: translateX(-100%);
 }
 
 .internal.right-node::before {
-    border-color: transparent transparent transparent #ee0000;
+    border-right-color: #ee0000;
 }
 
 .customer.right-node::before {
-    border-color: transparent transparent transparent #316dc1;
+    border-right-color: #316dc1;
 }
 
 .timeline-internal {
@@ -168,9 +230,9 @@
 
 .contentTimeline {
     padding: 16px;
-    position: absolute;
+    /* position: absolute; */
     border-radius: 3px;
-    margin-bottom: 32px;
+    /* margin-bottom: 32px; */
 }
 
 .content-right-history {
@@ -179,8 +241,7 @@
     border-left-style: solid !important;
     border-radius: 3px;
     border: 1px solid #d2d2d2;
-    width: 80%;
-    top: 0rem;
+    width: 100%;
 }
 
 .content-right-customer {
@@ -203,6 +264,9 @@ ul#case-history-paginated-timeline {
 
 .timelineMenu {
     display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 1rem;
 }
 
 .case-history-timeline-datepicker {
@@ -224,6 +288,16 @@ ul#case-history-paginated-timeline {
     width: 93.2%;
 }
 
+@-moz-document url-prefix() {
+    .timeline-controls {
+        padding: 0.5rem 1rem;
+    }
+
+    #options-menu-top-pagination {
+        width: 15em;
+    }
+}
+
 @media screen and (max-width: 768px) {
     .timeline::after {
         left: 20px;

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;AAwBxB,OAAO,KAAuD,MAAM,OAAO,CAAC;AAkO5E,QAAA,MAAM,QAAQ;;uBAgRb,CAAC;AACF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseHistory/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AA0BxB,OAAO,KAAsC,MAAM,OAAO,CAAC;AAgT3D,QAAA,MAAM,QAAQ;;uBAkUb,CAAC;AAEF,eAAe,QAAQ,CAAC"}