@rh-support/troubleshoot 2.2.129 → 2.2.131

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":"AAmBA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAkB/D,UAAU,MAAM;CAAG;AAEnB,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,qBAqYnC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"OwnerSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountInfo/OwnerSelector.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAkB/D,UAAU,MAAM;CAAG;AAEnB,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,qBAsTnC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

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

@@ -28,14 +28,13 @@ import { getChangedValueTooltip } from '../shared/utils';
 function OwnerSelector(props) {
     const { t } = useTranslation();
     const caseUpdateError = useCaseUpdateErrorMessage();
-    const { accountNumber, caseNumber, selectedNotificationContacts, selectedOwner, selectedCaseGroupUsers, isCaseOwnerUpdating, caseDetailes, hasLoggedInUserConfirmedPhoneNumber, } = useCaseSelector((state) => ({
+    const { accountNumber, caseNumber, selectedNotificationContacts, selectedOwner, selectedCaseGroupUsers, isCaseOwnerUpdating, hasLoggedInUserConfirmedPhoneNumber, } = useCaseSelector((state) => ({
         accountNumber: state.caseDetails.accountNumberRef,
         caseNumber: state.caseDetails.caseNumber,
         selectedNotificationContacts: state.selectedNotificationContacts,
         selectedOwner: state.selectedOwner,
         selectedCaseGroupUsers: state.selectedCaseGroupUsers,
         isCaseOwnerUpdating: state.isCaseOwnerUpdating,
-        caseDetailes: state.caseDetails,
         hasLoggedInUserConfirmedPhoneNumber: state.hasLoggedInUserConfirmedPhoneNumber,
     }), isEqual);
     const { routeState: { isNextBtnClickedToShowValidationError }, } = useContext(RouteContext);
@@ -52,60 +51,6 @@ function OwnerSelector(props) {
         !isEmpty(pvalue.ssoUsername) &&
         value.ssoUsername !== pvalue.ssoUsername;
     const canEditCase = useCanEditCase();
-    // set owner on creating a case
-    const setContactPhoneNumber = (sso) => __awaiter(this, void 0, void 0, function* () {
-        // logged in user and case owner are the same
-        if (sso === loggedInUser.data.ssoUsername) {
-            if (loggedInUser.data.supportPhoneAreaCodePrefixLineNumber) {
-                setCaseDetails(caseDispatch, {
-                    phoneAreaCodePrefixLineNumber: loggedInUser.data.supportPhoneAreaCodePrefixLineNumber,
-                    phoneCountryCode: loggedInUser.data.supportPhoneCountryCode,
-                    suppliedPhoneNumberVerified: isEqual(hasLoggedInUserConfirmedPhoneNumber, 'True') || //hasLoggedInUserConfirmedPhoneNumber: global verification phone state for contactSSOName === loggedInUser.data.ssoUsername
-                        isEqual(hasLoggedInUserConfirmedPhoneNumber, 'Deferred')
-                        ? hasLoggedInUserConfirmedPhoneNumber
-                        : 'False',
-                });
-            }
-            else {
-                const phoneLine = getPhoneObj(loggedInUser.data.phone).phoneLine || '';
-                const countryCode = getPhoneObj(loggedInUser.data.phone).countryCode;
-                setCaseDetails(caseDispatch, {
-                    phoneAreaCodePrefixLineNumber: phoneLine,
-                    phoneCountryCode: countryCode,
-                    suppliedPhoneNumberVerified: isEqual(hasLoggedInUserConfirmedPhoneNumber, 'True') ||
-                        isEqual(hasLoggedInUserConfirmedPhoneNumber, 'Deferred')
-                        ? hasLoggedInUserConfirmedPhoneNumber
-                        : 'False',
-                });
-            }
-        }
-        else {
-            try {
-                const selectedContact = yield contacts.getSFDCContactBySso(sso);
-                if (selectedContact.supportPhoneAreaCodePrefixLineNumber) {
-                    setCaseDetails(caseDispatch, {
-                        phoneAreaCodePrefixLineNumber: selectedContact.supportPhoneAreaCodePrefixLineNumber,
-                        phoneCountryCode: selectedContact.supportPhoneCountryCode,
-                        suppliedPhoneNumberVerified: 'Deferred',
-                    });
-                }
-                else {
-                    setCaseDetails(caseDispatch, {
-                        phoneAreaCodePrefixLineNumber: getPhoneObj(selectedContact.phone).phoneLine || '',
-                        phoneCountryCode: getPhoneObj(selectedContact.phone).countryCode || '',
-                        suppliedPhoneNumberVerified: 'Deferred',
-                    });
-                }
-            }
-            catch (e) {
-                setCaseDetails(caseDispatch, {
-                    phoneAreaCodePrefixLineNumber: '',
-                    phoneCountryCode: '',
-                    suppliedPhoneNumberVerified: 'False',
-                });
-            }
-        }
-    });
     const updatePhone = (phoneSetting) => __awaiter(this, void 0, void 0, function* () {
         yield updateCaseDetails(caseDispatch, caseNumber, phoneSetting);
         setCaseDetails(caseDispatch, Object.assign({}, phoneSetting));
@@ -190,7 +135,6 @@ function OwnerSelector(props) {
         setLocalOwnerChange(true);
         !isEmpty(selectedContact) &&
             setNotifiedUser(dispatch, filter(notificationContacts, (c) => c.ssoUsername !== selectedContact.ssoUsername));
-        setContactPhoneNumber(selectedContact.ssoUsername);
     });
     /** Reset owner when selected account number changes */
     useEffect(() => {
@@ -286,26 +230,6 @@ function OwnerSelector(props) {
             users.length > 0 && setUsersWithGroupAccess(sortHydraContacts(users));
         }
     }, [selectedCaseGroupUsers, caseNumber]);
-    // to populate the phone number with the logged in user data
-    useEffect(() => {
-        if (caseDetailes.contactSSOName === loggedInUser.data.ssoUsername) {
-            if (loggedInUser.data.supportPhoneAreaCodePrefixLineNumber) {
-                setCaseDetails(caseDispatch, {
-                    phoneAreaCodePrefixLineNumber: loggedInUser.data.supportPhoneAreaCodePrefixLineNumber,
-                    phoneCountryCode: loggedInUser.data.supportPhoneCountryCode,
-                });
-            }
-            else {
-                const phoneLine = getPhoneObj(loggedInUser.data.phone).phoneLine || '';
-                const countryCode = getPhoneObj(loggedInUser.data.phone).countryCode;
-                setCaseDetails(caseDispatch, {
-                    phoneAreaCodePrefixLineNumber: phoneLine,
-                    phoneCountryCode: countryCode,
-                });
-            }
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
     const showUsersWithSelectedGroupAccess = caseNumber &&
         (selectedCaseGroupUsers.isFetching ||
             (!selectedCaseGroupUsers.isFetching && (selectedCaseGroupUsers.data || []).length > 0));

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

@@ -1 +1 @@
-{"version":3,"file":"CaseContactPhoneNumber.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseContactPhoneNumber.tsx"],"names":[],"mappings":"AASA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAgB/D,wBAAgB,sBAAsB,sBAkTrC"}
+{"version":3,"file":"CaseContactPhoneNumber.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseContactPhoneNumber.tsx"],"names":[],"mappings":"AASA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAgB/D,wBAAgB,sBAAsB,sBAiTrC"}

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

@@ -101,8 +101,7 @@ export function CaseContactPhoneNumber() {
         }
     });
     const onClear = () => __awaiter(this, void 0, void 0, function* () {
-        setLocalFullPhoneState('');
-        setLocalCountryCodeState('');
+        setIsEditting(false);
     });
     const maxLengthErrorMessage = t('Phone number cannot be more than {{limit}} digits.', {
         limit: PHONE_LIMIT,

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,4EAgUhB,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,KAAkD,MAAM,OAAO,CAAC;AAQvE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAClF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,kBAAkB,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAChH;AAED,QAAA,MAAM,YAAY,4EA4UhB,CAAC;AAEH,eAAe,YAAY,CAAC"}

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

@@ -22,7 +22,7 @@ import { AbilityContext, CaseDetailsFields, CaseDiscussionFields, resourceAction
 import { formatDateTime, linkifyLinks } from '@rh-support/utils';
 import DOMPurify from 'dompurify';
 import isEmpty from 'lodash/isEmpty';
-import React, { useContext, useState } from 'react';
+import React, { useContext, useEffect, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { DiscussionType } from '../../../../reducers/CaseDiscussionTabReducer';
 import { PDFContext } from '../../PDFContainer';
@@ -31,6 +31,7 @@ import { JumpAndCopyLink } from './JumpAndCopyLink';
 const CaseComments = React.forwardRef((props, ref) => {
     var _a;
     const { caseNumber } = props;
+    const markdownRef = useRef(null);
     const { t } = useTranslation();
     const ability = useContext(AbilityContext);
     const canSeePrivateComments = ability.can(resourceActions.PATCH, resources.CASE_COMMENTS, CaseDiscussionFields.VIEW_PRIVATE_COMMENT);
@@ -186,6 +187,16 @@ const CaseComments = React.forwardRef((props, ref) => {
             return (React.createElement("pre", { className: "push-top-narrow comment-plaintext reset-pre-text", dangerouslySetInnerHTML: commentText(parseComment), style: { fontFamily: isExportingPDF ? 'DejaVu Sans' : '' } }));
         }
     };
+    useEffect(() => {
+        if ((markdownRef === null || markdownRef === void 0 ? void 0 : markdownRef.current) && isExportingPDF) {
+            const preTags = markdownRef.current.querySelectorAll('pre');
+            preTags.forEach((pre) => {
+                pre.style.wordWrap = 'break-word';
+                pre.style.overflowWrap = 'break-word';
+                pre.style.fontFamily = 'DejaVu Sans';
+            });
+        }
+    }, [props.comment, isExportingPDF]);
     if (!((_a = props.comment) === null || _a === void 0 ? void 0 : _a.isPublic) && !canSeePrivateComments)
         return React.createElement(React.Fragment, null);
     return (React.createElement("section", { ref: ref, id: props.comment.id, className: `prevent-split ${computePrivateComment(props.comment)} support-comment ${computeDiscussionCardCalss(props.comment)} ${ref ? 'selected-case-comment' : ''}` },
@@ -200,7 +211,7 @@ const CaseComments = React.forwardRef((props, ref) => {
                     React.createElement(Trans, null, "Partner"),
                     ")"))),
             React.createElement("time", null, formatDateTime(props.comment.lastModifiedDate))),
-        React.createElement("div", { className: "comment-body", onClick: onCommentAreaClick }, computeCommentText(props.comment)),
+        React.createElement("div", { className: "comment-body", onClick: onCommentAreaClick, ref: markdownRef }, computeCommentText(props.comment)),
         React.createElement("footer", null,
             React.createElement("span", { className: "comment-note" }, computeCommentFooter(props.comment)),
             canSeeFeedbackButtons && commentFeedbackButtons(props.comment, props.feedback),

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;AAoB1G,OAAO,KAAoE,MAAM,OAAO,CAAC;AAwCzF,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,qBA4iBnD"}
+{"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,qBAwmBnD"}

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

@@ -8,10 +8,11 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { caseAttachments } from '@cee-eng/hydrajs';
-import { AlertMessage, AlertType, Dropdown, ErrorBoundary, LoadingIndicator, MultiSelectDropDownList, ToastNotification, } from '@rh-support/components';
+import { MenuToggle, Select, SelectList, SelectOption } from '@patternfly/react-core';
+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 { getDropdownBtnPlaceholder, getUrlParsedParams, scrollIntoView, toOption, toOptions } from '@rh-support/utils';
+import { getDropdownBtnPlaceholder, getUrlParsedParams, scrollIntoView } from '@rh-support/utils';
 import cloneDeep from 'lodash/cloneDeep';
 import filter from 'lodash/filter';
 import findIndex from 'lodash/findIndex';
@@ -76,6 +77,10 @@ export default function CaseDiscussion(props) {
     const [replyingToPrivateComment, setReplyingToPrivateComment] = useState(null);
     // used for tracking comment section width changes
     const [discussionSectionWidth, setDiscussionSectionWidth] = useState(null);
+    const [isOpen, setIsOpen] = useState(false);
+    const [selectedFilterItems, setSelectedFilterItems] = useState([]);
+    const [isSortOpen, setIsSortOpen] = useState(false);
+    const [sortSelected, setSortSelected] = useState('Select a value');
     if (props.isDiscussionTab) {
         cellMeasureCache = new CellMeasurerCache({
             fixedWidth: true,
@@ -156,14 +161,6 @@ export default function CaseDiscussion(props) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.caseComments, caseAttachmentHydra, props.caseChats, caseFeedbacksHydra, caseExternalTrackersUpdate]);
-    const onSortChange = (selectedSort) => {
-        setSort(dispatchDiscussion, selectedSort.value, allDiscussions);
-    };
-    const onFilterChange = (selectedFilter) => {
-        selectedFilter = selectedFilter.map((item) => item.value.value);
-        setFilter(dispatchDiscussion, selectedFilter, discussionFiltersListState);
-        shouldRenderRVComponent && setCanUpdateScrollTop(false);
-    };
     const onAttachmentRemove = (uuid_removed) => {
         updateAttacmentsAfterRemoval(dispatchDiscussion, uuid_removed, allDiscussions, discussionFiltersListState);
     };
@@ -326,6 +323,30 @@ export default function CaseDiscussion(props) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [isPostingRemoteRequestCommentCompleted]);
+    const onToggleClick = () => {
+        setIsOpen(!isOpen);
+    };
+    const onSortToggleClick = () => {
+        setIsSortOpen(!isSortOpen);
+    };
+    const onFilterSelect = (_event, prevOption) => {
+        const isFilterSelected = !prevOption.isSelected; // to get updated state of changed filter
+        const prevSelectedFilters = list.filter((option) => option.isSelected && option.value !== prevOption.value); // to get previously selected filters
+        const prevSelectedFiltersValue = prevSelectedFilters.map((option) => option.value);
+        const newSelectedFilters = isFilterSelected // has all the selected values of filter with the updated selected filter state
+            ? [...prevSelectedFiltersValue, prevOption.value]
+            : prevSelectedFiltersValue;
+        setFilter(dispatchDiscussion, newSelectedFilters, discussionFiltersListState);
+        shouldRenderRVComponent && setCanUpdateScrollTop(false);
+        setSelectedFilterItems(prevSelectedFiltersValue);
+    };
+    const toggle = (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: onToggleClick, isExpanded: isOpen, isFullWidth: true }, getDropdownBtnPlaceholder(t('Select a filter'), list.filter((i) => i.isSelected).map((i) => i.filterLabel), ' ', list.length, t('All comments'))));
+    const onSortSelect = (_event, selectedSort) => {
+        setSort(dispatchDiscussion, selectedSort, allDiscussions);
+        setSortSelected(selectedSort.value);
+        setIsSortOpen(false);
+    };
+    const onSortToggle = (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: onSortToggleClick, isExpanded: isSortOpen, isFullWidth: true }, sort.name));
     return (React.createElement(React.Fragment, null,
         React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading post comment section') } },
             React.createElement(AttachmentContextProvider, null,
@@ -346,12 +367,13 @@ export default function CaseDiscussion(props) {
             React.createElement("div", { className: `pfe-l-grid pfe-m-all-6-col pfe-m-gutters push-bottom ${isExportingPDF ? 'hide-in-pdf' : ''}` },
                 React.createElement("div", { className: "pfe-m-12-col" }, allDiscussions.length > 20 && (React.createElement(CommentSearch, { caseDiscussions: computeFilteredComments || [], onCommentSearch: onCaseCommentSearch, isCommentSearchCleared: isCommentSearchCleared }))),
                 React.createElement("span", { className: "push-top-narrow" },
-                    React.createElement(MultiSelectDropDownList, { placeholder: getDropdownBtnPlaceholder(t('Select a filter'), list.filter((i) => i.isSelected).map((i) => i.filterLabel), ' ', list.length, t('All comments')), "data-tracking-id": "discussions-filter-comments-dropdown", id: "case-list-comments-dropdown", label: t('Filter by'), title: t('Filter by'), onChange: onFilterChange, selectedItems: toOptions(list.filter((item) => item.isSelected), {
-                            labelKey: 'filterLabel',
-                            disabledKey: 'isDisabled',
-                        }), list: toOptions(list, { labelKey: 'filterLabel', disabledKey: 'isDisabled' }) })),
+                    React.createElement("label", { htmlFor: "case-list-comments-dropdown", className: "pf-v5-u-mb-sm" }, t('Filter by')),
+                    React.createElement(Select, { "data-tracking-id": "discussions-filter-comments-dropdown", id: "case-list-comments-dropdown", role: "menu", isOpen: isOpen, selected: selectedFilterItems, onSelect: onFilterSelect, onOpenChange: (isOpen) => setIsOpen(isOpen), toggle: toggle, popperProps: { direction: 'down', enableFlip: false }, zIndex: 9 },
+                        React.createElement(SelectList, null, list.map((option) => (React.createElement(SelectOption, { hasCheckbox: true, value: option, isSelected: option.isSelected, isDisabled: option.isDisabled }, option.filterLabel)))))),
                 React.createElement("span", { className: "push-top-narrow" },
-                    React.createElement(Dropdown, { id: "se-discussion-sort", label: t('Sort by'), name: "se-discussion-sort", placeholder: t('Sort comments'), "data-tracking-id": "discussions-sort-dropdown", title: t('Sort comments'), list: toOptions(discussionSortOrderConst, { labelKey: 'name' }), selectedItem: toOption(sort, { labelKey: 'name' }), onChange: onSortChange }))),
+                    React.createElement("label", { htmlFor: "se-discussion-sort", className: "pf-v5-u-mb-sm" }, t('Sort by')),
+                    React.createElement(Select, { id: "se-discussion-sort", "data-tracking-id": "discussions-sort-dropdown", isOpen: isSortOpen, selected: sortSelected, onSelect: onSortSelect, onOpenChange: (isSortOpen) => setIsSortOpen(isSortOpen), toggle: onSortToggle, shouldFocusToggleOnSelect: true, popperProps: { direction: 'down', enableFlip: false }, zIndex: 9 },
+                        React.createElement(SelectList, null, discussionSortOrderConst.map((option) => (React.createElement(SelectOption, { value: option, isSelected: isEqual(sort.name, option.name) }, option.name))))))),
             React.createElement("div", { className: "support-comment-section" }, !shouldRenderRVComponent &&
                 !isSearchResultEmpty &&
                 comuteSearchedComments.map((discussion, index) => {

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

@@ -1 +1 @@
-{"version":3,"file":"ContactPhoneNumber.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/ContactPhoneNumber.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAkB/D,wBAAgB,kBAAkB,sBAoLjC"}
+{"version":3,"file":"ContactPhoneNumber.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/ContactPhoneNumber.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAkB/D,wBAAgB,kBAAkB,sBA2UjC"}

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

@@ -1,7 +1,16 @@
+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 { contacts } from '@cee-eng/hydrajs';
 import { ValidatedOptions } from '@patternfly/react-core';
 import { getPhoneObj, PhoneInput } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
-import { ability, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import isUndefined from 'lodash/isUndefined';
@@ -11,33 +20,59 @@ import { PHONE_INSTRUCTION, PHONE_IS_NOT_VALID, PHONE_LINE_CANNOT_BE_EMPTY, PHON
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { RouteContext } from '../../context/RouteContext';
 import { PHONE_LIMIT } from '../../reducers/CaseConstNTypes';
-import { setCaseDetails } from '../../reducers/CaseReducer';
+import { setCaseDetails, setCaseState } from '../../reducers/CaseReducer';
 import { PDFContext } from '../CaseEditView/PDFContainer';
-import { trimAndReplacePlus } from '../shared/utils';
+import { removeAllChars, trimAndReplacePlus } from '../shared/utils';
 import { ContactPhoneNumberPopOver } from './ContactPhoneNumberPopOver';
 import MandatoryPhonePopOver from './MandatoryPhonePopOver';
 export function ContactPhoneNumber() {
-    const { suppliedPhoneNumberVerified, phoneCountryCode = '', phoneAreaCodePrefixLineNumber = '', isExistingPhoneNumber, } = useCaseSelector((state) => ({
+    const { suppliedPhoneNumberVerified, phoneCountryCode = '', phoneAreaCodePrefixLineNumber = '', hasLoggedInUserConfirmedPhoneNumber, contactSSOName, shouldNotSetPhoneCountryCode, } = useCaseSelector((state) => ({
         suppliedPhoneNumberVerified: state.caseDetails.suppliedPhoneNumberVerified,
         phoneCountryCode: state.caseDetails.phoneCountryCode,
         phoneAreaCodePrefixLineNumber: state.caseDetails.phoneAreaCodePrefixLineNumber,
-        isExistingPhoneNumber: state.isExistingPhoneNumber,
+        hasLoggedInUserConfirmedPhoneNumber: state.hasLoggedInUserConfirmedPhoneNumber,
+        contactSSOName: state.caseDetails.contactSSOName,
+        shouldNotSetPhoneCountryCode: state.shouldNotSetPhoneCountryCode,
     }), isEqual);
     const { routeState: { isNextBtnClickedToShowValidationError }, } = useContext(RouteContext);
     const { globalMetadataState: { loggedInUser }, } = useContext(GlobalMetadataStateContext);
     const [invalid, setInvalid] = useState(false);
-    const [localFullPhone, setLocalFullPhone] = useState(phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber);
+    const [portalPhone, setPortalPhone] = useState('');
+    const [localFullPhone, setLocalFullPhone] = useState('');
+    const [isSettingLocalPhone, setIsSettingLocalPhone] = useState(false);
+    const [isFetchingSso, setIsFetchingSso] = useState(false);
     const { isExportingPDF } = useContext(PDFContext);
-    const canChangeAccountInfo = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.ACCOUNT_AND_OWNER);
     const getPhone = () => phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber;
     const caseDispatch = useCaseDispatch();
     const { t } = useTranslation();
+    const checkingPlusInLocalFullPhone = (_localFullPhone) => {
+        if (isEqual(_localFullPhone.trim(), '+')) {
+            return '';
+        }
+        else if (!isEmpty(_localFullPhone.trim()) && !_localFullPhone.trim().startsWith('+')) {
+            return '+' + _localFullPhone.trim();
+        }
+        else {
+            return _localFullPhone.trim();
+        }
+    };
     const onPhoneChange = (fullPhone) => {
-        setLocalFullPhone(fullPhone);
-        setCaseDetails(caseDispatch, {
-            phoneAreaCodePrefixLineNumber: getPhoneObj(fullPhone).phoneLine,
-            phoneCountryCode: getPhoneObj(fullPhone).countryCode,
-        });
+        setLocalFullPhone(checkingPlusInLocalFullPhone(fullPhone));
+        if (!shouldNotSetPhoneCountryCode) {
+            setCaseDetails(caseDispatch, {
+                phoneAreaCodePrefixLineNumber: getPhoneObj(fullPhone).phoneLine,
+                phoneCountryCode: getPhoneObj(fullPhone).countryCode,
+            });
+        }
+        else {
+            if (!isEmpty(fullPhone) && !isEqual(removeAllChars(portalPhone), removeAllChars(fullPhone))) {
+                setCaseState(caseDispatch, { shouldNotSetPhoneCountryCode: false });
+            }
+            setCaseDetails(caseDispatch, {
+                phoneAreaCodePrefixLineNumber: checkingPlusInLocalFullPhone(fullPhone),
+                phoneCountryCode: '',
+            });
+        }
     };
     const onCountryCodeChange = (phoneCountryCode) => {
         setCaseDetails(caseDispatch, { phoneCountryCode });
@@ -52,7 +87,6 @@ export function ContactPhoneNumber() {
         isEmpty(phoneAreaCodePrefixLineNumber === null || phoneAreaCodePrefixLineNumber === void 0 ? void 0 : phoneAreaCodePrefixLineNumber.replace(phoneCountryCode, ''));
     const isPhoneNumberValid = !isEmpty(phoneAreaCodePrefixLineNumber) &&
         !isNextBtnClickedToShowValidationError &&
-        isExistingPhoneNumber &&
         !isEmpty(trimAndReplacePlus(phoneCountryCode)) &&
         (isEqual(suppliedPhoneNumberVerified, 'False') || isUndefined(suppliedPhoneNumberVerified))
         ? ValidatedOptions.warning
@@ -66,47 +100,160 @@ export function ContactPhoneNumber() {
                     : invalid
                         ? ValidatedOptions.error
                         : ValidatedOptions.default;
+    // This useEffect initialize phone number inputbox
+    // - User open case for first time for herself/himself -> show portal phone number
+    // - User open case for NOT first time for herself/himself -> show phone number that we have on user contact in SF
     useEffect(() => {
-        // when canChangeAccountInfo is false OwnerSelector is hidden
-        // need to set phone on load here instead of OwnerSelector
-        if (!canChangeAccountInfo && (isEmpty(phoneCountryCode) || isEmpty(phoneAreaCodePrefixLineNumber))) {
-            if (loggedInUser.data.supportPhoneAreaCodePrefixLineNumber) {
+        const getPhoneInfo = () => __awaiter(this, void 0, void 0, function* () {
+            if (isEmpty(loggedInUser.data.phone) &&
+                isEmpty(loggedInUser.data.supportPhoneAreaCodePrefixLineNumber) &&
+                isEmpty(loggedInUser.data.supportPhoneCountryCode))
+                setLocalFullPhone('');
+            setIsSettingLocalPhone(true);
+            const initContactPhoneNumber = () => __awaiter(this, void 0, void 0, function* () {
+                let _phoneAreaCodePrefixLineNumber;
+                let _phoneCountryCode;
+                let _suppliedPhoneNumberVerified;
+                // logged in user and case owner are the same
+                if (contactSSOName === loggedInUser.data.ssoUsername) {
+                    if (loggedInUser.data.supportPhoneAreaCodePrefixLineNumber) {
+                        // User has opened a case before and has phone and area code in her/his contact on SF
+                        _phoneAreaCodePrefixLineNumber = loggedInUser.data.supportPhoneAreaCodePrefixLineNumber;
+                        _phoneCountryCode = loggedInUser.data.supportPhoneCountryCode;
+                        _suppliedPhoneNumberVerified =
+                            isEqual(hasLoggedInUserConfirmedPhoneNumber, 'True') ||
+                                isEqual(hasLoggedInUserConfirmedPhoneNumber, 'Deferred')
+                                ? hasLoggedInUserConfirmedPhoneNumber
+                                : 'False';
+                    }
+                    else {
+                        // User is openning a case for the first time
+                        const phoneLength = trimAndReplacePlus(removeAllChars(loggedInUser.data.phone)).length;
+                        // For first time user whose phone is fetched from portal without country code
+                        // For phone length less or equal to 10 country code shouldn't be fetched to avoid faulty phone population
+                        if (phoneLength > 10) {
+                            const phoneLine = getPhoneObj(loggedInUser.data.phone).phoneLine || '';
+                            const countryCode = getPhoneObj(loggedInUser.data.phone).countryCode;
+                            _phoneAreaCodePrefixLineNumber = phoneLine;
+                            _phoneCountryCode = countryCode;
+                        }
+                        else {
+                            setCaseState(caseDispatch, {
+                                shouldNotSetPhoneCountryCode: true,
+                            });
+                            _phoneAreaCodePrefixLineNumber = loggedInUser.data.phone;
+                            _phoneCountryCode = '';
+                            setPortalPhone(loggedInUser.data.phone);
+                        }
+                        _suppliedPhoneNumberVerified =
+                            isEqual(hasLoggedInUserConfirmedPhoneNumber, 'True') ||
+                                isEqual(hasLoggedInUserConfirmedPhoneNumber, 'Deferred')
+                                ? hasLoggedInUserConfirmedPhoneNumber
+                                : 'False';
+                    }
+                }
+                else {
+                    // user is openning case for others (use is partner or red hatter)
+                    try {
+                        if (!contactSSOName)
+                            return;
+                        setIsFetchingSso(true);
+                        const selectedContact = yield contacts.getSFDCContactBySso(contactSSOName);
+                        setIsFetchingSso(false);
+                        if (selectedContact.supportPhoneAreaCodePrefixLineNumber) {
+                            _phoneAreaCodePrefixLineNumber = selectedContact.supportPhoneAreaCodePrefixLineNumber;
+                            _phoneCountryCode = selectedContact.supportPhoneCountryCode;
+                            _suppliedPhoneNumberVerified = 'Deferred';
+                        }
+                        else {
+                            const phoneLength = trimAndReplacePlus(removeAllChars(selectedContact.phone)).length;
+                            if (phoneLength > 10) {
+                                _phoneAreaCodePrefixLineNumber = getPhoneObj(selectedContact.phone).phoneLine || '';
+                                _phoneCountryCode = getPhoneObj(selectedContact.phone).countryCode || '';
+                            }
+                            else {
+                                _phoneAreaCodePrefixLineNumber = selectedContact.phone;
+                                _phoneCountryCode = '';
+                                setCaseState(caseDispatch, { shouldNotSetPhoneCountryCode: true });
+                                setPortalPhone(selectedContact.phone);
+                            }
+                            _suppliedPhoneNumberVerified = 'Deferred';
+                        }
+                    }
+                    catch (e) {
+                        _phoneAreaCodePrefixLineNumber = '';
+                        _phoneCountryCode = '';
+                        _suppliedPhoneNumberVerified = 'False';
+                        setIsFetchingSso(false);
+                    }
+                }
                 setCaseDetails(caseDispatch, {
-                    phoneAreaCodePrefixLineNumber: loggedInUser.data.supportPhoneAreaCodePrefixLineNumber,
-                    phoneCountryCode: loggedInUser.data.supportPhoneCountryCode,
+                    phoneAreaCodePrefixLineNumber: _phoneAreaCodePrefixLineNumber,
+                    phoneCountryCode: _phoneCountryCode,
+                    suppliedPhoneNumberVerified: _suppliedPhoneNumberVerified,
                 });
+                let _localFullPhone = _phoneCountryCode + ' ' + _phoneAreaCodePrefixLineNumber;
+                setLocalFullPhone(checkingPlusInLocalFullPhone(_localFullPhone));
+                setIsSettingLocalPhone(false);
+            });
+            // if phone not initialized with portal and user contact value, initialize it else populate phone inputbox
+            if (isEmpty(phoneAreaCodePrefixLineNumber) && isEmpty(phoneCountryCode)) {
+                initContactPhoneNumber();
             }
             else {
-                const phoneLine = getPhoneObj(loggedInUser.data.phone).phoneLine || '';
-                const countryCode = getPhoneObj(loggedInUser.data.phone).countryCode || '';
-                const isValidCountryCode = !isEmpty(trimAndReplacePlus(countryCode));
-                const isValidPhoneLine = !isEmpty(trimAndReplacePlus(phoneLine));
-                if (isValidCountryCode && isValidPhoneLine) {
-                    setCaseDetails(caseDispatch, {
-                        phoneAreaCodePrefixLineNumber: phoneLine,
-                        phoneCountryCode: countryCode,
-                    });
+                let phoneLength;
+                let portalPhone;
+                let supportPhone;
+                setIsSettingLocalPhone(true);
+                const getSelectedContactPhoneInfo = () => __awaiter(this, void 0, void 0, function* () {
+                    try {
+                        if (!contactSSOName)
+                            return;
+                        const selectedContact = yield contacts.getSFDCContactBySso(contactSSOName);
+                        if (isEmpty(selectedContact.supportPhoneAreaCodePrefixLineNumber) &&
+                            !isEmpty(selectedContact.phone)) {
+                            portalPhone = selectedContact.phone;
+                            phoneLength = trimAndReplacePlus(removeAllChars(portalPhone)).length;
+                            supportPhone = selectedContact.supportPhoneAreaCodePrefixLineNumber;
+                        }
+                    }
+                    catch (e) {
+                        portalPhone = '';
+                        supportPhone = '';
+                        phoneLength = 0;
+                    }
+                });
+                // logged in user and case owner are the same
+                if (contactSSOName === loggedInUser.data.ssoUsername) {
+                    if (isEmpty(loggedInUser.data.supportPhoneAreaCodePrefixLineNumber) &&
+                        !isEmpty(loggedInUser.data.phone)) {
+                        portalPhone = loggedInUser.data.phone;
+                        phoneLength = trimAndReplacePlus(removeAllChars(portalPhone)).length;
+                        supportPhone = loggedInUser.data.supportPhoneAreaCodePrefixLineNumber;
+                    }
+                }
+                else {
+                    // user is openning case for others (use is partner or red hatter)
+                    yield getSelectedContactPhoneInfo();
                 }
+                if ((isUndefined(supportPhone) || isEmpty(supportPhone)) &&
+                    isEqual(removeAllChars(portalPhone), removeAllChars(phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber)) &&
+                    phoneLength <= 10) {
+                    setPortalPhone(portalPhone);
+                }
+                setLocalFullPhone(checkingPlusInLocalFullPhone((phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber).trim()));
+                setIsSettingLocalPhone(false);
             }
-        }
-        setLocalFullPhone(phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [phoneAreaCodePrefixLineNumber, phoneCountryCode, loggedInUser.data.phone]);
-    useEffect(() => {
-        if (isEqual(localFullPhone.trim(), '+')) {
-            setLocalFullPhone('');
-        }
-        else if (!isEmpty(localFullPhone) && !localFullPhone.startsWith('+')) {
-            setLocalFullPhone('+' + localFullPhone.replace(' ', ''));
-        }
+        });
+        getPhoneInfo();
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [localFullPhone]);
+    }, [contactSSOName, shouldNotSetPhoneCountryCode]);
     return (React.createElement("div", { className: "form-group", style: { minWidth: '200px' } },
         React.createElement("label", null,
             React.createElement(Trans, null, "Case owner's phone number"),
             React.createElement("span", { className: `form-required ${isExportingPDF ? 'hide-in-pdf' : ''}`, "aria-hidden": true }, "*"),
             ContactPhoneNumberPopOver()),
-        React.createElement(PhoneInput, { phoneValue: localFullPhone, onPhoneValueChange: onPhoneChange, onCountryCodeChange: onCountryCodeChange, validations: isPhoneNumberValid, invalid: invalid, setInvalid: setInvalid }),
+        React.createElement(PhoneInput, { phoneValue: localFullPhone, countryCode: phoneCountryCode, onPhoneValueChange: onPhoneChange, onCountryCodeChange: onCountryCodeChange, validations: isPhoneNumberValid, invalid: invalid, setInvalid: setInvalid, isLoading: isFetchingSso || isSettingLocalPhone, shouldNotSetCountryCode: shouldNotSetPhoneCountryCode }),
         React.createElement(MandatoryPhonePopOver, null),
         !invalid &&
             getPhone().length < PHONE_LIMIT &&

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

@@ -1 +1 @@
-{"version":3,"file":"ContactPhoneNumberAlert.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/ContactPhoneNumberAlert.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAQrD,wBAAgB,uBAAuB,sBA0FtC"}
+{"version":3,"file":"ContactPhoneNumberAlert.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/ContactPhoneNumberAlert.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAQrD,wBAAgB,uBAAuB,sBAqFtC"}