@rh-support/troubleshoot 2.2.116 → 2.2.117

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,sBAoSrC"}

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

@@ -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,24 +135,39 @@ 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)) {
+        if (!isEmpty(phoneCountryCode) && !isEmpty(phoneAreaCodePrefixLineNumber)) {
+            setLocalFullPhoneState((phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber).trim());
+            setIsShowOldPhone(false);
+        }
+        else 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 {
-            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]);
     return (React.createElement("div", { className: "form-group pf-v5-u-pb-md", style: { minWidth: '200px' } },
@@ -160,13 +176,15 @@ export function CaseContactPhoneNumber() {
             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.117",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -131,5 +131,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "aa56a22b784978f97c2a073e1cc5868648790890"
+    "gitHead": "d1c73faf620589ae18fb07a74b30805c154735e2"
 }