@rh-support/troubleshoot 2.4.5-beta.1 → 2.4.5-beta.2

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, loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
+    const { globalMetadataState: { loggedInUserRights }, } = 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() })),
         });
-    !loggedInUsersAccount.data.secureSupport &&
+    false && //Don't add this component to 'tabsToRender' for now, pending QA release
         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":"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"}
+{"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"}

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

@@ -7,9 +7,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-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 { Dropdown, ValueChangedIcon } from '@rh-support/components';
+import { toOldCaseTypeSwitcher, toOption, toOptions } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import React, { useContext, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -24,28 +23,16 @@ 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);
+        const switchedCaseType = toOldCaseTypeSwitcher(option.value);
         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
@@ -56,8 +43,7 @@ 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(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)))))));
+        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" })));
 }
 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,qBA4fjD"}
+{"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"}

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 { dtmTrackEventCaseStepEncountered, haventLoadedMetadata, isOpenShiftOnlineProduct, PreviousCaseTypes, toNewCaseTypeMapper, toNewCaseTypeSwitcher, } from '@rh-support/utils';
+import { dtmTrackEvent, 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);
-                dtmTrackEventCaseStepEncountered('close', caseNumber, product, version);
+                dtmTrackEvent('case closed', 'case closed - case details page', 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,+EAkhBxB,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,+EAihBxB,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 { getSolrParams } from '@rh-support/utils';
+import { dtmTrackEventCaseDetailsSolutionDocs, getSolrParams } from '@rh-support/utils';
 import find from 'lodash/find';
 import isEqual from 'lodash/isEqual';
 import some from 'lodash/some';
@@ -163,9 +163,7 @@ 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) => {
-        // reserve for when fixing dtm
-    };
+    const addDtmEvent = (stepName) => dtmTrackEventCaseDetailsSolutionDocs(stepName, caseNumber, `${product}|${version}`);
     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,sBAyFzC"}
+{"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"}

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

