@rh-support/troubleshoot 2.2.116 → 2.2.118

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

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

@@ -120,12 +120,20 @@ function OwnerSelector(props) {
                         yield updatePhone({
                             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 {
                         yield updatePhone({
                             phoneAreaCodePrefixLineNumber: getPhoneObj(loggedInUser.data.phone).phoneLine || '',
                             phoneCountryCode: getPhoneObj(loggedInUser.data.phone).countryCode || '',
+                            suppliedPhoneNumberVerified: isEqual(hasLoggedInUserConfirmedPhoneNumber, 'True') || //hasLoggedInUserConfirmedPhoneNumber: global verification phone state for contactSSOName === loggedInUser.data.ssoUsername
+                                isEqual(hasLoggedInUserConfirmedPhoneNumber, 'Deferred')
+                                ? hasLoggedInUserConfirmedPhoneNumber
+                                : 'False',
                         });
                     }
                 }
@@ -296,7 +304,7 @@ function OwnerSelector(props) {
             }
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [loggedInUser.data, caseDetailes.contactSSOName]);
+    }, []);
     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,sBAkRrC"}
+{"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,sBAgTrC"}

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

@@ -22,7 +22,7 @@ import { PHONE_INSTRUCTION, PHONE_IS_NOT_VALID, PHONE_LINE_CANNOT_BE_EMPTY, PHON
 import { useCaseDispatch, useCaseSelector } from '../../../../context/CaseContext';
 import { useCaseUpdateErrorMessage } from '../../../../hooks/useCaseUpdateErrorMessage';
 import { PHONE_LIMIT } from '../../../../reducers/CaseConstNTypes';
-import { updateCaseDetails } from '../../../../reducers/CaseReducer';
+import { setCaseState, updateCaseDetails } from '../../../../reducers/CaseReducer';
 import { ContactPhoneNumberPopOver } from '../../../CaseInformation/ContactPhoneNumberPopOver';
 import { trimAndReplacePlus } from '../../../shared/utils';
 import { PDFContext } from '../../PDFContainer';
@@ -110,7 +110,8 @@ export function CaseContactPhoneNumber() {
     const isPhoneNeedsReview = !isEmpty(contactSSOName) &&
         contactSSOName === loggedInUser.data.ssoUsername &&
         suppliedPhoneNumberVerified === 'Deferred' &&
-        !isCaseOwnerUpdating;
+        !isCaseOwnerUpdating &&
+        !isCasePhoneUpdating;
     const isPhoneNumberValid = (localFullPhoneState === null || localFullPhoneState === void 0 ? void 0 : localFullPhoneState.length) > PHONE_LIMIT
         ? ValidatedOptions.error
         : isPhoneNeedsReview
@@ -134,8 +135,7 @@ export function CaseContactPhoneNumber() {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [localFullPhoneState]);
-    // should be removed when old phone field is removed by CCM team
-    useEffect(() => {
+    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) || '';
@@ -143,6 +143,18 @@ export function CaseContactPhoneNumber() {
             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);
@@ -152,21 +164,38 @@ export function CaseContactPhoneNumber() {
             setLocalFullPhoneState((phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber).trim());
             setIsShowOldPhone(false);
         }
+    });
+    // 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
+            // to the user where he changes it to another owner and then again assigns himself as the case owner
+            setCaseState(caseDispatch, {
+                hasLoggedInUserConfirmedPhoneNumber: suppliedPhoneNumberVerified,
+            });
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [suppliedPhoneNumberVerified]);
     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, "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, "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 ||
-                        localFullPhoneState === phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber, style: { display: isExportingPDF ? 'none' : '' } },
+                        localFullPhoneState === phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber ||
+                        isCaseOwnerUpdating ||
+                        isCasePhoneUpdating, style: { display: isExportingPDF ? 'none' : '' } },
                     React.createElement(CheckIcon, null)),
-                React.createElement("button", { className: "btn btn-app btn-link", type: "button", onClick: onClear, "data-tracking-id": "case-details-page-supplied-phone-cancel", style: { display: isExportingPDF ? 'none' : '' }, disabled: isEmpty(localFullPhoneState), "aria-label": "Clear" },
+                React.createElement("button", { className: "btn btn-app btn-link", type: "button", onClick: onClear, "data-tracking-id": "case-details-page-supplied-phone-cancel", style: { display: isExportingPDF ? 'none' : '' }, disabled: isEmpty(localFullPhoneState) || isCaseOwnerUpdating || isCasePhoneUpdating, "aria-label": "Clear" },
                     React.createElement(TimesIcon, { color: "#6A6E73" })))) : (React.createElement("button", { className: "btn btn-app btn-link", type: "button", onClick: () => setIsEditting(true), "data-tracking-id": "case-details-page-supplied-phone-edit", style: { display: isExportingPDF ? 'none' : '' }, "aria-label": "Edit" },
                 React.createElement(PencilAltIcon, null)))),
         !invalid &&

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.2.116",
+    "version": "2.2.118",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -131,5 +131,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "aa56a22b784978f97c2a073e1cc5868648790890"
+    "gitHead": "deab4dee0be1771b098bd0260da67743c8f2a804"
 }