@rh-support/troubleshoot 2.2.128 → 2.2.129-beta.0

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/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,sBA2OjC"}

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';
@@ -17,23 +26,35 @@ import { 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, } = useCaseSelector((state) => ({
         suppliedPhoneNumberVerified: state.caseDetails.suppliedPhoneNumberVerified,
         phoneCountryCode: state.caseDetails.phoneCountryCode,
         phoneAreaCodePrefixLineNumber: state.caseDetails.phoneAreaCodePrefixLineNumber,
-        isExistingPhoneNumber: state.isExistingPhoneNumber,
+        hasLoggedInUserConfirmedPhoneNumber: state.hasLoggedInUserConfirmedPhoneNumber,
+        contactSSOName: state.caseDetails.contactSSOName,
     }), isEqual);
     const { routeState: { isNextBtnClickedToShowValidationError }, } = useContext(RouteContext);
     const { globalMetadataState: { loggedInUser }, } = useContext(GlobalMetadataStateContext);
     const [invalid, setInvalid] = useState(false);
     const [localFullPhone, setLocalFullPhone] = useState(phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber);
+    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) && !_localFullPhone.startsWith('+')) {
+            return '+' + _localFullPhone.replace(' ', '');
+        }
+        else {
+            return _localFullPhone;
+        }
+    };
     const onPhoneChange = (fullPhone) => {
-        setLocalFullPhone(fullPhone);
+        setLocalFullPhone(checkingPlusInLocalFullPhone(fullPhone));
         setCaseDetails(caseDispatch, {
             phoneAreaCodePrefixLineNumber: getPhoneObj(fullPhone).phoneLine,
             phoneCountryCode: getPhoneObj(fullPhone).countryCode,
@@ -52,7 +73,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 +86,92 @@ 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) {
-                setCaseDetails(caseDispatch, {
-                    phoneAreaCodePrefixLineNumber: loggedInUser.data.supportPhoneAreaCodePrefixLineNumber,
-                    phoneCountryCode: loggedInUser.data.supportPhoneCountryCode,
-                });
+        if (isEmpty(loggedInUser.data.phone) &&
+            isEmpty(loggedInUser.data.supportPhoneAreaCodePrefixLineNumber) &&
+            isEmpty(loggedInUser.data.supportPhoneCountryCode))
+            setLocalFullPhone('');
+        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 phoneLine = getPhoneObj(loggedInUser.data.phone).phoneLine || '';
+                    const countryCode = getPhoneObj(loggedInUser.data.phone).countryCode;
+                    _phoneAreaCodePrefixLineNumber = phoneLine;
+                    _phoneCountryCode = countryCode;
+                    _suppliedPhoneNumberVerified =
+                        isEqual(hasLoggedInUserConfirmedPhoneNumber, 'True') ||
+                            isEqual(hasLoggedInUserConfirmedPhoneNumber, 'Deferred')
+                            ? hasLoggedInUserConfirmedPhoneNumber
+                            : 'False';
+                }
             }
             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,
-                    });
+                // 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 {
+                        _phoneAreaCodePrefixLineNumber = getPhoneObj(selectedContact.phone).phoneLine || '';
+                        _phoneCountryCode = getPhoneObj(selectedContact.phone).countryCode || '';
+                        _suppliedPhoneNumberVerified = 'Deferred';
+                    }
+                }
+                catch (e) {
+                    _phoneAreaCodePrefixLineNumber = '';
+                    _phoneCountryCode = '';
+                    _suppliedPhoneNumberVerified = 'False';
+                    setIsFetchingSso(false);
                 }
             }
+            setCaseDetails(caseDispatch, {
+                phoneAreaCodePrefixLineNumber: _phoneAreaCodePrefixLineNumber,
+                phoneCountryCode: _phoneCountryCode,
+                suppliedPhoneNumberVerified: _suppliedPhoneNumberVerified,
+            });
+            let _localFullPhone = _phoneCountryCode + ' ' + _phoneAreaCodePrefixLineNumber;
+            setLocalFullPhone(checkingPlusInLocalFullPhone(_localFullPhone));
+        });
+        // if phone not initialized with portal and user contact value, initialize it else populate phone inputbox
+        if (isEmpty(phoneAreaCodePrefixLineNumber) && isEmpty(phoneCountryCode)) {
+            initContactPhoneNumber();
         }