@@ -30,8 +30,7 @@ export default function CaseInternalStatus() {
     const globalMetadataDispatchContext = useContext(GlobalMetadataDispatchContext);
     const [isOpen, setIsOpen] = useState(false);
     const [selected, setSelected] = useState(internalStatus);
-    const onToggleClick = (e) => {
-        e.stopPropagation();
+    const onToggleClick = () => {
         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;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"}
+{"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"}

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 { dtmTrackEventCaseStepEncountered, getDropdownBtnPlaceholder, getUrlParsedParams, scrollIntoView, } from '@rh-support/utils';
+import { dtmTrackEvent, 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);
-        dtmTrackEventCaseStepEncountered('comment', caseNumber, product, version);
+        dtmTrackEvent('case details page comment', 'comment', caseNumber, `${product}|${version}`);
     });
     const onAttachmentAdded = () => __awaiter(this, void 0, void 0, function* () {
         yield updateDiscussionStateAttachments(dispatchDiscussion, caseNumber, allDiscussions, sort, loggedInUsersAccount.data.secureSupport, discussionFiltersListState);
@@ -326,12 +326,10 @@ export default function CaseDiscussion(props) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [isPostingRemoteRequestCommentCompleted]);
-    const onToggleClick = (e) => {
-        e.stopPropagation();
+    const onToggleClick = () => {
         setIsOpen(!isOpen);
     };
-    const onSortToggleClick = (e) => {
-        e.stopPropagation();
+    const onSortToggleClick = () => {
         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,qBAqG1C"}
+{"version":3,"file":"CommentSearch.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CommentSearch.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAkB,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAE5F,UAAU,MAAM;IACZ,eAAe,EAAE,WAAW,EAAE,CAAC;IAC/B,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACxE,sBAAsB,EAAE,OAAO,CAAC;CACnC;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,qBAoG1C"}

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

@@ -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 from 'js-worker-search';
+import SearchApi, { INDEX_MODES } from 'js-worker-search';
 import isEmpty from 'lodash/isEmpty';
 import React, { useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -32,9 +32,8 @@ 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,qBA6iBxC"}
+{"version":3,"file":"PostComment.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/PostComment.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAQ7F,OAAO,EAAkB,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAsB5F,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,WAAW,EAAE,CAAC;CACjC;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,qBAyiBxC"}

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

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

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

@@ -5,38 +5,10 @@
 .timeline {
     position: relative;
     max-width: 100%;
-    margin: 24px auto;
+    margin: 0 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;
@@ -49,7 +21,7 @@
 
     /* This value is calculated in timeline.tsx */
     bottom: calc(var(--timeline-bottom) + var(--timeline-bottom-offset, 18.35%));
-    left: calc(15% + 14.5px);
+    left: calc(13% + 13px);
     transform: translateX(-50%);
 }
 
@@ -73,49 +45,18 @@
     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: 32px;
+    margin-bottom: 20px;
     min-height: 80px;
-    max-height: 1em;
 }
 
 .timeline-avatar {
     position: absolute;
-    left: calc(15% + 15px);
+    left: calc(13% + 13px);
     transform: translateX(-91%);
     top: 12px;
     z-index: 5;
@@ -128,17 +69,15 @@
     width: 10px;
     height: 10px;
     z-index: 2;
-    left: calc(15% + 15px);
+    left: calc(13% + 13px);
     transform: translateX(-195%);
     top: 25px;
 }
 
 .left-node {
-    flex: 0 0 15%;
-    max-width: 20%;
+    flex: 0 0 13%;
+    max-width: 13%;
     padding-right: 24px;
-    margin-left: -2em;
-    margin-right: 24px;
 }
 
 .content-date-left-history {
@@ -157,9 +96,6 @@
     font-weight: 400;
     text-align: right;
     line-height: 30px;
-    padding-left: 1em;
-    white-space: nowrap;
-    overflow: hidden;
 }
 
 .content-date-right-history {
@@ -185,27 +121,29 @@
 .right-node {
     flex-grow: 1;
     padding-left: 2.8%;
-    margin-left: 1%;
 }
 
 .right-node::before {
     content: ' ';
-    position: absolute;
+    height: 0;
+    position: relative;
+    display: list-item;
     top: 22.5px;
     width: 0;
-    height: 0;
+    z-index: 1;
+    left: -0.5%;
     border: medium solid white;
-    border-width: 7px 7px 7px 0;
-    border-color: transparent white transparent transparent;
-    transform: translateX(-100%);
+    border-width: 7px 0 7px 7px;
+    border-color: transparent transparent transparent white;
+    transform: rotate(180deg);
 }
 
 .internal.right-node::before {
-    border-right-color: #ee0000;
+    border-color: transparent transparent transparent #ee0000;
 }
 
 .customer.right-node::before {
-    border-right-color: #316dc1;
+    border-color: transparent transparent transparent #316dc1;
 }
 
 .timeline-internal {
@@ -230,9 +168,9 @@
 
 .contentTimeline {
     padding: 16px;
-    /* position: absolute; */
+    position: absolute;
     border-radius: 3px;
-    /* margin-bottom: 32px; */
+    margin-bottom: 32px;
 }
 
 .content-right-history {
@@ -241,7 +179,8 @@
     border-left-style: solid !important;
     border-radius: 3px;
     border: 1px solid #d2d2d2;
-    width: 100%;
+    width: 80%;
+    top: 0rem;
 }
 
 .content-right-customer {
@@ -264,9 +203,6 @@ ul#case-history-paginated-timeline {
 
 .timelineMenu {
     display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 1rem;
 }
 
 .case-history-timeline-datepicker {
@@ -288,16 +224,6 @@ 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;AA0BxB,OAAO,KAAsC,MAAM,OAAO,CAAC;AAgT3D,QAAA,MAAM,QAAQ;;uBAkUb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseHistory/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AAwBxB,OAAO,KAAuD,MAAM,OAAO,CAAC;AAkO5E,QAAA,MAAM,QAAQ;;uBAgRb,CAAC;AACF,eAAe,QAAQ,CAAC"}