@rh-support/troubleshoot 2.2.3 → 2.2.5

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

@@ -119,7 +119,7 @@ function AccountSelector(props) {
                 React.createElement(Trans, null, "Find my account")))),
         React.createElement("div", { className: "account-selector-wrapper" },
             React.createElement(AccountSelectorInternal, { selectedAccounts: [selectedAccount], canBookmarkAccount: canBookmarkAccounts, bookmarkedAccounts: bookmarkedGroupAccounts.data, id: "account-or-bookmark-selector", className: "account-selector", name: "account-or-bookmark-selector", placeholder: t(`Search for an account ${loggedInUserRights.data.isExternal() ? 'or select a bookmark' : ''} `), onSelect: onInternalAccountSelect, disabled: loggedInUserRights.data.isExternal() || selectedAccountDetails.isFetching, isInValid: isSelectedAccountSubscriptionAbused, restrictedOnSubscriptionAbuse: true })),
-        canAccessManagedAccounts && (React.createElement(ManagedAccountsDropdown, { className: "managed-account-selector", onManagedAccountChange: onManagedAccountChange, managedAccounts: managedAccounts, selectedAccountNumber: accountNumber, disabled: selectedAccountDetails.isFetching })),
+        canAccessManagedAccounts && (React.createElement(ManagedAccountsDropdown, { className: "managed-account-selector pf-u-mt-xl", onManagedAccountChange: onManagedAccountChange, managedAccounts: managedAccounts, selectedAccountNumber: accountNumber, disabled: selectedAccountDetails.isFetching })),
         isSelectedAccountSubscriptionAbused && (React.createElement("p", { className: "form-instructions form-invalid" },
             React.createElement(InfoCircleIcon, null),
             ' ',

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

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

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { contacts } from '@cee-eng/hydrajs';
-import { CaseContactsSelectorExternal, getHydraContactLabel, renderMenuItemChildren, ToastNotification, usePrevious, ValueChangedIcon, } from '@rh-support/components';
+import { CaseContactsSelectorExternal, getHydraContactLabel, getPhoneObj, 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,13 +28,14 @@ import { getChangedValueTooltip } from '../shared/utils';
 function OwnerSelector(props) {
     const { t } = useTranslation();
     const caseUpdateError = useCaseUpdateErrorMessage();
-    const { accountNumber, caseNumber, selectedNotificationContacts, selectedOwner, selectedCaseGroupUsers, isCaseOwnerUpdating, } = useCaseSelector((state) => ({
+    const { accountNumber, caseNumber, selectedNotificationContacts, selectedOwner, selectedCaseGroupUsers, isCaseOwnerUpdating, caseDetailes, } = 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,
     }), isEqual);
     const { routeState: { isNextBtnClickedToShowValidationError }, } = useContext(RouteContext);
     const caseDispatch = useCaseDispatch();
@@ -50,7 +51,9 @@ 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, {
@@ -61,7 +64,8 @@ function OwnerSelector(props) {
             }
             else {
                 setCaseDetails(caseDispatch, {
-                    phone: loggedInUser.data.phone,
+                    phoneAreaCodePrefixLineNumber: getPhoneObj(loggedInUser.data.phone).phoneLine || '',
+                    phoneCountryCode: getPhoneObj(loggedInUser.data.phone).countryCode,
                     suppliedPhoneNumberVerified: 'True',
                 });
             }
@@ -73,12 +77,13 @@ function OwnerSelector(props) {
                     setCaseDetails(caseDispatch, {
                         phoneAreaCodePrefixLineNumber: selectedContact.supportPhoneAreaCodePrefixLineNumber,
                         phoneCountryCode: selectedContact.supportPhoneCountryCode,
-                        suppliedPhoneNumberVerified: 'True',
+                        suppliedPhoneNumberVerified: 'Deferred',
                     });
                 }
                 else {
                     setCaseDetails(caseDispatch, {
-                        phone: selectedContact.phone,
+                        phoneAreaCodePrefixLineNumber: getPhoneObj(selectedContact.phone).phoneLine || '',
+                        phoneCountryCode: getPhoneObj(selectedContact.phone).countryCode || '',
                         suppliedPhoneNumberVerified: 'Deferred',
                     });
                 }
@@ -87,50 +92,68 @@ function OwnerSelector(props) {
                 setCaseDetails(caseDispatch, {
                     phoneAreaCodePrefixLineNumber: '',
                     phoneCountryCode: '',
-                    suppliedPhoneNumberVerified: 'Deferred',
+                    suppliedPhoneNumberVerified: 'False',
                 });
             }
         }
     });
+    const updatePhone = (phoneSetting) => __awaiter(this, void 0, void 0, function* () {
+        yield updateCaseDetails(caseDispatch, caseNumber, phoneSetting);
+        setCaseDetails(caseDispatch, Object.assign(Object.assign({}, caseDetailes), 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) {
-                if (loggedInUser.data.supportPhoneAreaCodePrefixLineNumber) {
-                    updateCaseDetails(caseDispatch, caseNumber, {
-                        phoneAreaCodePrefixLineNumber: loggedInUser.data.supportPhoneAreaCodePrefixLineNumber,
-                        phoneCountryCode: loggedInUser.data.supportPhoneCountryCode,
-                        suppliedPhoneNumberVerified: 'True',
-                    });
+                try {
+                    if (loggedInUser.data.supportPhoneAreaCodePrefixLineNumber) {
+                        yield updatePhone({
+                            phoneAreaCodePrefixLineNumber: loggedInUser.data.supportPhoneAreaCodePrefixLineNumber,
+                            phoneCountryCode: loggedInUser.data.supportPhoneCountryCode,
+                            suppliedPhoneNumberVerified: 'True',
+                        });
+                    }
+                    else {
+                        yield updatePhone({
+                            phoneAreaCodePrefixLineNumber: getPhoneObj(loggedInUser.data.phone).phoneLine || '',
+                            phoneCountryCode: getPhoneObj(loggedInUser.data.phone).countryCode || '',
+                            suppliedPhoneNumberVerified: 'False',
+                        });
+                    }
                 }
-                else {
-                    yield updateCaseDetails(caseDispatch, caseNumber, {
-                        phone: loggedInUser.data.phone,
-                        suppliedPhoneNumberVerified: 'Deferred',
+                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) {
-                        updateCaseDetails(caseDispatch, caseNumber, {
+                        yield updatePhone({
                             phoneAreaCodePrefixLineNumber: selectedContact.supportPhoneAreaCodePrefixLineNumber,
                             phoneCountryCode: selectedContact.supportPhoneCountryCode,
-                            suppliedPhoneNumberVerified: 'True',
+                            suppliedPhoneNumberVerified: 'Deferred',
                         });
                     }
                     else {
-                        yield updateCaseDetails(caseDispatch, caseNumber, {
-                            phone: selectedContact.phone,
+                        yield updatePhone({
+                            phoneAreaCodePrefixLineNumber: getPhoneObj(selectedContact.phone).phoneLine || '',
+                            phoneCountryCode: getPhoneObj(selectedContact.phone).countryCode || '',
                             suppliedPhoneNumberVerified: 'Deferred',
                         });
                     }
                 }
                 catch (e) {
-                    yield updateCaseDetails(caseDispatch, caseNumber, {
+                    yield updatePhone({
                         phoneAreaCodePrefixLineNumber: '',
                         phoneCountryCode: '',
-                        suppliedPhoneNumberVerified: 'Deferred',
+                        suppliedPhoneNumberVerified: 'False',
                     });
                 }
             }
@@ -252,6 +275,6 @@ function OwnerSelector(props) {
             React.createElement(Trans, null, "Owner"),
             React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, comparator: ownerComparator, isLocalChange: localOwnerChange, value: selectedOwner.data, getTooltipContent: getChangedValueTooltip(() => CaseValuesToWatch.owner, (v) => v.fullNameCustom) }),
             React.createElement("span", { className: `form-required ${isExportingPDF ? 'hide-in-pdf' : ''}`, "aria-hidden": true }, "*")),
-        showUsersWithSelectedGroupAccess ? (React.createElement(Typeahead, { id: "get-support-owner", className: "react-select-custom", clearButton: true, isLoading: selectedCaseGroupUsers.isFetching || isCaseOwnerUpdating, options: usersWithGroupAccess, selected: !isEmpty(selectedOwner.data) ? [selectedOwner.data] : [], onChange: onCustomerContactSelect, labelKey: getHydraContactLabel, placeholder: t(`Search by name or username`), disabled: selectedCaseGroupUsers.isFetching || isCaseOwnerUpdating, renderMenuItemChildren: renderMenuItemChildren, "data-tracking-id": "get-support-owner" })) : (React.createElement(CaseContactsSelectorExternal, { loggedInUserRights: loggedInUserRights.data, selectedAccountNumber: accountNumber, selected: !isEmpty(selectedOwner.data) ? [selectedOwner.data] : [], onChange: onCustomerContactSelect, placeholder: t(`Search by name or username`), clearButton: true, id: "get-support-owner", name: "get-support-owner", className: "react-select-custom", isUpdating: isCaseOwnerUpdating, isInvalid: isNextBtnClickedToShowValidationError && isEmpty(selectedOwner.data) }))));
+        showUsersWithSelectedGroupAccess ? (React.createElement(Typeahead, { id: "get-support-owner", className: "react-select-custom", clearButton: true, isLoading: selectedCaseGroupUsers.isFetching || isCaseOwnerUpdating, options: usersWithGroupAccess, selected: !isEmpty(selectedOwner.data) ? [selectedOwner.data] : [], onChange: onCustomerContactSelect, labelKey: getHydraContactLabel, placeholder: t(`Search by name or username`), disabled: selectedCaseGroupUsers.isFetching || isCaseOwnerUpdating, renderMenuItemChildren: renderMenuItemChildren, "data-tracking-id": "get-support-selected-group-owner" })) : (React.createElement(CaseContactsSelectorExternal, { loggedInUserRights: loggedInUserRights.data, selectedAccountNumber: accountNumber, selected: !isEmpty(selectedOwner.data) ? [selectedOwner.data] : [], onChange: onCustomerContactSelect, placeholder: t(`Search by name or username`), clearButton: true, id: "get-support-owner", name: "get-support-owner", className: "react-select-custom", isUpdating: isCaseOwnerUpdating, isInvalid: isNextBtnClickedToShowValidationError && isEmpty(selectedOwner.data), "data-tracking-id": "get-support-owner" }))));
 }
 export { OwnerSelector };

package/lib/esm/components/CaseEditView/CaseOverview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAA8D,MAAM,OAAO,CAAC;AA6BnF,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,eA4ejD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAA8D,MAAM,OAAO,CAAC;AA8BnF,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,eA6ejD"}

package/lib/esm/components/CaseEditView/CaseOverview/index.js

@@ -27,6 +27,7 @@ import { ReopenCaseModal } from '../ConfirmationModals/ReopenCaseModal';
 import { PDFContext } from '../PDFContainer';
 import { CaseInformation } from '../Tabs/CaseDetails/CaseInformation';
 import { CaseContactPhoneNumberAlert } from '../Tabs/CaseDetails/CasePhoneNumberConfirmAlert';
+import { CasePhoneNumberSev1ConfirmAlert } from '../Tabs/CaseDetails/CasePhoneNumberSev1ConfirmAlert';
 import Summary from '../Tabs/CaseDetails/Summary';
 import CaseOwnerInfo from './CaseOwnerInfo';
 import CaseStatus from './CaseStatus';
@@ -229,6 +230,7 @@ export default function CaseOverview(props) {
                             React.createElement("p", { className: "pf-u-mb-sm" },
                                 React.createElement(Trans, null, "The customer has received two warnings regarding inactivity. This case will be closed soon if we don't receive any input."))) })))),
                 React.createElement(CaseContactPhoneNumberAlert, { isReview: true, tabRef: props.tabsRef }),
+                React.createElement(CasePhoneNumberSev1ConfirmAlert, { isReview: true, tabRef: props.tabsRef }),
                 React.createElement("header", null,
                     React.createElement("h2", { className: "case-ID" },
                         React.createElement(Trans, null, "Case"),

package/lib/esm/components/CaseEditView/PDFContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PDFContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/PDFContainer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAGhD,UAAU,MAAM;IACZ,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;CACzC;AAED,UAAU,UAAU;IAChB,SAAS,EAAE,SAAS,GAAG,UAAU,CAAC;CACrC;AAED,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC3C,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,CAAC;CACpD;AAED,eAAO,MAAM,UAAU,4BAIN,CAAC;AAYlB,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,eA2KzC"}
+{"version":3,"file":"PDFContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/PDFContainer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAGhD,UAAU,MAAM;IACZ,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;CACzC;AAED,UAAU,UAAU;IAChB,SAAS,EAAE,SAAS,GAAG,UAAU,CAAC;CACrC;AAED,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC3C,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,CAAC;CACpD;AAED,eAAO,MAAM,UAAU,4BAIN,CAAC;AAYlB,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,eAwJzC"}

package/lib/esm/components/CaseEditView/PDFContainer.js

@@ -1,8 +1,8 @@
-import { Button, Modal, ModalVariant, Tooltip, TooltipPosition } from '@patternfly/react-core';
+import { Button, Modal, ModalVariant } from '@patternfly/react-core';
 import DownloadIcon from '@patternfly/react-icons/dist/js/icons/download-icon';
 import { savePDF } from '@progress/kendo-react-pdf';
 import React, { useRef, useState } from 'react';
-import { getI18n, Trans, useTranslation } from 'react-i18next';
+import { Trans, useTranslation } from 'react-i18next';
 export const PDFContext = React.createContext({
     isExportingPDF: null,
     exportPDFButton: null,
@@ -44,13 +44,6 @@ export function PDFContainer(props) {
         setValues(Object.assign(Object.assign({}, values), { [event.target.name]: event.target.value }));
     }
     function exportPDFButton(caseNumber) {
-        const i18n = getI18n();
-        if (i18n.language &&
-            (i18n.language === 'ja' || i18n.language === 'zh' || i18n.language === 'ko' || i18n.language === 'ru')) {
-            return (React.createElement(Tooltip, { position: TooltipPosition.auto, content: React.createElement("p", null,
-                    React.createElement(Trans, null, "Case export doesn't support selected language.")) },
-                React.createElement(DownloadIcon, { className: "fake-disable", role: "button", title: "Export as PDF", "aria-disabled": "true" })));
-        }
         return (React.createElement(Button, { title: "Export as PDF", variant: "link", isInline: true, className: isExportingPDF ? 'hide-in-pdf' : '', "data-tracking-id": "export-case-as-pdf", onClick: openModal(caseNumber), disabled: isExportingPDF, icon: React.createElement(DownloadIcon, null), iconPosition: "right" },
             React.createElement(Trans, null, "Export")));
     }

package/lib/esm/components/CaseEditView/Tabs/CaseActionPlan/CaseActionPlan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseActionPlan.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseActionPlan/CaseActionPlan.tsx"],"names":[],"mappings":"AAqBA,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAMD,iBAAS,cAAc,CAAC,KAAK,EAAE,MAAM,eAqIpC;kBArIQ,cAAc;;;AAwIvB,eAAe,cAAc,CAAC"}
+{"version":3,"file":"CaseActionPlan.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseActionPlan/CaseActionPlan.tsx"],"names":[],"mappings":"AAqBA,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAMD,iBAAS,cAAc,CAAC,KAAK,EAAE,MAAM,eAyIpC;kBAzIQ,cAAc;;;AA4IvB,eAAe,cAAc,CAAC"}

package/lib/esm/components/CaseEditView/Tabs/CaseActionPlan/CaseActionPlan.js

@@ -85,7 +85,7 @@ function CaseActionPlan(props) {
         React.createElement(AlertMessage, { show: isInternalWithoutSFDCUser, variant: AlertType.WARNING, isInline: true, className: "pf-u-mb-lg", title: t('You need a Salesforce (SFDC) user to edit the action plan.') }),
         React.createElement("label", { htmlFor: "rha-action-plan", className: "sr-only" },
             React.createElement(Trans, null, "Action plan")),
-        !canUpdateActionPlan && (React.createElement("pre", { "aria-label": t('Case Action Plan'), dangerouslySetInnerHTML: commentMarkdown(actionPlan) })),
+        !canUpdateActionPlan && (React.createElement("pre", { "aria-label": t('Case Action Plan'), dangerouslySetInnerHTML: commentMarkdown(actionPlan), style: { fontFamily: isExportingPDF ? 'DejaVu Sans' : '' } })),
         canUpdateActionPlan && (React.createElement("form", null,
             React.createElement("div", { className: isExportingPDF ? 'hide-in-pdf' : '' },
                 React.createElement(TextAreaResizable, { className: "form-control", id: "rha-action-plan", disabled: isUpdating || isInternalWithoutSFDCUser, maxLength: 32768, name: "actionPlan", value: actionPlanState, onChange: onChange, rowsMin: 3 })),

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

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

@@ -13,10 +13,11 @@ 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 { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
-import { isEmpty } from 'lodash';
+import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
-import React, { useContext, useState } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
+import { PHONE_IS_NOT_VALID, PHONE_LINE_CANNOT_BE_EMPTY, PHONE_NO_CHAR_ERROR, } from '../../../../constants/caseDetailsConstants';
 import { useCaseDispatch, useCaseSelector } from '../../../../context/CaseContext';
 import { useCaseUpdateErrorMessage } from '../../../../hooks/useCaseUpdateErrorMessage';
 import { PHONE_LIMIT } from '../../../../reducers/CaseConstNTypes';
@@ -38,6 +39,7 @@ export function CaseContactPhoneNumber() {
     const [localFullPhoneState, setLocalFullPhoneState] = useState(phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber);
     const [localCountryCodeState, setLocalCountryCodeState] = useState(phoneCountryCode);
     const [invalid, setInvalid] = useState(false);
+    const [isSaveClicked, setIsSavedClicked] = useState(false);
     const caseDispatch = useCaseDispatch();
     const caseUpdateError = useCaseUpdateErrorMessage();
     const { t } = useTranslation();
@@ -54,23 +56,25 @@ export function CaseContactPhoneNumber() {
         setLocalCountryCodeState(countryCode);
     };
     const onSave = () => __awaiter(this, void 0, void 0, function* () {
+        setIsSavedClicked(true);
+        if (isPhoneLineEmpty || isPhoneNumberInvalid)
+            return;
         setCasePhoneUpdating(true);
         const phoneLine = localFullPhoneState
             .substring(localCountryCodeState.length, localFullPhoneState.length)
             .trim();
         const countryCode = localCountryCodeState.trim();
         try {
-            yield updateCaseDetails(caseDispatch, caseNumber, {
-                phoneCountryCode: countryCode,
-                phoneAreaCodePrefixLineNumber: phoneLine,
-            });
+            // 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' })));
+            setIsSavedClicked(false);
             setCasePhoneUpdating(false);
             ToastNotification.addSuccessMessage(t(`Phone number has been successfully updated`));
             try {
-                contacts.updateContactBySSO(loggedInUser.data.ssoUsername, {
-                    supportPhoneCountryCode: countryCode,
-                    supportPhoneAreaCodePrefixLineNumber: phoneLine,
-                });
+                // update logged-in user contact info
+                if (contactSSOName === loggedInUser.data.ssoUsername) {
+                    yield contacts.updateContactBySSO(loggedInUser.data.ssoUsername, Object.assign({ supportPhoneCountryCode: countryCode, supportPhoneAreaCodePrefixLineNumber: phoneLine }, (!countryCode && !phoneLine && { clearPhoneNumber: true })));
+                }
             }
             catch (e) {
                 // silently fails
@@ -89,17 +93,11 @@ export function CaseContactPhoneNumber() {
             yield updateCaseDetails(caseDispatch, caseNumber, {
                 phoneCountryCode: '',
                 phoneAreaCodePrefixLineNumber: '',
+                clearPhoneNumber: true,
+                suppliedPhoneNumberVerified: 'False',
             });
             setCasePhoneUpdating(false);
             ToastNotification.addSuccessMessage(t(`Phone number has been successfully updated`));
-            try {
-                contacts.updateContactBySSO(loggedInUser.data.ssoUsername, {
-                    clearPhoneNumber: true,
-                });
-            }
-            catch (e) {
-                // silently fails
-            }
         }
         catch (e) {
             setCasePhoneUpdating(false);
@@ -110,27 +108,38 @@ export function CaseContactPhoneNumber() {
         limit: PHONE_LIMIT,
     });
     const isPhoneNeedsReview = contactSSOName === loggedInUser.data.ssoUsername && suppliedPhoneNumberVerified === 'Deferred';
-    const noCharErrorMessage = t('Phone number can only have digits.');
+    // To check if country code is given but phone number empty
+    const isPhoneLineEmpty = !isEmpty(localFullPhoneState) && isEmpty(localFullPhoneState === null || localFullPhoneState === void 0 ? void 0 : localFullPhoneState.replace(localCountryCodeState, ''));
+    const isPhoneNumberInvalid = isEmpty(localCountryCodeState) && !isEmpty(localFullPhoneState);
     const isPhoneNumberValid = (localFullPhoneState === null || localFullPhoneState === void 0 ? void 0 : localFullPhoneState.length) > PHONE_LIMIT
         ? ValidatedOptions.error
         : isPhoneNeedsReview
             ? ValidatedOptions.warning
-            : invalid
+            : isSaveClicked && (isPhoneLineEmpty || isPhoneNumberInvalid)
                 ? ValidatedOptions.error
-                : ValidatedOptions.default;
-    return (React.createElement("div", { className: "form-group pf-u-pb-sm", style: { minWidth: '200px' } },
+                : invalid
+                    ? ValidatedOptions.error
+                    : ValidatedOptions.default;
+    useEffect(() => {
+        setLocalFullPhoneState(phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber);
+    }, [phoneCountryCode, phoneAreaCodePrefixLineNumber]);
+    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"),
             !isExportingPDF ? ContactPhoneNumberPopOver() : ''),
         React.createElement(InputGroupText, { variant: InputGroupTextVariant.plain },
             React.createElement(PhoneInput, { phoneValue: localFullPhoneState, onPhoneValueChange: onPhoneChange, onCountryCodeChange: onCountryCodeChange, validations: isPhoneNumberValid, isDisabled: isCasePhoneUpdating || isCaseOwnerUpdating, isLoading: isCasePhoneUpdating, "data-tracking-id": "case-details-page-supplied-phone", invalid: invalid, setInvalid: setInvalid }),
             React.createElement("button", { className: "btn btn-app btn-link pf-u-ml-sm", type: "button", "data-tracking-id": "case-details-page-supplied-phone-save", onClick: () => onSave(), disabled: (localFullPhoneState === null || localFullPhoneState === void 0 ? void 0 : localFullPhoneState.length) > PHONE_LIMIT ||
-                    localFullPhoneState === phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber, style: { display: isExportingPDF ? 'none' : '' } },
+                    localFullPhoneState === phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber ||
+                    (isSaveClicked && (isPhoneLineEmpty || isPhoneNumberInvalid)), 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) },
                 React.createElement(TimesIcon, { color: "#6A6E73" }))),
-        invalid && React.createElement("p", { className: "form-instructions form-invalid" },
-            noCharErrorMessage,
-            " "),
-        (localFullPhoneState === null || localFullPhoneState === void 0 ? void 0 : localFullPhoneState.length) > PHONE_LIMIT && (React.createElement("p", { className: "form-instructions form-invalid" }, maxLengthErrorMessage))));
+        invalid && (React.createElement("p", { className: "form-instructions form-invalid" },
+            React.createElement(Trans, null, PHONE_NO_CHAR_ERROR))),
+        (localFullPhoneState === null || localFullPhoneState === void 0 ? void 0 : localFullPhoneState.length) > PHONE_LIMIT && (React.createElement("p", { className: "form-instructions form-invalid" }, maxLengthErrorMessage)),
+        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)))));
 }

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CasePhoneNumberConfirmAlert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CasePhoneNumberConfirmAlert.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CasePhoneNumberConfirmAlert.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAQpD,UAAU,MAAM;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,eA4FxD"}
+{"version":3,"file":"CasePhoneNumberConfirmAlert.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CasePhoneNumberConfirmAlert.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA+B,MAAM,OAAO,CAAC;AASpD,UAAU,MAAM;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,eAgGxD"}

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

@@ -21,10 +21,11 @@ import { updateCaseDetails } from '../../../../reducers/CaseReducer';
 export function CaseContactPhoneNumberAlert(props) {
     const { globalMetadataState: { loggedInUser }, } = useContext(GlobalMetadataStateContext);
     const [isCaseUpdating, setCasUpdating] = useState(false);
-    const { caseNumber, suppliedPhoneNumberVerified, contactSSOName } = useCaseSelector((state) => ({
+    const { caseNumber, suppliedPhoneNumberVerified, contactSSOName, severity } = useCaseSelector((state) => ({
         caseNumber: state.caseDetails.caseNumber,
         suppliedPhoneNumberVerified: state.caseDetails.suppliedPhoneNumberVerified,
         contactSSOName: state.caseDetails.contactSSOName,
+        severity: state.caseDetails.severity,
     }), isEqual);
     const { t } = useTranslation();
     const caseDispatch = useCaseDispatch();
@@ -44,19 +45,21 @@ export function CaseContactPhoneNumberAlert(props) {
     const goToPhoneField = () => {
         scrollIntoView(props.tabRef);
     };
-    const isPhoneNeedsReview = contactSSOName === loggedInUser.data.ssoUsername && suppliedPhoneNumberVerified === 'Deferred';
+    const isPhoneNeedsReview = contactSSOName === loggedInUser.data.ssoUsername &&
+        suppliedPhoneNumberVerified === 'Deferred' &&
+        severity !== "1 (Urgent)" /* SEV_1 */; // we show another alert when sev is 1
+    const NEW_OWNER_MSG = 'You are the new owner for this case. Is the new phone number correct?';
     if (!isPhoneNeedsReview)
         return React.createElement(React.Fragment, null);
     return (React.createElement(React.Fragment, null, props.isReview ? (React.createElement(Alert, { className: "pf-u-mb-md", isInline: true, variant: AlertVariant.warning, title: t('Review phone number'), actionLinks: [
             React.createElement(Link, { replace: true, to: {
                     pathname: `/case/${caseNumber}/management`,
-                    search: 'hello',
                 }, onClick: () => goToPhoneField(), "data-tracking-id": "case-contact-phone-number-review" },
                 React.createElement(Trans, null, "Review phone number")),
         ] },
-        React.createElement(Trans, null, "You are the new owner for this case. Is the new phone number correct?"))) : props.isConfirm ? (React.createElement(Alert, { isInline: true, className: "pf-u-mb-md", variant: AlertVariant.warning, title: t('Review phone number'), actionLinks: [
+        React.createElement(Trans, null, NEW_OWNER_MSG))) : props.isConfirm ? (React.createElement(Alert, { isInline: true, className: "pf-u-mb-md", 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", isLoading: isCaseUpdating, isDisabled: isCaseUpdating },
                 React.createElement(Trans, null, "Confirm phone number")),
         ] },
-        React.createElement(Trans, null, "You are the new owner for this case. Is the new phone number correct?"))) : (React.createElement(React.Fragment, null))));
+        React.createElement(Trans, null, NEW_OWNER_MSG))) : (React.createElement(React.Fragment, null))));
 }

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CasePhoneNumberSev1ConfirmAlert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CasePhoneNumberSev1ConfirmAlert.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CasePhoneNumberSev1ConfirmAlert.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA+B,MAAM,OAAO,CAAC;AASpD,UAAU,MAAM;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AAMD,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,MAAM,eAmG5D"}
+{"version":3,"file":"CasePhoneNumberSev1ConfirmAlert.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CasePhoneNumberSev1ConfirmAlert.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA+B,MAAM,OAAO,CAAC;AASpD,UAAU,MAAM;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AAMD,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,MAAM,eAgG5D"}

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

@@ -51,19 +51,19 @@ export function CasePhoneNumberSev1ConfirmAlert(props) {
     };
     const isPhoneNeedsConfirm = contactSSOName === loggedInUser.data.ssoUsername &&
         severity === "1 (Urgent)" /* SEV_1 */ &&
-        suppliedPhoneNumberVerified === 'False';
+        suppliedPhoneNumberVerified !== 'True';
+    const SEV1_MSG = 'This case severity is urgent. Please confirm the phone number we have on file is correct.';
     if (!isPhoneNeedsConfirm)
         return React.createElement(React.Fragment, null);
     return (React.createElement(React.Fragment, null, props.isReview ? (React.createElement(Alert, { className: "pf-u-mb-md", isInline: true, variant: AlertVariant.warning, title: t('Review phone number'), actionLinks: [
             React.createElement(Link, { replace: true, to: {
                     pathname: `/case/${caseNumber}/management`,
-                    search: 'hello',
                 }, onClick: () => goToPhoneField(), "data-tracking-id": "case-contact-phone-number-review" },
                 React.createElement(Trans, null, "Review phone number")),
         ] },
-        React.createElement(Trans, null, "This case severity is urgent. Please confirm the phone number we have on file is correct."))) : props.isConfirm ? (React.createElement(Alert, { isInline: true, className: "pf-u-mb-md", variant: AlertVariant.warning, title: t('Review phone number'), actionLinks: [
+        React.createElement(Trans, null, SEV1_MSG))) : props.isConfirm ? (React.createElement(Alert, { isInline: true, className: "pf-u-mb-md", 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", isLoading: isCaseUpdating, isDisabled: isCaseUpdating },
                 React.createElement(Trans, null, "Confirm phone number")),
         ] },
-        React.createElement(Trans, null, "This case severity is urgent. Please confirm the phone number we have on file is correct."))) : (React.createElement(React.Fragment, null))));
+        React.createElement(Trans, null, SEV1_MSG))) : (React.createElement(React.Fragment, null))));
 }

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

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

