@rh-support/troubleshoot 2.2.140 → 2.2.141

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,qBAsTnC;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,qBAuOnC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

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

@@ -7,8 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { contacts } from '@cee-eng/hydrajs';
-import { CaseContactsSelectorExternal, getHydraContactLabel, getPhoneObj, renderMenuItemChildren, ToastNotification, usePrevious, ValueChangedIcon, } from '@rh-support/components';
+import { CaseContactsSelectorExternal, getHydraContactLabel, renderMenuItemChildren, ToastNotification, usePrevious, ValueChangedIcon, } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
 import { sortHydraContacts } from '@rh-support/utils';
 import filter from 'lodash/filter';
@@ -28,18 +27,17 @@ import { getChangedValueTooltip } from '../shared/utils';
 function OwnerSelector(props) {
     const { t } = useTranslation();
     const caseUpdateError = useCaseUpdateErrorMessage();
-    const { accountNumber, caseNumber, selectedNotificationContacts, selectedOwner, selectedCaseGroupUsers, isCaseOwnerUpdating, hasLoggedInUserConfirmedPhoneNumber, } = useCaseSelector((state) => ({
+    const { accountNumber, caseNumber, selectedNotificationContacts, selectedOwner, selectedCaseGroupUsers, isCaseOwnerUpdating, } = useCaseSelector((state) => ({
         accountNumber: state.caseDetails.accountNumberRef,
         caseNumber: state.caseDetails.caseNumber,
         selectedNotificationContacts: state.selectedNotificationContacts,
         selectedOwner: state.selectedOwner,
         selectedCaseGroupUsers: state.selectedCaseGroupUsers,
         isCaseOwnerUpdating: state.isCaseOwnerUpdating,
-        hasLoggedInUserConfirmedPhoneNumber: state.hasLoggedInUserConfirmedPhoneNumber,
     }), isEqual);
     const { routeState: { isNextBtnClickedToShowValidationError }, } = useContext(RouteContext);
     const caseDispatch = useCaseDispatch();
-    const { globalMetadataState: { loggedInUserRights, loggedInUser }, } = useContext(GlobalMetadataStateContext);
+    const { globalMetadataState: { loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
     const previousAccountNumber = usePrevious(accountNumber);
     const { isExportingPDF } = useContext(PDFContext);
     const [usersWithGroupAccess, setUsersWithGroupAccess] = useState([]);
@@ -51,79 +49,6 @@ function OwnerSelector(props) {
         !isEmpty(pvalue.ssoUsername) &&
         value.ssoUsername !== pvalue.ssoUsername;
     const canEditCase = useCanEditCase();
-    const updatePhone = (phoneSetting) => __awaiter(this, void 0, void 0, function* () {
-        yield updateCaseDetails(caseDispatch, caseNumber, phoneSetting);
-        setCaseDetails(caseDispatch, Object.assign({}, phoneSetting));
-    });
-    // set owner on updating a case
-    const updateContactPhoneNumber = (sso) => __awaiter(this, void 0, void 0, function* () {
-        try {
-            // logged in user and case owner are the same
-            if (sso === loggedInUser.data.ssoUsername) {
-                try {
-                    const loggedInUserContact = yield (contacts === null || contacts === void 0 ? void 0 : contacts.getSFDCContactBySso(sso)); // to get updated loggedIn user contact details
-                    if (loggedInUserContact.supportPhoneAreaCodePrefixLineNumber) {
-                        yield updatePhone({
-                            phoneAreaCodePrefixLineNumber: loggedInUserContact.supportPhoneAreaCodePrefixLineNumber || '',
-                            phoneCountryCode: loggedInUserContact.supportPhoneCountryCode || '',
-                            suppliedPhoneNumberVerified: isEqual(hasLoggedInUserConfirmedPhoneNumber, 'True') || //hasLoggedInUserConfirmedPhoneNumber: global verification phone state for contactSSOName === loggedInUser.data.ssoUsername
-                                isEqual(hasLoggedInUserConfirmedPhoneNumber, 'Deferred')
-                                ? hasLoggedInUserConfirmedPhoneNumber
-                                : 'False',
-                        });
-                    }
-                    else {
-                        yield updatePhone({
-                            phoneAreaCodePrefixLineNumber: getPhoneObj(loggedInUserContact.phone).phoneLine || '',
-                            phoneCountryCode: getPhoneObj(loggedInUserContact.phone).countryCode || '',
-                            suppliedPhoneNumberVerified: isEqual(hasLoggedInUserConfirmedPhoneNumber, 'True') || //hasLoggedInUserConfirmedPhoneNumber: global verification phone state for contactSSOName === loggedInUser.data.ssoUsername
-                                isEqual(hasLoggedInUserConfirmedPhoneNumber, 'Deferred')
-                                ? hasLoggedInUserConfirmedPhoneNumber
-                                : 'False',
-                        });
-                    }
-                }
-                catch (e) {
-                    yield updatePhone({
-                        phoneAreaCodePrefixLineNumber: '',
-                        phoneCountryCode: '',
-                        suppliedPhoneNumberVerified: 'False',
-                    });
-                }
-            }
-            else {
-                // logged in user and case owner are different
-                try {
-                    const selectedContact = yield contacts.getSFDCContactBySso(sso);
-                    if (selectedContact.supportPhoneAreaCodePrefixLineNumber) {
-                        yield updatePhone({
-                            phoneAreaCodePrefixLineNumber: selectedContact.supportPhoneAreaCodePrefixLineNumber,
-                            phoneCountryCode: selectedContact.supportPhoneCountryCode,
-                            suppliedPhoneNumberVerified: 'Deferred',
-                        });
-                    }
-                    else {
-                        yield updatePhone({
-                            phoneAreaCodePrefixLineNumber: getPhoneObj(selectedContact.phone).phoneLine || '',
-                            phoneCountryCode: getPhoneObj(selectedContact.phone).countryCode || '',
-                            suppliedPhoneNumberVerified: 'Deferred',
-                        });
-                    }
-                }
-                catch (e) {
-                    yield updatePhone({
-                        phoneAreaCodePrefixLineNumber: '',
-                        phoneCountryCode: '',
-                        suppliedPhoneNumberVerified: 'False',
-                    });
-                }
-            }
-            ToastNotification.addSuccessMessage(t(`Phone number has been successfully updated`));
-        }
-        catch (e) {
-            caseUpdateError.showError(e, t(`Phone number failed to update`));
-        }
-    });
     /**
      * Changing selected owner related
      */
@@ -183,7 +108,6 @@ function OwnerSelector(props) {
             setLocalOwnerChange(true);
             updateNotifyUsersList(newOwner);
             ToastNotification.addSuccessMessage(t(`Owner has been successfully updated`));
-            yield updateContactPhoneNumber(newOwner.ssoUsername);
             setCaseState(caseDispatch, { isCaseOwnerUpdating: false });
         }
         catch (e) {

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

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

@@ -24,17 +24,16 @@ import { useCaseUpdateErrorMessage } from '../../../../hooks/useCaseUpdateErrorM
 import { PHONE_LIMIT } from '../../../../reducers/CaseConstNTypes';
 import { setCaseState, updateCaseDetails } from '../../../../reducers/CaseReducer';
 import { ContactPhoneNumberPopOver } from '../../../CaseInformation/ContactPhoneNumberPopOver';
-import { trimAndReplacePlus } from '../../../shared/utils';
+import { removeAllChars, trimAndReplacePlus } from '../../../shared/utils';
 import { PDFContext } from '../../PDFContainer';
 export function CaseContactPhoneNumber() {
-    const { phoneCountryCode = '', phoneAreaCodePrefixLineNumber = '', caseNumber, contactSSOName, suppliedPhoneNumberVerified, isCaseOwnerUpdating, phone, hasLoggedInUserConfirmedPhoneNumber, } = useCaseSelector((state) => ({
+    const { phoneCountryCode = '', phoneAreaCodePrefixLineNumber = '', caseNumber, contactSSOName, suppliedPhoneNumberVerified, isCaseOwnerUpdating, hasLoggedInUserConfirmedPhoneNumber, } = useCaseSelector((state) => ({
         phoneCountryCode: state.caseDetails.phoneCountryCode || '',
         phoneAreaCodePrefixLineNumber: state.caseDetails.phoneAreaCodePrefixLineNumber || '',
         caseNumber: state.caseDetails.caseNumber,
         contactSSOName: state.caseDetails.contactSSOName,
         suppliedPhoneNumberVerified: state.caseDetails.suppliedPhoneNumberVerified,
         isCaseOwnerUpdating: state.isCaseOwnerUpdating,
-        phone: state.caseDetails.phone,
         hasLoggedInUserConfirmedPhoneNumber: state.hasLoggedInUserConfirmedPhoneNumber,
     }), isEqual);
     const { globalMetadataState: { loggedInUser }, } = useContext(GlobalMetadataStateContext);
@@ -45,7 +44,7 @@ export function CaseContactPhoneNumber() {
     const [localCountryCodeState, setLocalCountryCodeState] = useState(phoneCountryCode);
     const [invalid, setInvalid] = useState(false);
     const [isSaveClicked, setIsSavedClicked] = useState(false);
-    const [isShowOldPhone, setIsShowOldPhone] = useState(false);
+    const [isFetchingSSO, setIsFetchingSSO] = useState(false);
     const caseDispatch = useCaseDispatch();
     const caseUpdateError = useCaseUpdateErrorMessage();
     const { t } = useTranslation();
@@ -61,21 +60,22 @@ export function CaseContactPhoneNumber() {
             return;
         setLocalCountryCodeState(countryCode);
     };
-    const regex = /[()\s-]/g; // to have only digits in phone
     // To check if country code is given but phone number empty
     const isPhoneNumberInvalid = !isEmpty(localFullPhoneState) &&
-        isEmpty(localFullPhoneState === null || localFullPhoneState === void 0 ? void 0 : localFullPhoneState.replace(regex, '').replace(localCountryCodeState, ''));
+        isEmpty(removeAllChars(localFullPhoneState).replace(localCountryCodeState, ''));
     const isPhoneLineEmpty = isEmpty(trimAndReplacePlus(localCountryCodeState)) &&
         isEmpty(localFullPhoneState === null || localFullPhoneState === void 0 ? void 0 : localFullPhoneState.replace(localCountryCodeState, ''));
+    const showInvalidPhoneError = !isCasePhoneUpdating &&
+        !isEmpty(localFullPhoneState) &&
+        !isEmpty(phoneAreaCodePrefixLineNumber) &&
+        isEmpty(phoneCountryCode); // country code empty
     const onSave = () => __awaiter(this, void 0, void 0, function* () {
         setIsSavedClicked(true);
         if (isPhoneValueCannotBeSaved)
             return;
         setCasePhoneUpdating(true);
-        const phoneLine = localFullPhoneState
-            .substring(localCountryCodeState.length, localFullPhoneState.length)
-            .trim();
-        const countryCode = trimAndReplacePlus(localCountryCodeState);
+        const phoneLine = getPhoneObj(localFullPhoneState).phoneLine;
+        const countryCode = getPhoneObj(localFullPhoneState).countryCode;
         try {
             // update case contact info
             yield updateCaseDetails(caseDispatch, caseNumber, Object.assign(Object.assign({ phoneCountryCode: countryCode, phoneAreaCodePrefixLineNumber: phoneLine }, (contactSSOName === loggedInUser.data.ssoUsername && { suppliedPhoneNumberVerified: 'True' })), (!countryCode && !phoneLine && { clearPhoneNumber: true, suppliedPhoneNumberVerified: 'False' })));
@@ -128,54 +128,21 @@ export function CaseContactPhoneNumber() {
         isPhoneNumberInvalid ||
         isEmpty(trimAndReplacePlus(localCountryCodeState)) ||
         trimAndReplacePlus(localFullPhoneState) === trimAndReplacePlus(localCountryCodeState);
-    useEffect(() => {
-        if (isEqual(localFullPhoneState.trim(), '+')) {
-            setLocalFullPhoneState('');
-        }
-        if (isEqual(localCountryCodeState.trim(), '+')) {
-            setLocalCountryCodeState('');
+    const checkingPlusInLocalFullPhone = (_localFullPhone) => {
+        if (isEqual(_localFullPhone.trim(), '+')) {
+            return '';
         }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [localFullPhoneState]);
-    const updatePhone = () => __awaiter(this, void 0, void 0, function* () {
-        var _a, _b;
-        if (isEmpty(phoneCountryCode) && isEmpty(phoneAreaCodePrefixLineNumber) && !isEmpty(phone)) {
-            const oldPhoneline = ((_a = getPhoneObj(phone)) === null || _a === void 0 ? void 0 : _a.phoneLine) || '';
-            const oldCountryCode = ((_b = getPhoneObj(phone)) === null || _b === void 0 ? void 0 : _b.countryCode) || '';
-            if (!isEmpty(oldPhoneline.trim()) && !isEmpty(trimAndReplacePlus(oldCountryCode))) {
-                setLocalFullPhoneState(oldCountryCode + ' ' + oldPhoneline);
-                setLocalCountryCodeState(oldCountryCode);
-                setCasePhoneUpdating(true);
-                try {
-                    yield updateCaseDetails(caseDispatch, caseNumber, {
-                        phoneCountryCode: oldCountryCode,
-                        phoneAreaCodePrefixLineNumber: oldPhoneline,
-                    });
-                    setCasePhoneUpdating(false);
-                }
-                catch (e) {
-                    setCasePhoneUpdating(false);
-                    caseUpdateError.showError(e, t(`Phone number failed to update`));
-                }
-            }
-            else {
-                setIsShowOldPhone(true);
-            }
+        else if (!isEmpty(_localFullPhone.trim()) && !_localFullPhone.trim().startsWith('+')) {
+            return '+' + _localFullPhone.replace(' ', '');
         }
         else {
-            setLocalFullPhoneState((phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber).trim());
-            setIsShowOldPhone(false);
+            return _localFullPhone;
         }
-    });
-    // should be removed when old phone field is removed by CCM team
-    useEffect(() => {
-        updatePhone();
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [phone, phoneAreaCodePrefixLineNumber, phoneCountryCode]);
+    };
     useEffect(() => {
         if (contactSSOName === loggedInUser.data.ssoUsername) {
             // edge case: when loggedInUser === contactSSOName while opening a case confirms or deffers the phone
-            // we need to save the verification state globallly so that we don't show the phone review banner again
+            // we need to save the verification state globally so that we don't show the phone review banner again
             // to the user where he changes it to another owner and then again assigns himself as the case owner
             setCaseState(caseDispatch, {
                 hasLoggedInUserConfirmedPhoneNumber: suppliedPhoneNumberVerified,
@@ -193,13 +160,99 @@ export function CaseContactPhoneNumber() {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [suppliedPhoneNumberVerified]);
+    useEffect(() => {
+        if (isEmpty(contactSSOName)) {
+            setLocalFullPhoneState('');
+            return;
+        }
+        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) {
+                try {
+                    setIsFetchingSSO(true);
+                    const loggedInUserContact = yield (contacts === null || contacts === void 0 ? void 0 : contacts.getSFDCContactBySso(contactSSOName));
+                    setIsFetchingSSO(false);
+                    if (loggedInUserContact.supportPhoneAreaCodePrefixLineNumber) {
+                        // User has opened a case before and has phone and area code in her/his contact on SF
+                        _phoneAreaCodePrefixLineNumber = loggedInUserContact.supportPhoneAreaCodePrefixLineNumber;
+                        _phoneCountryCode = loggedInUserContact.supportPhoneCountryCode;
+                        _suppliedPhoneNumberVerified =
+                            isEqual(hasLoggedInUserConfirmedPhoneNumber, 'True') ||
+                                isEqual(hasLoggedInUserConfirmedPhoneNumber, 'Deferred')
+                                ? hasLoggedInUserConfirmedPhoneNumber
+                                : 'False';
+                    }
+                    else {
+                        const phoneLine = getPhoneObj(loggedInUserContact.phone).phoneLine || '';
+                        const countryCode = getPhoneObj(loggedInUserContact.phone).countryCode;
+                        _phoneAreaCodePrefixLineNumber = phoneLine;
+                        _phoneCountryCode = countryCode;
+                        _suppliedPhoneNumberVerified =
+                            isEqual(hasLoggedInUserConfirmedPhoneNumber, 'True') ||
+                                isEqual(hasLoggedInUserConfirmedPhoneNumber, 'Deferred')
+                                ? hasLoggedInUserConfirmedPhoneNumber
+                                : 'False';
+                    }
+                }
+                catch (_a) {
+                    _phoneAreaCodePrefixLineNumber = '';
+                    _phoneCountryCode = '';
+                    _suppliedPhoneNumberVerified = 'False';
+                    setIsFetchingSSO(false);
+                }
+            }
+            else {
+                // user is openning case for others (use is partner or red hatter)
+                try {
+                    setIsFetchingSSO(true);
+                    const selectedContact = yield contacts.getSFDCContactBySso(contactSSOName);
+                    setIsFetchingSSO(false);
+                    if (selectedContact.supportPhoneAreaCodePrefixLineNumber) {
+                        _phoneAreaCodePrefixLineNumber = selectedContact.supportPhoneAreaCodePrefixLineNumber;
+                        _phoneCountryCode = selectedContact.supportPhoneCountryCode;
+                        _suppliedPhoneNumberVerified = 'Deferred';
+                    }
+                    else {
+                        _phoneAreaCodePrefixLineNumber = getPhoneObj(selectedContact.phone).phoneLine || '';
+                        _phoneCountryCode = getPhoneObj(selectedContact.phone).countryCode || '';
+                        _suppliedPhoneNumberVerified = 'Deferred';
+                    }
+                }
+                catch (e) {
+                    _phoneAreaCodePrefixLineNumber = '';
+                    _phoneCountryCode = '';
+                    _suppliedPhoneNumberVerified = 'False';
+                    setIsFetchingSSO(false);
+                }
+            }
+            setCasePhoneUpdating(true);
+            yield updateCaseDetails(caseDispatch, caseNumber, {
+                phoneAreaCodePrefixLineNumber: _phoneAreaCodePrefixLineNumber,
+                phoneCountryCode: _phoneCountryCode,
+                suppliedPhoneNumberVerified: _suppliedPhoneNumberVerified,
+            });
+            let _localFullPhone = _phoneCountryCode + ' ' + _phoneAreaCodePrefixLineNumber;
+            setLocalFullPhoneState(checkingPlusInLocalFullPhone(_localFullPhone));
+            setCasePhoneUpdating(false);
+        });
+        if (isEmpty(phoneCountryCode) && isEmpty(phoneAreaCodePrefixLineNumber)) {
+            initContactPhoneNumber();
+        }
+        else {
+            setLocalFullPhoneState(phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [contactSSOName]);
     return (React.createElement("div", { className: "form-group pf-v5-u-pb-md", style: { minWidth: '200px' } },
         React.createElement("h3", { className: `subheading subheading-sm ${isExportingPDF ? 'expand-input' : ''}` },
             React.createElement(Trans, null, "Case owner's phone number"),
             React.createElement("span", { className: `form-required ${isExportingPDF ? 'hide-in-pdf' : ''}`, "aria-hidden": true }, "*"),
             !isExportingPDF ? ContactPhoneNumberPopOver() : ''),
         React.createElement(InputGroupText, null,
-            React.createElement(PhoneInput, { phoneValue: localFullPhoneState, onPhoneValueChange: onPhoneChange, onCountryCodeChange: onCountryCodeChange, validations: isPhoneNumberValid, isDisabled: isCasePhoneUpdating || isCaseOwnerUpdating || !isEditting, isLoading: isCasePhoneUpdating || isCaseOwnerUpdating, "data-tracking-id": "case-details-page-supplied-phone", invalid: invalid, setInvalid: setInvalid }),
+            React.createElement(PhoneInput, { phoneValue: localFullPhoneState, onPhoneValueChange: onPhoneChange, onCountryCodeChange: onCountryCodeChange, validations: isPhoneNumberValid, isDisabled: isCasePhoneUpdating || isCaseOwnerUpdating || !isEditting, isLoading: isCasePhoneUpdating || isCaseOwnerUpdating || isFetchingSSO, "data-tracking-id": "case-details-page-supplied-phone", invalid: invalid, setInvalid: setInvalid }),
             isEditting ? (React.createElement(React.Fragment, null,
                 React.createElement("button", { className: "btn btn-app btn-link pf-v5-u-ml-sm", type: "button", "data-tracking-id": "case-details-page-supplied-phone-save", onClick: () => onSave(), "aria-label": "Save", disabled: (isSaveClicked && isPhoneValueCannotBeSaved) ||
                         (localFullPhoneState === null || localFullPhoneState === void 0 ? void 0 : localFullPhoneState.length) > PHONE_LIMIT ||
@@ -213,7 +266,7 @@ export function CaseContactPhoneNumber() {
         !invalid &&
             (localFullPhoneState === null || localFullPhoneState === void 0 ? void 0 : localFullPhoneState.length) < PHONE_LIMIT &&
             !(isSaveClicked && isPhoneValueCannotBeSaved) &&
-            !isShowOldPhone && (React.createElement("p", { className: "form-instructions" },
+            !showInvalidPhoneError && (React.createElement("p", { className: "form-instructions" },
             React.createElement(Trans, null, PHONE_INSTRUCTION))),
         invalid && (React.createElement("p", { className: "form-instructions form-invalid" },
             React.createElement(Trans, null, PHONE_NO_CHAR_ERROR))),
@@ -224,9 +277,9 @@ export function CaseContactPhoneNumber() {
             React.createElement(Trans, null, PHONE_LINE_CANNOT_BE_EMPTY))),
         isSaveClicked && isEmpty(trimAndReplacePlus(localCountryCodeState)) && !isPhoneLineEmpty && (React.createElement("p", { className: "form-instructions form-invalid" },
             React.createElement(Trans, null, PHONE_IS_NOT_VALID))),
-        isShowOldPhone && (React.createElement("p", { className: "form-instructions form-invalid" },
+        showInvalidPhoneError && (React.createElement("p", { className: "form-instructions form-invalid" },
             React.createElement(Trans, null,
                 "The phone number on case is ",
-                phone,
+                localFullPhoneState,
                 ". The format of the phone field is changed and this phone does not fit.")))));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.2.140",
+    "version": "2.2.141",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -60,8 +60,8 @@
         "@progress/kendo-licensing": "1.3.5",
         "@progress/kendo-react-pdf": "^5.16.0",
         "@redux-devtools/extension": "^3.3.0",
-        "@rh-support/components": "2.1.68",
-        "@rh-support/react-context": "2.1.76",
+        "@rh-support/components": "2.1.69",
+        "@rh-support/react-context": "2.1.77",
         "@rh-support/types": "2.0.4",
         "@rh-support/user-permissions": "2.1.48",
         "@rh-support/utils": "2.1.37",
@@ -131,5 +131,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "7ee3ae4d2a39a3f70d898ea5026e558be0ba5ab4"
+    "gitHead": "8720a44261dd585266b2cfdf2bf5092a0cec88d0"
 }