@rh-support/troubleshoot 2.1.20 → 2.2.0

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

@@ -31,7 +31,7 @@ function ManagedAccountsDropdown(props) {
             React.createElement(InfoCircleIcon, null),
             " ",
             React.createElement(Trans, null, "Subscription abuse"))))), children: (React.createElement(React.Fragment, null, account.subscriptionAbuse ? (React.createElement("span", { className: "form-instructions form-invalid" }, getLabelForAccountOption(account))) : (getLabelForAccountOption(account)))) }, account))) || [];
-    return (React.createElement(Dropdown, { className: `push-top ${props.className}`, id: props.id, placeholder: "Select a managed account", list: toOptions(managedAccountsOptions, {
+    return (React.createElement(Dropdown, { className: `margin-top ${props.className}`, id: props.id, placeholder: "Select a managed account", list: toOptions(managedAccountsOptions, {
             childrenKey: 'children',
             actionItemKey: 'actionItem',
         }), selectedItem: selectedItem, title: `Select a managed account`, onChange: props.onManagedAccountChange, disabled: props.disabled || managedAccountsOptions.length === 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":"AAoCA,UAAU,MAAM;CAAG;AAEnB,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,eAuRnC;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,eA6TnC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

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

@@ -22,6 +22,7 @@ import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { RouteContext } from '../../context/RouteContext';
 import { useCaseUpdateErrorMessage } from '../../hooks/useCaseUpdateErrorMessage';
 import { setCaseDetails, setCaseOwner, setCaseState, setNotifiedUser, updateCaseDetails, } from '../../reducers/CaseReducer';
+import { PDFContext } from '../CaseEditView/PDFContainer';
 import { CaseValuesToWatch } from '../shared/Constants';
 import { getChangedValueTooltip } from '../shared/utils';
 function OwnerSelector(props) {
@@ -39,6 +40,7 @@ function OwnerSelector(props) {
     const caseDispatch = useCaseDispatch();
     const { globalMetadataState: { loggedInUserRights, loggedInUser }, } = useContext(GlobalMetadataStateContext);
     const previousAccountNumber = usePrevious(accountNumber);
+    const { isExportingPDF } = useContext(PDFContext);
     const [usersWithGroupAccess, setUsersWithGroupAccess] = useState([]);
     const [localOwnerChange, setLocalOwnerChange] = useState(false);
     const afterLocalChange = () => setLocalOwnerChange(false);
@@ -50,22 +52,41 @@ function OwnerSelector(props) {
     const canEditCase = useCanEditCase();
     const setContactPhoneNumber = (sso) => __awaiter(this, void 0, void 0, function* () {
         if (sso === loggedInUser.data.ssoUsername) {
-            setCaseDetails(caseDispatch, {
-                phone: loggedInUser.data.phone,
-                suppliedPhoneNumberVerified: 'True',
-            });
+            if (loggedInUser.data.supportPhoneAreaCodePrefixLineNumber) {
+                setCaseDetails(caseDispatch, {
+                    phoneAreaCodePrefixLineNumber: loggedInUser.data.supportPhoneAreaCodePrefixLineNumber,
+                    phoneCountryCode: loggedInUser.data.supportPhoneCountryCode,
+                    suppliedPhoneNumberVerified: 'True',
+                });
+            }
+            else {
+                setCaseDetails(caseDispatch, {
+                    phone: loggedInUser.data.phone,
+                    suppliedPhoneNumberVerified: 'True',
+                });
+            }
         }
         else {
             try {
                 const selectedContact = yield contacts.getSFDCContactBySso(sso);
-                setCaseDetails(caseDispatch, {
-                    phone: selectedContact.phone,
-                    suppliedPhoneNumberVerified: 'Deferred',
-                });
+                if (selectedContact.supportPhoneAreaCodePrefixLineNumber) {
+                    setCaseDetails(caseDispatch, {
+                        phoneAreaCodePrefixLineNumber: selectedContact.supportPhoneAreaCodePrefixLineNumber,
+                        phoneCountryCode: selectedContact.supportPhoneCountryCode,
+                        suppliedPhoneNumberVerified: 'True',
+                    });
+                }
+                else {
+                    setCaseDetails(caseDispatch, {
+                        phone: selectedContact.phone,
+                        suppliedPhoneNumberVerified: 'Deferred',
+                    });
+                }
             }
             catch (e) {
                 setCaseDetails(caseDispatch, {
-                    phone: '',
+                    phoneAreaCodePrefixLineNumber: '',
+                    phoneCountryCode: '',
                     suppliedPhoneNumberVerified: 'Deferred',
                 });
             }
@@ -74,22 +95,41 @@ function OwnerSelector(props) {
     const updateContactPhoneNumber = (sso) => __awaiter(this, void 0, void 0, function* () {
         try {
             if (sso === loggedInUser.data.ssoUsername) {
-                yield updateCaseDetails(caseDispatch, caseNumber, {
-                    phone: loggedInUser.data.phone,
-                    suppliedPhoneNumberVerified: 'Deferred',
-                });
+                if (loggedInUser.data.supportPhoneAreaCodePrefixLineNumber) {
+                    updateCaseDetails(caseDispatch, caseNumber, {
+                        phoneAreaCodePrefixLineNumber: loggedInUser.data.supportPhoneAreaCodePrefixLineNumber,
+                        phoneCountryCode: loggedInUser.data.supportPhoneCountryCode,
+                        suppliedPhoneNumberVerified: 'True',
+                    });
+                }
+                else {
+                    yield updateCaseDetails(caseDispatch, caseNumber, {
+                        phone: loggedInUser.data.phone,
+                        suppliedPhoneNumberVerified: 'Deferred',
+                    });
+                }
             }
             else {
                 try {
                     const selectedContact = yield contacts.getSFDCContactBySso(sso);
-                    yield updateCaseDetails(caseDispatch, caseNumber, {
-                        phone: selectedContact.phone,
-                        suppliedPhoneNumberVerified: 'Deferred',
-                    });
+                    if (selectedContact.supportPhoneAreaCodePrefixLineNumber) {
+                        updateCaseDetails(caseDispatch, caseNumber, {
+                            phoneAreaCodePrefixLineNumber: selectedContact.supportPhoneAreaCodePrefixLineNumber,
+                            phoneCountryCode: selectedContact.supportPhoneCountryCode,
+                            suppliedPhoneNumberVerified: 'True',
+                        });
+                    }
+                    else {
+                        yield updateCaseDetails(caseDispatch, caseNumber, {
+                            phone: selectedContact.phone,
+                            suppliedPhoneNumberVerified: 'Deferred',
+                        });
+                    }
                 }
                 catch (e) {
                     yield updateCaseDetails(caseDispatch, caseNumber, {
-                        phone: '',
+                        phoneAreaCodePrefixLineNumber: '',
+                        phoneCountryCode: '',
                         suppliedPhoneNumberVerified: 'Deferred',
                     });
                 }
@@ -207,11 +247,11 @@ function OwnerSelector(props) {
     const showUsersWithSelectedGroupAccess = caseNumber &&
         (selectedCaseGroupUsers.isFetching ||
             (!selectedCaseGroupUsers.isFetching && (selectedCaseGroupUsers.data || []).length > 0));
-    return (React.createElement("div", { className: "form-group" },
+    return (React.createElement("div", { className: "form-group get-support-owner-wapper" },
         React.createElement("label", { htmlFor: "get-support-owner" },
             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", "aria-hidden": true }, "*")),
+            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) }))));
 }
 export { OwnerSelector };

package/lib/esm/components/AccountInfo/css/accountSelector.css

@@ -1,3 +1,7 @@
 .preview-case .account-selector-wrapper .account-selector {
     width: 100%;
 }
+
+.get-support-owner-wapper input {
+    min-height: 36px;
+}

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

@@ -105,7 +105,7 @@ export function CaseDetailsTabs(props) {
     };
     const isTabVisibleInPdfExport = (tab) => tab.title === CaseDetailsTabsEnum.DISCUSSION && pdfOption === 'Reduced' ? false : true;
     return (React.createElement("div", { className: "case-details-tabs", ref: props.tabdRef },
-        React.createElement(Tabs, { className: "hide-in-pdf", activeKey: getActiveTabKey(), component: TabsComponent.nav, onSelect: handleTabClick }, tabsToRender.map((tab, index) => (React.createElement(Tab, { eventKey: index, tabContentRef: tab.ref, tabContentId: tab.key, key: tab.title, href: `#${props.basePath}/${tab.routePath}`, "data-tracking-id": tab['data-tracking-id'], title: React.createElement(TabTitleText, null,
+        React.createElement(Tabs, { className: isExportingPDF ? 'hide-in-pdf' : '', activeKey: getActiveTabKey(), component: TabsComponent.nav, onSelect: handleTabClick }, tabsToRender.map((tab, index) => (React.createElement(Tab, { eventKey: index, tabContentRef: tab.ref, tabContentId: tab.key, key: tab.title, href: `#${props.basePath}/${tab.routePath}`, "data-tracking-id": tab['data-tracking-id'], title: React.createElement(TabTitleText, null,
                 React.createElement(Trans, null, tab.title)) })))),
         React.createElement("div", { className: "case-details-tabs-content pf-u-pt-xl" }, tabsToRender.map((tab, index) => (React.createElement(TabContent, { eventKey: index, key: tab.key, id: tab.key, ref: tab.ref, "aria-label": tab.title, hidden: isExportingPDF ? !isTabVisibleInPdfExport(tab) : index !== getActiveTabKey() },
             React.createElement(ErrorBoundary, { errorMsgInfo: {

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

@@ -1 +1 @@
-{"version":3,"file":"CaseStatus.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/CaseStatus.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AASrE,UAAU,MAAO,SAAQ,gBAAgB;IACrC,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtD,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACrB;AAOD,iBAAS,UAAU,CAAC,KAAK,EAAE,MAAM,eAkDhC;kBAlDQ,UAAU;;;AAqDnB,eAAe,UAAU,CAAC"}
+{"version":3,"file":"CaseStatus.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/CaseStatus.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AAUrE,UAAU,MAAO,SAAQ,gBAAgB;IACrC,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtD,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACrB;AAOD,iBAAS,UAAU,CAAC,KAAK,EAAE,MAAM,eAoDhC;kBApDQ,UAAU;;;AAuDnB,eAAe,UAAU,CAAC"}

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

@@ -10,10 +10,11 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { Dropdown, ValueChangedIcon } from '@rh-support/components';
 import { toOption, toOptions } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
-import React, { useState } from 'react';
+import React, { useContext, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { CaseValuesToWatch } from '../../shared/Constants';
 import { getChangedValueTooltip } from '../../shared/utils';
+import { PDFContext } from '../PDFContainer';
 const defaultProps = {
     id: '',
     className: '',
@@ -24,6 +25,7 @@ function CaseStatus(props) {
     const validateCaseStatus = (selectedItem) => {
         setIsCaseStatusInValid(isEmpty(selectedItem));
     };
+    const { isExportingPDF } = useContext(PDFContext);
     // value changed logic to show a non local status change
     const [localStatusChange, setLocalStatusChange] = useState(false);
     const afterLocalChange = () => setLocalStatusChange(false);
@@ -39,7 +41,7 @@ function CaseStatus(props) {
         React.createElement("h3", { className: "subheading subheading-sm" },
             React.createElement(Trans, null, "Status"),
             React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, isLocalChange: localStatusChange, value: props.selectedStatus, getTooltipContent: getChangedValueTooltip(() => CaseValuesToWatch.status) }),
-            React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
+            React.createElement("span", { className: `form-required ${isExportingPDF ? 'hide-in-pdf' : ''}`, "aria-hidden": true }, "*")),
         React.createElement(Dropdown, { name: "case-details-status-selector", placeholder: t(`Select a status`), title: t(`Select a status`), list: props.allStatuses ? toOptions(props.allStatuses) : [], selectedItem: toOption(props.selectedStatus), disabled: props.hasError || props.isDisabled, isLoadingList: props.isFetching, isInValid: isCaseStatusInValid, required: true, onChange: onCaseStatusChange, onOuterClick: validateCaseStatus, "data-tracking-id": "case-details-status-selector" })));
 }
 CaseStatus.defaultProps = defaultProps;

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

@@ -1 +1 @@
-{"version":3,"file":"CaseType.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/CaseType.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AASrE,UAAU,MAAO,SAAQ,gBAAgB;IACrC,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,GAAG,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACrB;AAOD,iBAAS,QAAQ,CAAC,KAAK,EAAE,MAAM,eAoD9B;kBApDQ,QAAQ;;;AAuDjB,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"CaseType.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/CaseType.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AAUrE,UAAU,MAAO,SAAQ,gBAAgB;IACrC,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,GAAG,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACrB;AAOD,iBAAS,QAAQ,CAAC,KAAK,EAAE,MAAM,eAsD9B;kBAtDQ,QAAQ;;;AAyDjB,eAAe,QAAQ,CAAC"}

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

@@ -10,10 +10,11 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { Dropdown, ValueChangedIcon } from '@rh-support/components';
 import { toOldCaseTypeSwitcher, toOption, toOptions } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
-import React, { useState } from 'react';
+import React, { useContext, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { CaseValuesToWatch } from '../../shared/Constants';
 import { getChangedValueTooltip } from '../../shared/utils';
+import { PDFContext } from '../PDFContainer';
 const defaultProps = {
     id: '',
     className: '',
@@ -21,6 +22,7 @@ const defaultProps = {
 function CaseType(props) {
     const { t } = useTranslation();
     const [isCaseTypeInValid, setIsCaseTypeInValid] = useState(false);
+    const { isExportingPDF } = useContext(PDFContext);
     const validateCaseType = (selectedItem) => {
         setIsCaseTypeInValid(isEmpty(selectedItem));
     };
@@ -40,7 +42,7 @@ function CaseType(props) {
         React.createElement("h3", { className: "subheading subheading-sm" },
             React.createElement(Trans, null, "Support type"),
             React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, isLocalChange: localTypeChange, value: props.selectedType, getTooltipContent: getChangedValueTooltip(() => CaseValuesToWatch.type) }),
-            React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
+            React.createElement("span", { className: `form-required ${isExportingPDF ? 'hide-in-pdf' : ''}`, "aria-hidden": true }, "*")),
         React.createElement(Dropdown, { name: "get-support-type", placeholder: t(`Select`), title: t(`Select a category`), list: toOptions(props.allTypes || []), selectedItem: toOption(props.selectedType), disabled: props.hasError || props.isDisabled, isLoadingList: props.isFetching, isInValid: isCaseTypeInValid, required: true, onChange: onCaseTypeChange, onOuterClick: validateCaseType, "data-tracking-id": "case-details-type-selector" })));
 }
 CaseType.defaultProps = defaultProps;

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

@@ -1 +1 @@
-{"version":3,"file":"DateTime.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/DateTime.tsx"],"names":[],"mappings":"AAKA,UAAU,MAAM;IACZ,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;IAC/C,cAAc,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAiBD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC7B,WAAkB,EAClB,iBAA4C,EAC5C,cAAsC,EACtC,cAAmB,EACnB,MAAgB,GACnB,EAAE,MAAM,eAkBR"}
+{"version":3,"file":"DateTime.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/DateTime.tsx"],"names":[],"mappings":"AAOA,UAAU,MAAM;IACZ,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;IAC/C,cAAc,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAiBD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC7B,WAAkB,EAClB,iBAA4C,EAC5C,cAAsC,EACtC,cAAmB,EACnB,MAAgB,GACnB,EAAE,MAAM,eAqBR"}

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

@@ -1,7 +1,8 @@
 import { Tooltip } from '@patternfly/react-core';
 import InfoIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import { formatDateTime } from '@rh-support/utils';
-import React from 'react';
+import React, { useContext } from 'react';
+import { PDFContext } from '../PDFContainer';
 const defaultDateTimeFormat = {
     month: 'short',
     day: 'numeric',
@@ -12,10 +13,11 @@ const defaultDateTimeFormat = {
 };
 const defaultToolTipTimeFormat = Object.assign(Object.assign({}, defaultDateTimeFormat), { weekday: 'short', timeZoneName: 'short' });
 export default function DateTime({ showToolTip = true, toolTipTimeFormat = defaultToolTipTimeFormat, dateTimeFormat = defaultDateTimeFormat, dateTimeString = '', locale = 'en-us', }) {
+    const { isExportingPDF } = useContext(PDFContext);
     if (!dateTimeString)
         return React.createElement(React.Fragment, null);
     return (React.createElement(React.Fragment, null,
         React.createElement("time", { dateTime: dateTimeString }, formatDateTime(dateTimeString, locale, dateTimeFormat)),
         showToolTip && (React.createElement(Tooltip, { content: React.createElement("time", { dateTime: dateTimeString }, formatDateTime(dateTimeString, locale, toolTipTimeFormat)) },
-            React.createElement(InfoIcon, { className: "pf-u-ml-sm" })))));
+            React.createElement(InfoIcon, { className: `pf-u-ml-sm ${isExportingPDF ? 'hide-in-pdf' : ''}` })))));
 }

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":"AA0BA,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,eA8ejD"}
+{"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"}

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

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Alert, AlertVariant, Button, ButtonVariant, ExpandableSection, Label, ModalVariant, } from '@patternfly/react-core';
+import { Alert, AlertVariant, Button, ButtonVariant, ExpandableSection, Label } from '@patternfly/react-core';
 import { ToastNotification, useConfirmation } from '@rh-support/components';
 import { CloseCaseModal, fetchCaseSeverities, fetchCaseTypes, GlobalMetadataDispatchContext, GlobalMetadataStateContext, useCanEditCase, } from '@rh-support/react-context';
 import { AbilityContext, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
@@ -27,7 +27,6 @@ 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';
@@ -173,11 +172,8 @@ export default function CaseOverview(props) {
         else {
             yield confirm({
                 catchOnCancel: true,
-                title: t(`Update the status of the case?`),
-                description: t('Are you sure you want to change the case status to {{newStatus}}?', { newStatus }),
-                confirmText: t('Yes, confirm'),
-                cancelText: t('No, cancel'),
-                modalVariant: ModalVariant.small,
+                title: t(`Status has been changed`),
+                description: t('Are you sure you want to change this case status to {{newStatus}}?', { newStatus }),
             });
             updateStatusState(newStatus);
         }
@@ -233,7 +229,6 @@ 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"),
@@ -249,7 +244,7 @@ export default function CaseOverview(props) {
                                 : 'case-reopen-btn-case-details-overview' }),
                             React.createElement(Trans, null, isCaseInOpenState ? 'Close case' : 'Reopen case')))),
                 React.createElement("div", { className: `case-details-header-secondary push-bottom-narrow ${isExportingPDF && !viewAsCustomer ? 'hide-in-pdf' : ''}` },
-                    React.createElement("span", { className: "case-support-level" }, computeSupportLink())),
+                    React.createElement("span", { className: `case-support-level ${isExportingPDF ? 'hide-in-pdf' : ''}` }, computeSupportLink())),
                 React.createElement("div", { className: "case-details-summary push-bottom-narrow" },
                     React.createElement(Summary, { inlineEditable: true, hideLabel: true })),
                 canSeeManagedByPartnerFlag && (React.createElement(Label, { className: "push-right-narrow", color: "green" },

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

@@ -51,7 +51,7 @@ export function PDFContainer(props) {
                     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: "hide-in-pdf", "data-tracking-id": "export-case-as-pdf", onClick: openModal(caseNumber), disabled: isExportingPDF, icon: React.createElement(DownloadIcon, null), iconPosition: "right" },
+        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")));
     }
     const exportToPDF = () => {

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":"AAoBA,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAMD,iBAAS,cAAc,CAAC,KAAK,EAAE,MAAM,eAmIpC;kBAnIQ,cAAc;;;AAsIvB,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,eAqIpC;kBArIQ,cAAc;;;AAwIvB,eAAe,cAAc,CAAC"}

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

@@ -18,6 +18,7 @@ import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../../../context/CaseContext';
 import { useCaseUpdateErrorMessage } from '../../../../hooks/useCaseUpdateErrorMessage';
 import { updateCaseDetails } from '../../../../reducers/CaseReducer';
+import { PDFContext } from '../../PDFContainer';
 const defaultProps = {
     caseNumber: undefined,
 };
@@ -32,6 +33,7 @@ function CaseActionPlan(props) {
     const [actionPlanState, setActionPlan] = useState(actionPlan);
     const [formIsDirty, setFormIsDirty] = useState(false);
     const [isUpdating, setIsUpdating] = useState(false);
+    const { isExportingPDF } = useContext(PDFContext);
     useEffect(() => {
         if (actionPlan !== actionPlanState) {
             setActionPlan(actionPlanState);
@@ -85,9 +87,9 @@ function CaseActionPlan(props) {
             React.createElement(Trans, null, "Action plan")),
         !canUpdateActionPlan && (React.createElement("pre", { "aria-label": t('Case Action Plan'), dangerouslySetInnerHTML: commentMarkdown(actionPlan) })),
         canUpdateActionPlan && (React.createElement("form", null,
-            React.createElement("div", { className: "hide-in-pdf" },
+            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 })),
-            !isInternalWithoutSFDCUser && (React.createElement("div", { className: "hide-in-pdf push-top-narrow" },
+            !isInternalWithoutSFDCUser && (React.createElement("div", { className: `${isExportingPDF ? 'hide-in-pdf' : ''} push-top-narrow` },
                 React.createElement("button", { className: "btn btn-app btn-primary", onClick: updateCase, disabled: isActionPlanEmpty || isUpdating || !formIsDirty },
                     React.createElement(Trans, null, "Submit"),
                     " ",

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

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

@@ -7,23 +7,25 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { InputGroupText, InputGroupTextVariant, Spinner, TextInput, TextInputGroup, ValidatedOptions, } from '@patternfly/react-core';
+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 { NewInlineEdit, ToastNotification } from '@rh-support/components';
+import { PhoneInput, ToastNotification } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
 import isEqual from 'lodash/isEqual';
-import React, { useContext, useEffect, useState } from 'react';
+import React, { useContext, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import { PHONE_INSTRUCTION } from '../../../../constants/caseDetailsConstants';
 import { useCaseDispatch, useCaseSelector } from '../../../../context/CaseContext';
 import { useCaseUpdateErrorMessage } from '../../../../hooks/useCaseUpdateErrorMessage';
 import { PHONE_LIMIT } from '../../../../reducers/CaseConstNTypes';
 import { updateCaseDetails } from '../../../../reducers/CaseReducer';
 import { ContactPhoneNumberPopOver } from '../../../CaseInformation/ContactPhoneNumberPopOver';
+import { PDFContext } from '../../PDFContainer';
 export function CaseContactPhoneNumber() {
-    const { phone, caseNumber, contactSSOName, suppliedPhoneNumberVerified, isCaseOwnerUpdating } = useCaseSelector((state) => ({
-        phone: state.caseDetails.phone || '',
+    const { phoneCountryCode, phoneAreaCodePrefixLineNumber, caseNumber, contactSSOName, suppliedPhoneNumberVerified, isCaseOwnerUpdating, } = useCaseSelector((state) => ({
+        phoneCountryCode: state.caseDetails.phoneCountryCode || '',
+        phoneAreaCodePrefixLineNumber: state.caseDetails.phoneAreaCodePrefixLineNumber || '',
         caseNumber: state.caseDetails.caseNumber,
         contactSSOName: state.caseDetails.contactSSOName,
         suppliedPhoneNumberVerified: state.caseDetails.suppliedPhoneNumberVerified,
@@ -32,65 +34,94 @@ export function CaseContactPhoneNumber() {
     const { globalMetadataState: { loggedInUser }, } = useContext(GlobalMetadataStateContext);
     const canEditCase = useCanEditCase();
     const [isCasePhoneUpdating, setCasePhoneUpdating] = useState(false);
-    const [localPhoneState, setLocalPhoneState] = useState(phone);
+    const [localFullPhoneState, setLocalFullPhoneState] = useState(phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber);
+    const [localCountryCodeState, setLocalCountryCodeState] = useState(phoneCountryCode);
     const caseDispatch = useCaseDispatch();
     const caseUpdateError = useCaseUpdateErrorMessage();
     const { t } = useTranslation();
+    const { isExportingPDF } = useContext(PDFContext);
     // To handle phone change
-    const onPhoneChange = (phone) => __awaiter(this, void 0, void 0, function* () {
+    const onPhoneChange = (fullPhone) => __awaiter(this, void 0, void 0, function* () {
         if (canEditCase.alert())
             return;
-        setLocalPhoneState(phone);
+        setLocalFullPhoneState(fullPhone);
     });
+    const onCountryCodeChange = (countryCode) => {
+        if (canEditCase.alert())
+            return;
+        setLocalCountryCodeState(countryCode);
+    };
     const onSave = () => __awaiter(this, void 0, void 0, function* () {
         setCasePhoneUpdating(true);
+        const phoneLine = localFullPhoneState
+            .substring(localCountryCodeState.length, localFullPhoneState.length)
+            .trim();
+        const countryCode = localCountryCodeState.trim();
         try {
-            yield updateCaseDetails(caseDispatch, caseNumber, { phone: localPhoneState.trim() });
+            yield updateCaseDetails(caseDispatch, caseNumber, {
+                phoneCountryCode: countryCode,
+                phoneAreaCodePrefixLineNumber: phoneLine,
+            });
             setCasePhoneUpdating(false);
             ToastNotification.addSuccessMessage(t(`Phone number has been successfully updated`));
+            try {
+                contacts.updateContactBySSO(loggedInUser.data.ssoUsername, {
+                    supportPhoneCountryCode: countryCode,
+                    supportPhoneAreaCodePrefixLineNumber: phoneLine,
+                });
+            }
+            catch (e) {
+                // silently fails
+            }
         }
         catch (e) {
             setCasePhoneUpdating(false);
             caseUpdateError.showError(e, t(`Phone number failed to update`));
         }
     });
-    const onCancel = () => {
-        setLocalPhoneState(phone);
-    };
-    // Function to handle keyDown events
-    const handleKeyDown = (e) => __awaiter(this, void 0, void 0, function* () {
-        // Cancel on pressing esc
-        if (e.keyCode === 27) {
-            yield onCancel();
+    const onClear = () => __awaiter(this, void 0, void 0, function* () {
+        setLocalFullPhoneState('');
+        setLocalCountryCodeState('');
+        setCasePhoneUpdating(true);
+        try {
+            yield updateCaseDetails(caseDispatch, caseNumber, {
+                phoneCountryCode: '',
+                phoneAreaCodePrefixLineNumber: '',
+            });
+            setCasePhoneUpdating(false);
+            ToastNotification.addSuccessMessage(t(`Phone number has been successfully updated`));
+            try {
+                contacts.updateContactBySSO(loggedInUser.data.ssoUsername, {
+                    clearPhoneNumber: true,
+                });
+            }
+            catch (e) {
+                // silently fails
+            }
         }
-        // Save on pressing enter
-        else if (!isCasePhoneUpdating && e.keyCode === 13) {
-            yield onSave();
+        catch (e) {
+            setCasePhoneUpdating(false);
+            caseUpdateError.showError(e, t(`Phone number failed to update`));
         }
     });
-    useEffect(() => {
-        setLocalPhoneState(phone);
-    }, [phone]);
     const maxLengthErrorMessage = t('Phone number cannot be more than {{limit}} characters.', {
         limit: PHONE_LIMIT,
     });
     const isPhoneNeedsReview = contactSSOName === loggedInUser.data.ssoUsername && suppliedPhoneNumberVerified === 'Deferred';
-    return (React.createElement("div", { className: "form-group", style: { minWidth: '200px' } },
-        React.createElement(NewInlineEdit, { labelProps: { htmlFor: 'case-details-supplied-phone' }, labelContent: React.createElement(React.Fragment, null,
-                React.createElement(Trans, null, "Case owner's phone number"),
-                ContactPhoneNumberPopOver()), allowInlineEdit: false, hideSaveCancel: false, saveDisabled: isCasePhoneUpdating },
-            React.createElement(TextInputGroup, null,
-                React.createElement(TextInput, { value: localPhoneState || '', type: "text", className: "form-control", id: "case-details-supplied-phone", placeholder: "+1 555-555-5555", onChange: onPhoneChange, "data-tracking-id": "case-details-page-supplied-phone", isDisabled: isCasePhoneUpdating || isCaseOwnerUpdating, onKeyDown: handleKeyDown, validated: (localPhoneState === null || localPhoneState === void 0 ? void 0 : localPhoneState.length) > PHONE_LIMIT
-                        ? ValidatedOptions.error
-                        : isPhoneNeedsReview
-                            ? ValidatedOptions.warning
-                            : ValidatedOptions.default }),
-                !isCasePhoneUpdating ? (React.createElement(InputGroupText, { variant: InputGroupTextVariant.plain },
-                    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: (localPhoneState === null || localPhoneState === void 0 ? void 0 : localPhoneState.length) > PHONE_LIMIT || localPhoneState === phone },
-                        React.createElement(CheckIcon, null)),
-                    React.createElement("button", { className: "btn btn-app btn-link", type: "button", onClick: onCancel, "data-tracking-id": "case-details-page-supplied-phone-cancel" },
-                        React.createElement(TimesIcon, { color: "#6A6E73" })))) : (React.createElement(InputGroupText, { variant: InputGroupTextVariant.plain },
-                    React.createElement(Spinner, { isSVG: true, size: "lg", className: "pf-u-ml-2xl pf-u-mr-xl" })))),
-            (localPhoneState === null || localPhoneState === void 0 ? void 0 : localPhoneState.length) > PHONE_LIMIT ? (React.createElement("p", { className: "form-instructions form-invalid" }, maxLengthErrorMessage)) : (React.createElement("p", { className: "form-instructions" },
-                React.createElement(Trans, null, PHONE_INSTRUCTION))))));
+    return (React.createElement("div", { className: "form-group pf-u-pb-lg", 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: (localFullPhoneState === null || localFullPhoneState === void 0 ? void 0 : localFullPhoneState.length) > PHONE_LIMIT
+                    ? ValidatedOptions.error
+                    : isPhoneNeedsReview
+                        ? ValidatedOptions.warning
+                        : ValidatedOptions.default, isDisabled: isCasePhoneUpdating || isCaseOwnerUpdating, isLoading: isCasePhoneUpdating, "data-tracking-id": "case-details-page-supplied-phone" }),
+            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' : '' } },
+                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' : '' } },
+                React.createElement(TimesIcon, { color: "#6A6E73" }))),
+        (localFullPhoneState === null || localFullPhoneState === void 0 ? void 0 : localFullPhoneState.length) > PHONE_LIMIT && (React.createElement("p", { className: "form-instructions form-invalid" }, maxLengthErrorMessage))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"CaseOpenshiftClusterId.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseOpenshiftClusterId/CaseOpenshiftClusterId.tsx"],"names":[],"mappings":"AA2BA,wBAAgB,sBAAsB,gBAgSrC"}
+{"version":3,"file":"CaseOpenshiftClusterId.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseOpenshiftClusterId/CaseOpenshiftClusterId.tsx"],"names":[],"mappings":"AA4BA,wBAAgB,sBAAsB,gBAmSrC"}

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

@@ -22,6 +22,7 @@ import { getIsClusterIdInvalid, isClusterIdEnabledForProduct, } from '../../../.
 import { NoClusterIDReasonSelector } from '../../../../CaseManagement/NoClusterIDReasonSelector';
 import { discoverV4ClusterIdLink, discoverV4ClusterIdLinkError, isInvalidErrorMessage, v3Tov4TransitionLink, } from '../../../../CaseManagement/OpenShiftClusterId';
 import { OpenshiftDropdownV4 } from '../../../../CaseManagement/OpenshiftDropdownV4';
+import { PDFContext } from '../../../PDFContainer';
 export function CaseOpenshiftClusterId() {
     const caseUpdateError = useCaseUpdateErrorMessage();
     const { openshiftClusterID, product, version, caseNumber, openshiftClusterVersion, noClusterIdReason, noClusterIdReasonExplanation, selectedAccountDetails, description, } = useCaseSelector((state) => ({
@@ -52,6 +53,7 @@ export function CaseOpenshiftClusterId() {
     const previousSelectedReason = usePrevious(selectedReason);
     const previousProduct = usePrevious(product);
     const { t } = useTranslation();
+    const { isExportingPDF } = useContext(PDFContext);
     const clusterStateReset = () => {
         setSelectedReason('');
         setDontKnowSelected(false);
@@ -239,7 +241,7 @@ export function CaseOpenshiftClusterId() {
     }
     else {
         return (React.createElement(React.Fragment, null,
-            React.createElement(OpenshiftDropdownV4, { openshiftDisplayName: displayName.current, openshiftClusterIDState: localOpenshiftClusterIDState || selectedReason, onClusterIdStateUpdate: onClusterIdSave, isClusterIdInvalid: (isEmpty(localOpenshiftClusterIDState) && isEmpty(selectedReason)) || isClusterIdInvalid, clusterIdDropdownFormInstructions: clusterIdDropdownFormInstructions(), onClusterClear: resetClusterData, isV3: product !== 'OpenShift Container Platform', isDisabled: isClusterIdUpdating, noClusterIdReasonExplanation: noClusterIdReasonExplanation }),
+            React.createElement(OpenshiftDropdownV4, { openshiftDisplayName: displayName.current, openshiftClusterIDState: localOpenshiftClusterIDState || selectedReason, onClusterIdStateUpdate: onClusterIdSave, isClusterIdInvalid: (isEmpty(localOpenshiftClusterIDState) && isEmpty(selectedReason)) || isClusterIdInvalid, clusterIdDropdownFormInstructions: !isExportingPDF ? clusterIdDropdownFormInstructions() : undefined, onClusterClear: resetClusterData, isV3: product !== 'OpenShift Container Platform', isDisabled: isClusterIdUpdating, noClusterIdReasonExplanation: noClusterIdReasonExplanation }),
             noClusterIdReasonExplanation !== 'v3-cluster' &&
                 (dontKnowSelected || noClusterIdReasonExplanation || noClusterIdReason) && (React.createElement(NoClusterIDReasonSelector, { noClusterIdReasonExplanation: noClusterIdReasonExplanation, noClusterIdReason: noClusterIdReason, onReasonInputBoxChanged: debounceFn, onReasonChange: onReasonChange, isInValid: isInVaidNoClusterIdReason, isCustomer: isCustomer, isDisabled: isReasonUpdating })),
             React.createElement(LoadingIndicator, { show: isClusterIdUpdating, size: "xs" })));

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

@@ -1 +1 @@
-{"version":3,"file":"CaseReferenceNumber.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseReferenceNumber.tsx"],"names":[],"mappings":"AA2BA,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,MAAM,eAsLxD"}
+{"version":3,"file":"CaseReferenceNumber.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseReferenceNumber.tsx"],"names":[],"mappings":"AA4BA,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,MAAM,eA6LxD"}