@@ -1,62 +1,67 @@
 import { ValidatedOptions } from '@patternfly/react-core';
-import { PhoneInput } from '@rh-support/components';
+import { getPhoneObj, PhoneInput } from '@rh-support/components';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
-import React, { useState } from 'react';
+import React, { useContext, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
+import { PHONE_IS_NOT_VALID, PHONE_LINE_CANNOT_BE_EMPTY, PHONE_NO_CHAR_ERROR, } from '../../constants/caseDetailsConstants';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
+import { RouteContext } from '../../context/RouteContext';
 import { PHONE_LIMIT } from '../../reducers/CaseConstNTypes';
 import { setCaseDetails } from '../../reducers/CaseReducer';
 import { ContactPhoneNumberPopOver } from './ContactPhoneNumberPopOver';
 export function ContactPhoneNumber() {
-    var _a, _b;
     const { suppliedPhoneNumberVerified, severity, phoneCountryCode = '', phoneAreaCodePrefixLineNumber = '', } = useCaseSelector((state) => ({
         suppliedPhoneNumberVerified: state.caseDetails.suppliedPhoneNumberVerified,
         severity: state.caseDetails.severity,
         phoneCountryCode: state.caseDetails.phoneCountryCode,
         phoneAreaCodePrefixLineNumber: state.caseDetails.phoneAreaCodePrefixLineNumber,
     }), isEqual);
+    const { routeState: { isNextBtnClickedToShowValidationError }, } = useContext(RouteContext);
     const [invalid, setInvalid] = useState(false);
-    const getPhone = () => phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber.replace(phoneCountryCode, '');
+    const [localFullPhone, setLocalFullPhone] = useState(phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber);
+    const getPhone = () => phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber;
     const caseDispatch = useCaseDispatch();
     const { t } = useTranslation();
     const onPhoneChange = (fullPhone) => {
+        setLocalFullPhone(fullPhone);
         if (isEmpty(fullPhone)) {
             setInvalid(false);
         }
         setCaseDetails(caseDispatch, {
-            phoneAreaCodePrefixLineNumber: phoneCountryCode
-                ? fullPhone.substring(phoneCountryCode.length, fullPhone.length).trim()
-                : fullPhone.trim(),
+            phoneAreaCodePrefixLineNumber: getPhoneObj(fullPhone).phoneLine,
+            phoneCountryCode: getPhoneObj(fullPhone).countryCode,
         });
     };
     const onCountryCodeChange = (phoneCountryCode) => {
-        setCaseDetails(caseDispatch, { phoneCountryCode: phoneCountryCode });
+        setCaseDetails(caseDispatch, { phoneCountryCode });
     };
     const maxLengthErrorMessage = t('Phone number cannot be more than {{limit}} digits.', {
         limit: PHONE_LIMIT,
     });
-    const phoneNumberEmptyError = t('Phone number cannot be empty when country code is given.');
+    const isPhoneNumberInvalid = isEmpty(phoneCountryCode.replace('+', '')) && !isEmpty(phoneAreaCodePrefixLineNumber);
     // To check if country code is given but phone number empty
-    const isPhoneNumberEmpty = !isEmpty(phoneCountryCode) && isEmpty(phoneAreaCodePrefixLineNumber === null || phoneAreaCodePrefixLineNumber === void 0 ? void 0 : phoneAreaCodePrefixLineNumber.replace(phoneCountryCode, ''));
-    const isPhoneNumberValid = ((_a = getPhone) === null || _a === void 0 ? void 0 : _a.length) > PHONE_LIMIT
+    const isPhoneNumberEmpty = !isEmpty(phoneCountryCode.replace('+', '')) &&
+        isEmpty(phoneAreaCodePrefixLineNumber === null || phoneAreaCodePrefixLineNumber === void 0 ? void 0 : phoneAreaCodePrefixLineNumber.replace(phoneCountryCode, ''));
+    const isPhoneNumberValid = getPhone().length > PHONE_LIMIT
         ? ValidatedOptions.error
         : severity === "1 (Urgent)" /* SEV_1 */ && isEmpty(suppliedPhoneNumberVerified)
             ? ValidatedOptions.warning
-            : isPhoneNumberEmpty
+            : isNextBtnClickedToShowValidationError && (isPhoneNumberEmpty || isPhoneNumberInvalid)
                 ? ValidatedOptions.error
                 : invalid
                     ? ValidatedOptions.error
                     : ValidatedOptions.default;
-    const noCharErrorMessage = t('Phone number can only have digits.');
-    return (React.createElement("div", { className: "form-group pf-u-pb-xl", style: { minWidth: '200px' } },
+    return (React.createElement("div", { className: "form-group", style: { minWidth: '200px' } },
         React.createElement("label", null,
             React.createElement(Trans, null, "Case owner's phone number"),
             ContactPhoneNumberPopOver()),
-        React.createElement(PhoneInput, { phoneValue: getPhone(), onPhoneValueChange: onPhoneChange, onCountryCodeChange: onCountryCodeChange, validations: isPhoneNumberValid, invalid: invalid, setInvalid: setInvalid }),
-        invalid && React.createElement("p", { className: "form-instructions form-invalid" },
-            noCharErrorMessage,
-            " "),
-        ((_b = getPhone()) === null || _b === void 0 ? void 0 : _b.length) > PHONE_LIMIT && (React.createElement("p", { className: "form-instructions form-invalid" }, maxLengthErrorMessage)),
-        isPhoneNumberEmpty && React.createElement("p", { className: "form-instructions form-invalid" }, phoneNumberEmptyError)));
+        React.createElement(PhoneInput, { phoneValue: localFullPhone, onPhoneValueChange: onPhoneChange, onCountryCodeChange: onCountryCodeChange, validations: isPhoneNumberValid, invalid: invalid, setInvalid: setInvalid }),
+        invalid && (React.createElement("p", { className: "form-instructions form-invalid" },
+            React.createElement(Trans, null, PHONE_NO_CHAR_ERROR))),
+        getPhone().length > PHONE_LIMIT && (React.createElement("p", { className: "form-instructions form-invalid" }, maxLengthErrorMessage)),
+        isPhoneNumberEmpty && isNextBtnClickedToShowValidationError && (React.createElement("p", { className: "form-instructions form-invalid" },
+            React.createElement(Trans, null, PHONE_LINE_CANNOT_BE_EMPTY))),
+        isNextBtnClickedToShowValidationError && isPhoneNumberInvalid && (React.createElement("p", { className: "form-instructions form-invalid" },
+            React.createElement(Trans, null, PHONE_IS_NOT_VALID)))));
 }

package/lib/esm/components/CaseManagement/CaseLanguageSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseLanguageSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/CaseLanguageSelector.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,MAAM;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,MAAM,eA4FzD"}
+{"version":3,"file":"CaseLanguageSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/CaseLanguageSelector.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,MAAM;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,MAAM,eA6FzD"}

package/lib/esm/components/CaseManagement/CaseLanguageSelector.js

@@ -55,7 +55,7 @@ export default function CaseLanguageSelector(props) {
             React.createElement(Trans, null, "Preferred language"),
             ' ',
             React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
-        React.createElement(Select, { variant: SelectVariant.single, "aria-label": t(`Select a language`), onToggle: onToggle, onSelect: onLanguageChange, selections: caseLanguage, isOpen: isOpen, "aria-labelledby": 'get-support-language', isDisabled: caseLanguages.isError, validated: caseLanguages.isError ? ValidatedOptions.error : ValidatedOptions.default }, caseLanguages.data.map((sla, index) => (React.createElement(SelectOption, { value: sla, key: index }, Constants.languagesMap[sla])))),
+        React.createElement(Select, { variant: SelectVariant.single, "aria-label": t(`Select a language`), onToggle: onToggle, onSelect: onLanguageChange, selections: caseLanguage, isOpen: isOpen, "aria-labelledby": 'get-support-language', isDisabled: caseLanguages.isError, validated: caseLanguages.isError ? ValidatedOptions.error : ValidatedOptions.default, "data-tracking-id": "preferred-language-select" }, caseLanguages.data.map((sla, index) => (React.createElement(SelectOption, { value: sla, key: index }, Constants.languagesMap[sla])))),
         React.createElement("p", { className: "form-instructions" },
             React.createElement(Trans, null, "Select a language for communicating with our support engineers."))));
 }

