@rh-support/troubleshoot 2.2.8 → 2.2.9

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

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

@@ -63,10 +63,12 @@ function OwnerSelector(props) {
                 });
             }
             else {
+                const phoneLine = getPhoneObj(loggedInUser.data.phone).phoneLine || '';
+                const countryCode = getPhoneObj(loggedInUser.data.phone).countryCode;
                 setCaseDetails(caseDispatch, {
-                    phoneAreaCodePrefixLineNumber: getPhoneObj(loggedInUser.data.phone).phoneLine || '',
-                    phoneCountryCode: getPhoneObj(loggedInUser.data.phone).countryCode,
-                    suppliedPhoneNumberVerified: 'True',
+                    phoneAreaCodePrefixLineNumber: phoneLine,
+                    phoneCountryCode: countryCode,
+                    suppliedPhoneNumberVerified: phoneLine && countryCode ? 'True' : 'False',
                 });
             }
         }

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":"AAsBA,wBAAgB,sBAAsB,gBA8MrC"}
+{"version":3,"file":"CaseContactPhoneNumber.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseContactPhoneNumber.tsx"],"names":[],"mappings":"AAsBA,wBAAgB,sBAAsB,gBAqOrC"}

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

@@ -11,7 +11,7 @@ import { contacts } from '@cee-eng/hydrajs';
 import { InputGroupText, InputGroupTextVariant, ValidatedOptions } from '@patternfly/react-core';
 import CheckIcon from '@patternfly/react-icons/dist/js/icons/check-icon';
 import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
-import { PhoneInput, ToastNotification } from '@rh-support/components';
+import { getPhoneObj, PhoneInput, ToastNotification } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
@@ -25,13 +25,14 @@ import { updateCaseDetails } from '../../../../reducers/CaseReducer';
 import { ContactPhoneNumberPopOver } from '../../../CaseInformation/ContactPhoneNumberPopOver';
 import { PDFContext } from '../../PDFContainer';
 export function CaseContactPhoneNumber() {
-    const { phoneCountryCode = '', phoneAreaCodePrefixLineNumber = '', caseNumber, contactSSOName, suppliedPhoneNumberVerified, isCaseOwnerUpdating, } = useCaseSelector((state) => ({
+    const { phoneCountryCode = '', phoneAreaCodePrefixLineNumber = '', caseNumber, contactSSOName, suppliedPhoneNumberVerified, isCaseOwnerUpdating, phone, } = 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,
     }), isEqual);
     const { globalMetadataState: { loggedInUser }, } = useContext(GlobalMetadataStateContext);
     const canEditCase = useCanEditCase();
@@ -40,6 +41,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 caseDispatch = useCaseDispatch();
     const caseUpdateError = useCaseUpdateErrorMessage();
     const { t } = useTranslation();
@@ -121,8 +123,22 @@ export function CaseContactPhoneNumber() {
                     ? ValidatedOptions.error
                     : ValidatedOptions.default;
     useEffect(() => {
-        setLocalFullPhoneState(phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber);
-    }, [phoneCountryCode, phoneAreaCodePrefixLineNumber]);
+        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 (oldPhoneline && oldCountryCode.replace('+', '')) {
+                setLocalFullPhoneState(oldCountryCode + ' ' + oldPhoneline);
+            }
+            else {
+                setIsShowOldPhone(true);
+            }
+        }
+        else {
+            setLocalFullPhoneState(phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber);
+            setIsShowOldPhone(false);
+        }
+    }, [phoneCountryCode, phoneAreaCodePrefixLineNumber, phone]);
     return (React.createElement("div", { className: "form-group pf-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"),
@@ -141,5 +157,10 @@ export function CaseContactPhoneNumber() {
         isSaveClicked && isPhoneLineEmpty && (React.createElement("p", { className: "form-instructions form-invalid" },
             React.createElement(Trans, null, PHONE_LINE_CANNOT_BE_EMPTY))),
         isSaveClicked && isPhoneNumberInvalid && (React.createElement("p", { className: "form-instructions form-invalid" },
-            React.createElement(Trans, null, PHONE_IS_NOT_VALID)))));
+            React.createElement(Trans, null, PHONE_IS_NOT_VALID))),
+        isShowOldPhone && (React.createElement("p", { className: "form-instructions form-invalid" },
+            React.createElement(Trans, null,
+                "The phone number on case is ",
+                phone,
+                ". The format of the phone field is changed and this phone does not fit.")))));
 }

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":"AAkBA,wBAAgB,kBAAkB,gBA2GjC"}
+{"version":3,"file":"ContactPhoneNumber.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/ContactPhoneNumber.tsx"],"names":[],"mappings":"AAoBA,wBAAgB,kBAAkB,gBA0IjC"}

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

@@ -1,5 +1,7 @@
 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 React, { useContext, useEffect, useState } from 'react';
@@ -18,8 +20,10 @@ export function ContactPhoneNumber() {
         phoneAreaCodePrefixLineNumber: state.caseDetails.phoneAreaCodePrefixLineNumber,
     }), isEqual);
     const { routeState: { isNextBtnClickedToShowValidationError }, } = useContext(RouteContext);
+    const { globalMetadataState: { loggedInUser }, } = useContext(GlobalMetadataStateContext);
     const [invalid, setInvalid] = useState(false);
     const [localFullPhone, setLocalFullPhone] = useState(phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber);
+    const canChangeAccountInfo = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.ACCOUNT_AND_OWNER);
     const getPhone = () => phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber;
     const caseDispatch = useCaseDispatch();
     const { t } = useTranslation();