-        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(' ', ''));
+        else {
+            setLocalFullPhone(checkingPlusInLocalFullPhone(phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber));
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [localFullPhone]);
+    }, [contactSSOName]);
     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, onPhoneValueChange: onPhoneChange, onCountryCodeChange: onCountryCodeChange, validations: isPhoneNumberValid, invalid: invalid, setInvalid: setInvalid, isLoading: isFetchingSso }),
         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"}

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

@@ -12,45 +12,42 @@ import { trimAndReplacePlus } from '../shared/utils';
 export function ContactPhoneNumberAlert() {
     const { t } = useTranslation();
     const caseDispatch = useCaseDispatch();
-    const { caseDetails, phoneCountryCode = '', phoneAreaCodePrefixLineNumber = '', isExistingPhoneNumber, contactSSOName, } = useCaseSelector((state) => ({
-        caseDetails: state.caseDetails,
+    const { phoneCountryCode, phoneAreaCodePrefixLineNumber, contactSSOName, suppliedPhoneNumberVerified } = useCaseSelector((state) => ({
         phoneCountryCode: state.caseDetails.phoneCountryCode,
         phoneAreaCodePrefixLineNumber: state.caseDetails.phoneAreaCodePrefixLineNumber,
-        isExistingPhoneNumber: state.isExistingPhoneNumber,
         contactSSOName: state.caseDetails.contactSSOName,
+        suppliedPhoneNumberVerified: state.caseDetails.suppliedPhoneNumberVerified,
     }), isEqual);
     const { globalMetadataState: { loggedInUser }, } = useContext(GlobalMetadataStateContext);
     const { isExportingPDF } = useContext(PDFContext);
-    const onCaseDetailsChange = (caseDetails) => {
-        setCaseDetails(caseDispatch, caseDetails);
+    const onSuppliedPhoneNumberVerifiedChange = (suppliedPhoneNumberVerified) => {
+        setCaseDetails(caseDispatch, { suppliedPhoneNumberVerified });
         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
             // to the user where he changes it to another owner and then again assigns himself as the case owner
             setCaseState(caseDispatch, {
-                hasLoggedInUserConfirmedPhoneNumber: caseDetails.suppliedPhoneNumberVerified,
+                hasLoggedInUserConfirmedPhoneNumber: suppliedPhoneNumberVerified,
             });
         }
     };
     const isPhoneNumberEmpty = isEmpty(trimAndReplacePlus(phoneCountryCode)) &&
         isEmpty(phoneAreaCodePrefixLineNumber === null || phoneAreaCodePrefixLineNumber === void 0 ? void 0 : phoneAreaCodePrefixLineNumber.replace(phoneCountryCode, ''));
     useEffect(() => {
-        if (isPhoneNumberEmpty && !caseDetails.suppliedPhoneNumberVerified) {
-            onCaseDetailsChange({ suppliedPhoneNumberVerified: undefined });
+        if (isPhoneNumberEmpty && !suppliedPhoneNumberVerified) {
+            onSuppliedPhoneNumberVerifiedChange(undefined);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    const showAlert = (isEqual(caseDetails.suppliedPhoneNumberVerified, 'False') ||
-        isUndefined(caseDetails.suppliedPhoneNumberVerified)) &&
-        !isEmpty(caseDetails.phoneAreaCodePrefixLineNumber) &&
-        !isEmpty(trimAndReplacePlus(phoneCountryCode)) &&
-        isExistingPhoneNumber;
+    const phoneAndCountryHaveValues = !isEmpty(phoneAreaCodePrefixLineNumber) && !isEmpty(trimAndReplacePlus(phoneCountryCode));
+    const phoneNotVerifiedOrVerificationIsUndefined = isEqual(suppliedPhoneNumberVerified, 'False') || isUndefined(suppliedPhoneNumberVerified);
+    const showAlert = phoneNotVerifiedOrVerificationIsUndefined && phoneAndCountryHaveValues;
     if (!showAlert)
         return React.createElement(React.Fragment, null);
     return (React.createElement(Alert, { className: `form-group ${isExportingPDF ? 'hide-in-pdf' : ''} phone-review-banner`, isInline: true, variant: AlertVariant.warning, title: t('Review phone number'), actionLinks: [
-            React.createElement(Button, { variant: ButtonVariant.link, isInline: true, onClick: () => onCaseDetailsChange({ suppliedPhoneNumberVerified: 'True' }), "data-tracking-id": "case-contact-phone-number-confirm", key: "case-contact-phone-number-confirm" },
+            React.createElement(Button, { variant: ButtonVariant.link, isInline: true, onClick: () => onSuppliedPhoneNumberVerifiedChange('True'), "data-tracking-id": "case-contact-phone-number-confirm", key: "case-contact-phone-number-confirm" },
                 React.createElement(Trans, null, "Confirm phone number")),
-            React.createElement(Button, { variant: ButtonVariant.link, isInline: true, onClick: () => onCaseDetailsChange({ suppliedPhoneNumberVerified: 'Deferred' }), "data-tracking-id": "case-contact-phone-number-dont-know", key: "case-contact-phone-number-dont-know" },
+            React.createElement(Button, { variant: ButtonVariant.link, isInline: true, onClick: () => onSuppliedPhoneNumberVerifiedChange('Deferred'), "data-tracking-id": "case-contact-phone-number-dont-know", key: "case-contact-phone-number-dont-know" },
                 React.createElement(Trans, null, "I don't know")),
         ] },
         React.createElement(Trans, null, "Please confirm the phone number we have on file is correct.")));

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

@@ -1 +1 @@
-{"version":3,"file":"GlobalTroubleshootEffects.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/GlobalTroubleshootEffects.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAWvD,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AASrF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,qBA+WtD"}
+{"version":3,"file":"GlobalTroubleshootEffects.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/GlobalTroubleshootEffects.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAWvD,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AASrF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,qBAwVtD"}

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

@@ -162,26 +162,6 @@ export function GlobalTroubleshootEffects(props) {
             setCaseOwner(caseDispatch, loggedInUserRights.data.getHydraContactFromLoggedInUser(), product, undefined, undefined, true);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [caseDispatch, loggedInUserRights.data]);
-    /**
-     * Setting supplied phone number
-     */
-    useEffect(() => {
-        // Since we are receiving both `phone` and `supportPhoneNumber` from the user contact API, it is causing confusion regarding which field should be used to pre-populate the user contact information.
-        // Hence, we are going to honor `supportPhoneAreaCodePrefixLineNumber` and `supportPhoneCountryCode` for it.
-        if ((!isEmpty(loggedInUser.data.supportPhoneCountryCode) &&
-            !isEmpty(loggedInUser.data.supportPhoneAreaCodePrefixLineNumber)) ||
-            !isEmpty(loggedInUser.data.phone)) {
-            setCaseState(caseDispatch, { isExistingPhoneNumber: true });
-        }
-        else {
-            setCaseState(caseDispatch, { isExistingPhoneNumber: false });
-        }
-        setCaseDetails(caseDispatch, {
-            phone: loggedInUser.data.phone,
-            phoneAreaCodePrefixLineNumber: loggedInUser.data.supportPhoneAreaCodePrefixLineNumber,
-            phoneCountryCode: loggedInUser.data.supportPhoneCountryCode,
-        });
-    }, [caseDispatch, loggedInUser.data]);
     /**
      * handling top content call
      */

package/lib/esm/reducers/CaseReducer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseReducer.d.ts","sourceRoot":"","sources":["../../../src/reducers/CaseReducer.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"CaseReducer.d.ts","sourceRoot":"","sources":["../../../src/reducers/CaseReducer.ts"],"names":[],"mappings":"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"}

package/lib/esm/reducers/CaseReducer.js

@@ -418,7 +418,14 @@ export const setCaseOwner = (dispatch, owner, product, abortSignalCaseGroup, abo
     if (isEmpty(owner) || isEmpty(owner.ssoUsername)) {
         dispatch({
             type: CaseReducerConstants.caseDetailChanged,
-            payload: { caseDetails: { contactSSOName: '' } },
+            payload: {
+                caseDetails: {
+                    contactSSOName: '',
+                    phoneAreaCodePrefixLineNumber: '',
+                    phoneCountryCode: '',
+                    suppliedPhoneNumberVerified: undefined,
+                },
+            },
         });
         canUpdateCaseGroup && setCaseDetails(dispatch, { groupNumber: '-1' });
         dispatch({

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.2.128",
+    "version": "2.2.129-beta.0",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -61,7 +61,7 @@
         "@progress/kendo-react-pdf": "^5.16.0",
         "@redux-devtools/extension": "^3.3.0",
         "@rh-support/components": "2.1.61",
-        "@rh-support/react-context": "2.1.68",
+        "@rh-support/react-context": "2.1.69",
         "@rh-support/types": "2.0.3",
         "@rh-support/user-permissions": "2.1.44",
         "@rh-support/utils": "2.1.33",
@@ -131,5 +131,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "048283b5cde045c71a531b16e0692b9c0e9f4db8"
+    "gitHead": "551efecd97ae065d49e77f7089014d373aa248a2"
 }