package/lib/esm/components/CaseManagement/NoClusterIDReasonSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NoClusterIDReasonSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/NoClusterIDReasonSelector.tsx"],"names":[],"mappings":"AAgBA,UAAU,MAAM;IACZ,uBAAuB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,4BAA4B,EAAE,MAAM,CAAC;IACrC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAeD,QAAA,MAAM,yBAAyB,UAAW,MAAM,gBAmJ/C,CAAC;AAEF,OAAO,EAAE,yBAAyB,EAAE,CAAC"}
+{"version":3,"file":"NoClusterIDReasonSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/NoClusterIDReasonSelector.tsx"],"names":[],"mappings":"AAgBA,UAAU,MAAM;IACZ,uBAAuB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,4BAA4B,EAAE,MAAM,CAAC;IACrC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAeD,QAAA,MAAM,yBAAyB,UAAW,MAAM,gBAoJ/C,CAAC;AAEF,OAAO,EAAE,yBAAyB,EAAE,CAAC"}

package/lib/esm/components/CaseManagement/NoClusterIDReasonSelector.js

@@ -98,7 +98,7 @@ const NoClusterIDReasonSelector = (props) => {
             React.createElement("span", { className: `form-required ${isExportingPDF ? 'hide-in-pdf' : ''}`, "aria-hidden": true },
                 ' ',
                 "*")),