@@ -53,8 +57,29 @@ export function ContactPhoneNumber() {
                     ? ValidatedOptions.error
                     : ValidatedOptions.default;
     useEffect(() => {
+        // when canChangeAccountInfo is false OwnerSelector is hidden
+        // need to set phone on load here instead of OwnerSelector
+        if (!canChangeAccountInfo) {
+            if (loggedInUser.data.supportPhoneAreaCodePrefixLineNumber) {
+                setCaseDetails(caseDispatch, {
+                    phoneAreaCodePrefixLineNumber: loggedInUser.data.supportPhoneAreaCodePrefixLineNumber,
+                    phoneCountryCode: loggedInUser.data.supportPhoneCountryCode,
+                    suppliedPhoneNumberVerified: 'True',
+                });
+            }
+            else {
+                const phoneLine = getPhoneObj(loggedInUser.data.phone).phoneLine || '';
+                const countryCode = getPhoneObj(loggedInUser.data.phone).countryCode;
+                setCaseDetails(caseDispatch, {
+                    phoneAreaCodePrefixLineNumber: phoneLine,
+                    phoneCountryCode: countryCode,
+                    suppliedPhoneNumberVerified: phoneLine && countryCode ? 'True' : 'False',
+                });
+            }
+        }
         setLocalFullPhone(phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber);
-    }, [phoneAreaCodePrefixLineNumber, phoneCountryCode]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [phoneAreaCodePrefixLineNumber, phoneCountryCode, loggedInUser.data]);
     return (React.createElement("div", { className: "form-group", style: { minWidth: '200px' } },
         React.createElement("label", null,
             React.createElement(Trans, null, "Case owner's phone number"),

package/lib/esm/components/SubmitCase/SubmitCase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubmitCase.d.ts","sourceRoot":"","sources":["../../../../src/components/SubmitCase/SubmitCase.tsx"],"names":[],"mappings":"AA4BA,MAAM,CAAC,OAAO,UAAU,UAAU,gBAqSjC"}
+{"version":3,"file":"SubmitCase.d.ts","sourceRoot":"","sources":["../../../../src/components/SubmitCase/SubmitCase.tsx"],"names":[],"mappings":"AA4BA,MAAM,CAAC,OAAO,UAAU,UAAU,gBAmTjC"}

package/lib/esm/components/SubmitCase/SubmitCase.js

@@ -7,7 +7,7 @@ import { getConfigField, getRedhatDotComHost, PCM_CONFIG_FIELD_TYPE, PreviousCas
 import find from 'lodash/find';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
-import React, { useContext, useEffect, useState } from 'react';
+import React, { useContext, useEffect, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';
 import { useCaseSelector } from '../../context/CaseContext';
@@ -40,6 +40,7 @@ export default function SubmitCase() {
     }), isEqual);
     const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
     const { topContentState: { topContent }, } = useContext(TCStateContext);
+    const tooltipRef = useRef();
     const { rulesState } = useContext(RulesStateContext);
     const { clusterRecommendationsState: { clusterRecommendations }, } = useContext(ClusterRecommendationsContext);
     const { attachmentState } = useContext(AttachmentStateContext);
@@ -133,10 +134,9 @@ export default function SubmitCase() {
                     React.createElement(ActionList, null,
                         React.createElement(ActionListItem, null,
                             React.createElement(Button, { component: "a", href: `${getRedhatDotComHost(Env.getEnvName())}/wapps/ugc/protected/${'personalInfo.html'}`, target: "_blank", variant: "secondary", "data-tracking-id": "get-support-update-info", className: "update-info-button" }, "Update info")),
-                        React.createElement(ActionListItem, null,
-                            React.createElement(Tooltip, { content: React.createElement("div", null, "File upload in progress."), position: "bottom", isVisible: viewDisabled },
-                                React.createElement("div", null,
-                                    React.createElement(Button, { className: "pf-u-ml-md", component: (props) => (React.createElement(Link, Object.assign({}, props, { to: `/case/${caseNumber}` }))), variant: "primary", "data-tracking-id": "get-support-view-case", isDisabled: viewDisabled }, "View case"))))))),
+                        React.createElement(ActionListItem, null, viewDisabled ? (React.createElement(React.Fragment, null,
+                            React.createElement(Tooltip, { content: t('File upload in progress.'), "aria-live": 'polite', reference: tooltipRef }),
+                            React.createElement(Button, { className: "pf-u-ml-md", component: "a", href: getCaseURL(), variant: "primary", "data-tracking-id": "get-support-view-case", isDisabled: viewDisabled, ref: tooltipRef, "aria-label": t('View case') }, "View case"))) : (React.createElement(Button, { className: "pf-u-ml-md", component: (props) => React.createElement(Link, Object.assign({}, props, { to: `/case/${caseNumber}` })), variant: "primary", "data-tracking-id": "get-support-view-case", "aria-label": t('View case') }, "View case")))))),
             !isEmpty(attachmentState.caseFiles.selectedLocalFiles) && (React.createElement(FileUploader, { idToUploadTo: caseNumber, isSessionId: false, isSecureSupport: loggedInUsersAccount.data.secureSupport })),
             React.createElement("div", null,
                 (!isEmpty(topContent.data) || !rulesState.EARules.rules || !clusterRecommendations) &&

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.2.8",
+    "version": "2.2.9",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -133,5 +133,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "a561664516a56f2e0b9bb4fa59dc3ecd64c27e38"
+    "gitHead": "c49d603ef2cfff4400439dcdeb4e09ead60d5180"
 }