-        React.createElement(Select, { variant: SelectVariant.typeahead, typeAheadAriaLabel: t('Select an option or briefly describe your reason'), onToggle: onToggle, onSelect: onSelect, selections: getSelectedItem(), isOpen: isOpen, placeholderText: t('Select an option or briefly describe your reason'), noValidate: props.isInValid, "aria-labelledby": titleId, "aria-invalid": props.isInValid, "aria-describedby": "validate-reason-helper", validated: validated, className: `form-control${props.isInValid ? ' form-invalid' : ''}`, isDisabled: caseNoClusterIdReasons.isFetching || props.isDisabled, required: true, onFilter: () => null, ref: selectRef, onTypeaheadInputChanged: onTypeaheadInputChanged }, (caseNoClusterIdReasonsList || []).map((option, index) => (React.createElement(SelectOption, { key: index, value: createState(option, t(option)) })))),
+        React.createElement(Select, { variant: SelectVariant.typeahead, typeAheadAriaLabel: t('Select an option or briefly describe your reason'), onToggle: onToggle, onSelect: onSelect, selections: getSelectedItem(), isOpen: isOpen, placeholderText: t('Select an option or briefly describe your reason'), noValidate: props.isInValid, "aria-labelledby": titleId, "aria-invalid": props.isInValid, "aria-describedby": "validate-reason-helper", validated: validated, className: `form-control${props.isInValid ? ' form-invalid' : ''}`, isDisabled: caseNoClusterIdReasons.isFetching || props.isDisabled, required: true, onFilter: () => null, ref: selectRef, onTypeaheadInputChanged: onTypeaheadInputChanged, "data-tracking-id": "no-openshift-cluster-id-reason" }, (caseNoClusterIdReasonsList || []).map((option, index) => (React.createElement(SelectOption, { key: index, value: createState(option, t(option)) })))),
         React.createElement(LoadingIndicator, { show: caseNoClusterIdReasons.isFetching, size: "xs" }),
         React.createElement("p", { id: "validate-reason-helper", className: `form-instructions ${props.isInValid ? 'form-invalid' : ''}` },
             React.createElement(React.Fragment, null,

package/lib/esm/components/CaseManagement/OpenShiftV3Inputbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OpenShiftV3Inputbox.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenShiftV3Inputbox.tsx"],"names":[],"mappings":"AAQA,UAAU,MAAM;IACZ,uBAAuB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,eA8BzC;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"OpenShiftV3Inputbox.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenShiftV3Inputbox.tsx"],"names":[],"mappings":"AAQA,UAAU,MAAM;IACZ,uBAAuB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,eA+BzC;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}