@rh-support/troubleshoot 1.0.371-beta.7 → 1.1.0

package/README.md

@@ -18,4 +18,5 @@ export function TroubleshootApp(routeProps: RouteComponentProps<{}>) {
             <Troubleshoot routeProps={routeProps} basePath="/troubleshoot"/>
         </RootTroubleshootProvider>);
 }
+
 ```

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

@@ -69,7 +69,7 @@ function AccountSelector(props) {
                 React.createElement(Trans, null, "Account"),
                 ' ',
                 React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
-            canUseFindMyAccount && (React.createElement("button", { role: "link", className: "btn btn-link btn-app find-my-account pf-u-ml-auto", onClick: onFindMyAccountClick, disabled: selectedAccountDetails.isFetching, "data-tracking-id": "open-case-find-my-account" },
+            canUseFindMyAccount && (React.createElement("button", { role: "link", className: "btn btn-link btn-app find-my-account pf-u-ml-auto", onClick: onFindMyAccountClick, disabled: selectedAccountDetails.isFetching, "data-tracking-id": "get-support-find-my-account" },
                 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 })),

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

@@ -208,10 +208,10 @@ function OwnerSelector(props) {
         (selectedCaseGroupUsers.isFetching ||
             (!selectedCaseGroupUsers.isFetching && (selectedCaseGroupUsers.data || []).length > 0));
     return (React.createElement("div", { className: "form-group" },
-        React.createElement("label", { htmlFor: "open-case-owner" },
+        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 }, "*")),
-        showUsersWithSelectedGroupAccess ? (React.createElement(Typeahead, { id: "open-case-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": "open-case-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: "open-case-owner", name: "open-case-owner", className: "react-select-custom", isUpdating: isCaseOwnerUpdating, isInvalid: showValidationErrorAlert && 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-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: showValidationErrorAlert && isEmpty(selectedOwner.data) }))));
 }
 export { OwnerSelector };

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

@@ -107,7 +107,7 @@ export default function Case(props) {
     return (React.createElement(React.Fragment, null,
         isExportingPDF && React.createElement(CoverSpinner, null),
         React.createElement("div", { id: "rh-support-case" },
-            React.createElement("div", { className: "support-grid support-case" }, isFetchingCaseDetails && !isFetchingCaseDetailsError && isEmpty(product) ? (React.createElement(OverviewContentLoader, null)) : (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "support-grid-case-details support-case" }, isFetchingCaseDetails && !isFetchingCaseDetailsError && isEmpty(product) ? (React.createElement(OverviewContentLoader, null)) : (React.createElement(React.Fragment, null,
                 React.createElement("article", { className: "grid-main" },
                     React.createElement("section", { className: "grid-main-section" },
                         (isFetchingCaseDetailsError || !canReadCase) && (React.createElement(CaseDetailsErrorMessage, { isError: isFetchingCaseDetailsError, errorDetails: caseDetailsError, canReadCase: canReadCase, caseNumber: caseNumber, isInlineError: true })),

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

@@ -1 +1 @@
-{"version":3,"file":"CaseDetailsAside.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsAside.tsx"],"names":[],"mappings":"AA4BA,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAMD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,eA+T7C"}
+{"version":3,"file":"CaseDetailsAside.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsAside.tsx"],"names":[],"mappings":"AA6BA,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAMD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,eA+T7C"}

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

@@ -22,6 +22,7 @@ import { isEmpty } from 'lodash';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
+import { Link } from 'react-router-dom';
 import { useCaseSelector } from '../../context/CaseContext';
 import { useCaseDetailsPageStateContext } from '../../context/CaseDetailsPageContext';
 import { useRecommendationStateContext } from '../../context/RecommendationContext';
@@ -139,7 +140,7 @@ export function CaseDetailsAside(props) {
             ToastNotification.addSuccessMessage(t('Successfully set the default case view'), React.createElement("p", null,
                 React.createElement(Trans, null,
                     "You can view these settings in ",
-                    React.createElement("a", { href: "/support/cases/#/manage/preferences" }, "Preferences"))));
+                    React.createElement(Link, { to: '/manage/preferences' }, "Preferences"))));
         }
         catch (error) {
             console.log(error);

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,eAmD9B;kBAnDQ,QAAQ;;;AAsDjB,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;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"}

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

@@ -8,7 +8,7 @@ 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 { toOldCaseTypeSwitcher, toOption, toOptions } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import React, { useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -25,10 +25,11 @@ function CaseType(props) {
         setIsCaseTypeInValid(isEmpty(selectedItem));
     };
     const onCaseTypeChange = (option) => __awaiter(this, void 0, void 0, function* () {
-        if (option.value === props.selectedType) {
+        const switchedCaseType = toOldCaseTypeSwitcher(option.value);
+        if (switchedCaseType === props.selectedType) {
             return;
         }
-        yield props.onTypeChange(option.value);
+        yield props.onTypeChange(switchedCaseType);
         setLocalTypeChange(true);
         validateCaseType(option);
     });
@@ -37,10 +38,10 @@ function CaseType(props) {
     const afterLocalChange = () => setLocalTypeChange(false);
     return (React.createElement("div", { className: `form-group ${props.className}`, id: `${props.id}` },
         React.createElement("h3", { className: "subheading subheading-sm" },
-            React.createElement(Trans, null, "Case type"),
+            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(Dropdown, { name: "open-case-type", placeholder: t(`Select`), title: t(`Select a category`), list: props.allTypes ? 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" })));
+        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;
 export default CaseType;

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":"AAaA,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,eAqejD"}
+{"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,eAyejD"}

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

@@ -11,7 +11,7 @@ import { Alert, AlertVariant, Button, ButtonVariant, ExpandableSection, Label }
 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';
-import { haventLoadedMetadata, isOpenShiftOnlineProduct } from '@rh-support/utils';
+import { haventLoadedMetadata, isOpenShiftOnlineProduct, toNewCaseTypeMapper, toNewCaseTypeSwitcher, } from '@rh-support/utils';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useReducer, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -74,6 +74,7 @@ export default function CaseOverview(props) {
     const { isCaseUpdating, contactIsPartner, hotfixRequested, hotfixDelivered, selectedAccountDetails, caseDetails: { firstCaseInactivityWarningSentAt, secondCaseInactivityWarningSentAt }, } = caseState;
     const globalMetadataDispatchContext = useContext(GlobalMetadataDispatchContext);
     const { globalMetadataState: { allCaseTypes, allCaseSeverities, viewAsCustomer, loggedInUsersAccount, loggedInUserRights, }, } = useContext(GlobalMetadataStateContext);
+    const switchedCaseType = toNewCaseTypeSwitcher(caseType);
     const updatingUser = loggedInUsersAccount.data.name;
     const canSeeManagedByPartnerFlag = contactIsPartner &&
         ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_MANAGED_BY_PARTNER_FLAG);
@@ -111,11 +112,11 @@ export default function CaseOverview(props) {
         try {
             yield updateCaseDetails(caseDispatch, props.caseNumber, { caseType: type });
             setTypeUpdating(caseOverviewDispatch, false);
-            ToastNotification.addSuccessMessage(t('Case type has been successfully updated'));
+            ToastNotification.addSuccessMessage(t('Support type has been successfully updated'));
         }
         catch (e) {
             setTypeUpdating(caseOverviewDispatch, false);
-            caseUpdateError.showError(e, t('Case type failed to update'));
+            caseUpdateError.showError(e, t('Support type failed to update'));
         }
     });
     const onSeverityChange = (payLoad) => __awaiter(this, void 0, void 0, function* () {
@@ -210,6 +211,8 @@ export default function CaseOverview(props) {
         return (React.createElement("a", { href: link, target: "_blank", className: "show-target", rel: "noopener noreferrer", "data-tracking-id": "case-details-support-level-info" }, linkText));
     };
     const isCaseInOpenState = status !== CaseStatusEnum.CLOSED;
+    // To switch from old case type to new support type
+    const newCaseTypesArray = toNewCaseTypeMapper(allCaseTypes.data).sort();
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: "case-overview push-bottom-wide" },
             React.createElement("div", { className: "case-overview-header" },
@@ -277,9 +280,9 @@ export default function CaseOverview(props) {
                     React.createElement("div", { className: "form-wrapper" },
                         React.createElement(CaseStatus, { selectedStatus: status, onStatusChange: onStatusChange, isDisabled: !canManageCase || caseOverviewState.allCaseStatuses.isFetching, allStatuses: caseOverviewState.allCaseStatuses.data, isFetching: caseOverviewState.caseStatusUpdating && isCaseUpdating, hasError: caseOverviewState.allCaseStatuses.isError })),
                     React.createElement("div", { className: "form-wrapper" },
-                        React.createElement(CaseType, { selectedType: caseType, onTypeChange: onTypeChange, isDisabled: !canManageCase || allCaseTypes.isFetching, allTypes: allCaseTypes.data, isFetching: caseOverviewState.caseTypeUpdating && isCaseUpdating, hasError: allCaseTypes.isError })),
+                        React.createElement(CaseType, { selectedType: switchedCaseType, onTypeChange: onTypeChange, isDisabled: !canManageCase || allCaseTypes.isFetching, allTypes: newCaseTypesArray, isFetching: caseOverviewState.caseTypeUpdating && isCaseUpdating, hasError: allCaseTypes.isError })),
                     React.createElement("div", { className: "form-wrapper" },
-                        React.createElement(Severity, { onCaseDetailsPage: true, onSeverityChange: onSeverityChange, isDisabled: !canManageCase, isFetching: caseOverviewState.caseSeverityUpdating && isCaseUpdating })))),
+                        React.createElement(Severity, { onSeverityChange: onSeverityChange, isDisabled: !canManageCase, isFetching: caseOverviewState.caseSeverityUpdating && isCaseUpdating })))),
             React.createElement(ExpandableSection, { className: "case-details-main", toggleText: t('Case information'), isExpanded: isDetailsExpanded, onToggle: onToggleDetails },
                 React.createElement(CaseInformation, null))),
         showCloseCaseModal && (React.createElement(CloseCaseModal, { onConfirm: (commentBody) => __awaiter(this, void 0, void 0, function* () {

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

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

@@ -36,6 +36,7 @@ export function CaseContactPhoneNumber() {
     const caseDispatch = useCaseDispatch();
     const caseUpdateError = useCaseUpdateErrorMessage();
     const { t } = useTranslation();
+    // To handle phone change
     const onPhoneChange = (phone) => __awaiter(this, void 0, void 0, function* () {
         if (canEditCase.alert())
             return;

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

@@ -11,10 +11,10 @@ import { RHAssociatesSelector } from '../../../CaseManagement/RHAssociatesSelect
 import CaseContactSelector from '../../../CaseManagement/SendNotifications/CaseContactSelector';
 import { PartnerCaseHelper } from '../../ShareCase/PartnerCaseHelper';
 import { ShareWithPartner } from '../../ShareCase/PartnerShare';
-import CaseAlternateId from './CaseAlternateId';
 import { CaseContactPhoneNumber } from './CaseContactPhoneNumber';
 import CaseInternalStatus from './CaseInternalStatus';
 import { CaseContactPhoneNumberAlert } from './CasePhoneNumberConfirmAlert';
+import CaseReferenceNumber from './CaseReferenceNumber';
 import CaseSbrGroups from './CaseSbrGroups';
 export default function CaseDetailsManagement(props) {
     const [isUpdatingPartner, setIsUpdatingPartner] = useState(false);
@@ -42,7 +42,7 @@ export default function CaseDetailsManagement(props) {
                 canSeeInternalStatus && React.createElement(CaseInternalStatus, null),
                 canSeeSBRGroups && React.createElement(CaseSbrGroups, null),
                 React.createElement(CaseGroup, null),
-                React.createElement(CaseAlternateId, null),
+                React.createElement(CaseReferenceNumber, null),
                 canSeeEmailNotifications && React.createElement(CaseContactSelector, null),
                 React.createElement(RHAssociatesSelector, null),
                 React.createElement(Fts, { inlineEditable: true }),

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

@@ -1 +1 @@
-{"version":3,"file":"CaseInformation.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseInformation.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAa5D,UAAU,MAAO,SAAQ,gBAAgB;CAAG;AAE5C,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,eAsD5C"}
+{"version":3,"file":"CaseInformation.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseInformation.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAe5D,UAAU,MAAO,SAAQ,gBAAgB;CAAG;AAE5C,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,eAqE5C"}

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

@@ -2,10 +2,12 @@ import { encodeAngularBrackets, linkifyBZIDs, linkifyWithCaseIDs } from '@cee-en
 import { MoreOrLess } from '@rh-support/components';
 import { useGlobalStateContext } from '@rh-support/react-context';
 import { ability, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
+import { PreviousCaseTypes } from '@rh-support/utils';
 import { isEqual } from 'lodash';
 import React from 'react';
 import { Trans } from 'react-i18next';
 import { useCaseSelector } from '../../../../context/CaseContext';
+import { KtQuestionConstant } from '../../../../reducers/CaseConstNTypes';
 import { isClusterIdEnabledForProduct } from '../../../../utils/caseOpenshiftClusterIdUtils';
 import EditDescription from '../../../EditDescription/EditDescription';
 import { CaseHostname } from './CaseHostname';
@@ -13,11 +15,20 @@ import { CaseOpenshiftClusterId } from './CaseOpenshiftClusterId/CaseOpenshiftCl
 import ProductVersion from './ProductVersion';
 export function CaseInformation(props) {
     var _a;
-    const { product, description } = useCaseSelector((state) => ({
+    const { product, description, caseType } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         description: state.caseDetails.description,
+        caseType: state.caseDetails.caseType,
     }), isEqual);
     const { globalMetadataState: { navBarRef, allProducts }, } = useGlobalStateContext();
+    // To replace description KTQ for Idea
+    const replaceDescriptionHeading = (description) => {
+        let ideaHeading = KtQuestionConstant.ideaIssue;
+        let normalHeading = KtQuestionConstant.issue;
+        let replacedDescription = description === null || description === void 0 ? void 0 : description.replace(normalHeading, ideaHeading);
+        const finalDescription = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT ? replacedDescription : description;
+        return finalDescription;
+    };
     const linkifiedDescription = (text) => {
         text = encodeAngularBrackets(text);
         text = linkifyWithCaseIDs(text);
@@ -36,6 +47,6 @@ export function CaseInformation(props) {
                     React.createElement(Trans, null, "Description")),
                 React.createElement(MoreOrLess, { maxHeight: 600, appStickyHeaderRef: navBarRef },
                     React.createElement("pre", { id: "case-description" },
-                        React.createElement("div", { dangerouslySetInnerHTML: linkifiedDescription(description) }))))) : (React.createElement(MoreOrLess, { maxHeight: 600, appStickyHeaderRef: navBarRef },
+                        React.createElement("div", { dangerouslySetInnerHTML: linkifiedDescription(replaceDescriptionHeading(description)) }))))) : (React.createElement(MoreOrLess, { maxHeight: 600, appStickyHeaderRef: navBarRef },
                 React.createElement(EditDescription, { inlineEditable: true })))))));
 }

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

@@ -0,0 +1,7 @@
+interface IProps {
+    inlineEditable?: boolean;
+    hideSaveCancel?: boolean;
+}
+export default function CaseReferenceNumber(props: IProps): JSX.Element;
+export {};
+//# sourceMappingURL=CaseReferenceNumber.d.ts.map

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

@@ -0,0 +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"}

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/{CaseAlternateId.js → CaseReferenceNumber.js}

@@ -18,75 +18,74 @@ import React, { useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../../../context/CaseContext';
 import { useCaseUpdateErrorMessage } from '../../../../hooks/useCaseUpdateErrorMessage';
-import { ALTERNATE_CASE_ID_LIMIT } from '../../../../reducers/CaseConstNTypes';
+import { CASE_REFERENCE_NUMBER_LIMIT } from '../../../../reducers/CaseConstNTypes';
 import { setCaseDetails, updateCaseDetails } from '../../../../reducers/CaseReducer';
 import { CaseValuesToWatch } from '../../../shared/Constants';
 import { getChangedValueTooltip } from '../../../shared/utils';
-const defaultProps = {
-    inlineEditable: true,
-    hideSaveCancel: true,
-};
-function CaseAlternateId(props) {
+export default function CaseReferenceNumber(props) {
+    const { hideSaveCancel = true, inlineEditable = true } = props;
     const { t } = useTranslation();
     const caseUpdateError = useCaseUpdateErrorMessage();
-    const { alternateId, caseNumber } = useCaseSelector((state) => ({
-        alternateId: state.caseDetails.alternateId,
+    const { referenceNumber, caseNumber } = useCaseSelector((state) => ({
+        referenceNumber: state.caseDetails.alternateId,
         caseNumber: state.caseDetails.caseNumber,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
     const [isUpdating, setIsUpdating] = useState(false);
-    const [alternateIdState, setAlternateIdState] = useState(alternateId);
+    const [referenceNumberState, setReferenceNumberState] = useState(referenceNumber);
     // value changed logic to show a none local type change
-    const [localAltIDChange, setLocalAltIDChange] = useState(false);
-    const afterLocalChange = () => setLocalAltIDChange(false);
+    const [localRefNumberChange, setLocalRefNumberChange] = useState(false);
+    const afterLocalChange = () => setLocalRefNumberChange(false);
     const canEditCase = useCanEditCase();
     // To keep track of Cancel button state to close InlineEdit input mode
     const [isCancelClicked, setIsCancelClicked] = useState(false);
     // To keep track of Save button state to close InlineEdit input mode
     const [isSaveClicked, setIsSaveClicked] = useState(false);
     useEffect(() => {
-        if (alternateId !== alternateIdState) {
-            setAlternateIdState(alternateId);
+        if (referenceNumber !== referenceNumberState) {
+            setReferenceNumberState(referenceNumber);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [alternateId]);
+    }, [referenceNumber]);
     // Function to handle when Alternate ID changes
-    const onAlternateIdChange = (value) => {
+    const onReferenceNumberChange = (value) => {
         if (canEditCase.alert())
             return;
-        setAlternateIdState(value);
+        setReferenceNumberState(value);
         !caseNumber && setCaseDetails(caseDispatch, { alternateId: value === null || value === void 0 ? void 0 : value.trim() });
     };
-    const updateAlternateId = () => __awaiter(this, void 0, void 0, function* () {
+    const updateReferenceNumber = () => __awaiter(this, void 0, void 0, function* () {
         try {
             setIsUpdating(true);
-            const caseDetails = { alternateId: alternateIdState === null || alternateIdState === void 0 ? void 0 : alternateIdState.trim() };
+            const caseDetails = { alternateId: referenceNumberState === null || referenceNumberState === void 0 ? void 0 : referenceNumberState.trim() };
             yield updateCaseDetails(caseDispatch, caseNumber, caseDetails);
-            ToastNotification.addSuccessMessage(t(`Alternate case ID has been successfully updated`));
+            ToastNotification.addSuccessMessage(t(`Personal reference number has been successfully updated`));
             setIsUpdating(false);
         }
         catch (e) {
-            caseUpdateError.showError(e, t('Alternate case ID failed to update'));
+            caseUpdateError.showError(e, t('Personal reference number failed to update'));
             setIsUpdating(false);
             throw e;
         }
     });
     const onSave = () => __awaiter(this, void 0, void 0, function* () {
         if (caseNumber) {
-            yield updateAlternateId();
+            yield updateReferenceNumber();
         }
-        setLocalAltIDChange(true);
+        setLocalRefNumberChange(true);
         setIsSaveClicked(!isSaveClicked);
     });
     const onCancel = () => {
-        setAlternateIdState(alternateId);
+        setReferenceNumberState(referenceNumber);
         setIsCancelClicked(!isCancelClicked);
     };
-    const maxLengthErrorMessage = t('Alternate case ID cannot be more than {{limit}} characters.', {
-        limit: ALTERNATE_CASE_ID_LIMIT,
+    const maxLengthErrorMessage = t('Personal reference number cannot be more than {{limit}} characters.', {
+        limit: CASE_REFERENCE_NUMBER_LIMIT,
     });
     // Conditions to disable save button
-    const saveDisabled = alternateIdState === alternateId || isUpdating || (alternateIdState === null || alternateIdState === void 0 ? void 0 : alternateIdState.length) > ALTERNATE_CASE_ID_LIMIT;
+    const saveDisabled = referenceNumberState === referenceNumber ||
+        isUpdating ||
+        (referenceNumberState === null || referenceNumberState === void 0 ? void 0 : referenceNumberState.length) > CASE_REFERENCE_NUMBER_LIMIT;
     // Function to handle keyDown events
     const handleKeyDown = (e) => __awaiter(this, void 0, void 0, function* () {
         // Cancel on pressing esc
@@ -98,15 +97,16 @@ function CaseAlternateId(props) {
             yield onSave();
         }
     });
-    return (React.createElement(React.Fragment, null,
-        React.createElement(NewInlineEdit, { labelProps: { htmlFor: 'case-details-alternate-id' }, labelContent: React.createElement(React.Fragment, null,
-                React.createElement(Trans, null, "Alternate case ID"),
-                React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, isLocalChange: localAltIDChange, value: alternateId, getTooltipContent: getChangedValueTooltip(() => CaseValuesToWatch.altID) }),
+    const isReferenceNumberValid = (referenceNumberState === null || referenceNumberState === void 0 ? void 0 : referenceNumberState.length) > CASE_REFERENCE_NUMBER_LIMIT;
+    return (React.createElement("div", null,
+        React.createElement(NewInlineEdit, { formClassName: "case-details-ref-number", labelProps: { htmlFor: 'case-details-reference-number' }, labelContent: React.createElement(React.Fragment, null,
+                React.createElement(Trans, null, "Personal reference number"),
+                React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, isLocalChange: localRefNumberChange, value: referenceNumber, getTooltipContent: getChangedValueTooltip(() => CaseValuesToWatch.altID) }),
                 ' ',
                 React.createElement(Tooltip, { trigger: 'mouseenter focus', position: TooltipPosition.top, content: React.createElement(Trans, null, "Add your internal tracking ID to better identify and organize support issues.") },
-                    React.createElement(InfoIcon, { className: "pf-u-ml-sm", "aria-label": "Case Alternate ID" }))), allowInlineEdit: props.inlineEditable, content: alternateId || t('No Alternate case ID to display.'), hideSaveCancel: props.hideSaveCancel, saveDisabled: saveDisabled, charCount: (alternateIdState === null || alternateIdState === void 0 ? void 0 : alternateIdState.length) || 0, charTotal: ALTERNATE_CASE_ID_LIMIT, cancelToggleState: isCancelClicked, saveToggleState: isSaveClicked },
+                    React.createElement(InfoIcon, { className: "pf-u-ml-sm", "aria-label": "Case Alternate ID" }))), allowInlineEdit: inlineEditable, content: referenceNumber || t('No personal reference number to display.'), hideSaveCancel: hideSaveCancel, saveDisabled: saveDisabled, charCount: (referenceNumberState === null || referenceNumberState === void 0 ? void 0 : referenceNumberState.length) || 0, charTotal: CASE_REFERENCE_NUMBER_LIMIT, cancelToggleState: isCancelClicked, saveToggleState: isSaveClicked },
             React.createElement(TextInputGroup, null,
-                React.createElement(TextInput, { value: alternateIdState, type: "text", className: "form-control", id: "case-details-alternate-id", placeholder: t(`Enter your case tracking number or internal incident ID`), onChange: onAlternateIdChange, "data-tracking-id": "case-details-alternate-id", isDisabled: isUpdating, onKeyDown: handleKeyDown, validated: (alternateIdState === null || alternateIdState === void 0 ? void 0 : alternateIdState.length) > ALTERNATE_CASE_ID_LIMIT
+                React.createElement(TextInput, { value: referenceNumberState, type: "text", className: "form-control", id: "case-details-reference-number", placeholder: t(`Enter the reference number used personally or within your company`), onChange: onReferenceNumberChange, "data-tracking-id": "case-details-reference-number", isDisabled: isUpdating, onKeyDown: handleKeyDown, validated: (referenceNumberState === null || referenceNumberState === void 0 ? void 0 : referenceNumberState.length) > CASE_REFERENCE_NUMBER_LIMIT
                         ? ValidatedOptions.error
                         : ValidatedOptions.default }),
                 !isUpdating ? (React.createElement(InputGroupText, { variant: InputGroupTextVariant.plain },
@@ -115,9 +115,8 @@ function CaseAlternateId(props) {
                     React.createElement("button", { className: "btn btn-app btn-link", type: "button", onClick: onCancel },
                         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" }))))),
-        (alternateIdState === null || alternateIdState === void 0 ? void 0 : alternateIdState.length) > ALTERNATE_CASE_ID_LIMIT && (React.createElement("div", { className: "pull-top" },
+        isReferenceNumberValid ? (React.createElement("div", { className: "pull-top" },
             React.createElement("p", { className: "form-instructions form-invalid" },
-                React.createElement(Trans, null, maxLengthErrorMessage))))));
+                React.createElement(Trans, null, maxLengthErrorMessage)))) : (React.createElement("p", { className: "form-instructions" },
+            React.createElement(Trans, null, "Add a personal or company reference number to help you connect, organize, and track cases.")))));
 }
-CaseAlternateId.defaultProps = defaultProps;
-export default CaseAlternateId;

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

@@ -152,11 +152,11 @@ function CaseGroup(props) {
         }
     });
     return (React.createElement("div", { className: "form-group" },
-        React.createElement("label", { htmlFor: "open-case-folder" },
+        React.createElement("label", { htmlFor: "get-support-group" },
             React.createElement(Trans, null, "Group"),
             React.createElement(ValueChangedIcon, { afterLocalChange: afterGroupLocalChange, comparator: groupComparator, isLocalChange: localGroupChange, value: selectedCaseGroup, getTooltipContent: getChangedValueTooltip(() => CaseValuesToWatch.group, (v) => v.name) }),
             isGroupMandatory && (React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))),
-        React.createElement(Dropdown, { id: "open-case-folder", searchable: (ownersCaseGroups.data || []).length > 10, onClearSelection: onCaseGroupClear, name: "open-case-folder", placeholder: t(`Select a group`), title: t(`Select a group`), list: computeDropdownList(), selectedItem: toOption(selectedCaseGroup, { labelKey: 'name' }), disabled: ownersCaseGroups.isError || ownersCaseGroups.isFetching || isCaseGroupUpdating, isLoadingList: ownersCaseGroups.isFetching || isCaseGroupUpdating, onChange: onCaseGroupChange, isInValid: (ownersCaseGroups.isError || isCaseGroupInvalid || isSelectedUngroupedInvalid) && isGroupMandatory, required: isGroupMandatory, onOuterClick: onOuterClickGroupCheck, "data-tracking-id": "open-case-folder" }),
+        React.createElement(Dropdown, { id: "get-support-group", searchable: (ownersCaseGroups.data || []).length > 10, onClearSelection: onCaseGroupClear, name: "get-support-group", placeholder: t(`Select a group`), title: t(`Select a group`), list: computeDropdownList(), selectedItem: toOption(selectedCaseGroup, { labelKey: 'name' }), disabled: ownersCaseGroups.isError || ownersCaseGroups.isFetching || isCaseGroupUpdating, isLoadingList: ownersCaseGroups.isFetching || isCaseGroupUpdating, onChange: onCaseGroupChange, isInValid: (ownersCaseGroups.isError || isCaseGroupInvalid || isSelectedUngroupedInvalid) && isGroupMandatory, required: isGroupMandatory, onOuterClick: onOuterClickGroupCheck, "data-tracking-id": "get-support-group" }),
         isSelectedUngroupedInvalid && (React.createElement("p", { className: "form-instructions form-invalid" },
             React.createElement(Trans, null, "'Ungrouped Case' cannot be selected. Please select a group."))),
         isCaseGroupInvalid && isGroupMandatory && (React.createElement("p", { className: "form-instructions form-invalid" },

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

@@ -1 +1 @@
-{"version":3,"file":"CaseInformation.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/CaseInformation.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAavD,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC;CACnC;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,eA6HpD"}
+{"version":3,"file":"CaseInformation.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/CaseInformation.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAUvD,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC;CACnC;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,eAiHpD"}

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

@@ -7,14 +7,11 @@ import React, { useContext, useEffect } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { AppMetadataStateContext } from '../../context/AppMetadataContext';
 import { useCaseSelector } from '../../context/CaseContext';
-import { RouteContext } from '../../context/RouteContext';
 import { OpenShiftClusterId } from '../CaseManagement/OpenShiftClusterId';
 import { Hostname } from '../ImproveCase/Hostname';
 import KtQuestions from '../ImproveCase/KtQuestions';
-import { AllProductsSelector } from '../ProductSelector/AllProductsSelector';
+import ClusterRecommendations from '../Recommendations/ClusterRecommendations';
 import Description from './Description';
-import { FileDiag } from './FileDiag';
-import OpenCaseIssue from './OpenCaseIssue';
 export default function CaseInformation(props) {
     const { t } = useTranslation();
     const { appMetadataState: { nextButtonRef }, } = useContext(AppMetadataStateContext);
@@ -26,7 +23,6 @@ export default function CaseInformation(props) {
         selectedAccountDetails: state.selectedAccountDetails,
         hasInvalidEntitlements: state.hasInvalidEntitlements,
     }), isEqual);
-    const { routeState: { skippedTroubleshooting }, } = useContext(RouteContext);
     const isMetadataLoading = () => {
         return !isMetadataLoadingError() && (loggedInUser.isFetching || selectedAccountDetails.isFetching);
     };
@@ -89,11 +85,9 @@ export default function CaseInformation(props) {
             !isMetadataLoadingError() &&
             canManageCase(loggedInUserJwtToken) && (React.createElement(React.Fragment, null,
             React.createElement("form", { onSubmit: handleFormSubmit },
-                skippedTroubleshooting && (React.createElement(AllProductsSelector, { isDropdownSelected: true, routeProps: props.routeProps, loadTCOnChange: true, checkEntitledProduct: true })),
-                React.createElement(OpenShiftClusterId, null),
                 React.createElement(Hostname, null),
-                skippedTroubleshooting && React.createElement(OpenCaseIssue, { inlineEditable: false, required: true }),
+                React.createElement(OpenShiftClusterId, null),
+                React.createElement(ClusterRecommendations, { className: "push-bottom" }),
                 React.createElement(Description, { inlineEditable: false }),
-                React.createElement(KtQuestions, null),
-                React.createElement(FileDiag, null))))));
+                React.createElement(KtQuestions, null))))));
 }

package/lib/esm/components/CaseInformation/CaseType.d.ts

@@ -1,4 +1,5 @@
 interface IProps {
+    hideIdea?: boolean;
 }
 export default function CaseType(props: IProps): JSX.Element;
 export {};

package/lib/esm/components/CaseInformation/CaseType.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseType.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/CaseType.tsx"],"names":[],"mappings":"AAYA,UAAU,MAAM;CAAG;AAEnB,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,MAAM,eAsD7C"}
+{"version":3,"file":"CaseType.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/CaseType.tsx"],"names":[],"mappings":"AAmBA,UAAU,MAAM;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,MAAM,eAoE7C"}

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

@@ -1,6 +1,6 @@
 import { Dropdown } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
-import { toOption, toOptions } from '@rh-support/utils';
+import { PreviousCaseTypes, toNewCaseTypeMapper, toNewCaseTypeSwitcher, toOldCaseTypeSwitcher, toOption, toOptions, } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import React, { useContext, useMemo, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -20,22 +20,31 @@ export default function CaseType(props) {
             setCaseDetails(caseDispatch, caseDetails);
         };
         const onCaseTypeChange = (option) => {
-            onCaseDetailsChange({ caseType: option.value });
+            const selectedOldCaseTypeValue = toOldCaseTypeSwitcher(option.value);
+            onCaseDetailsChange({ caseType: selectedOldCaseTypeValue });
             validateCaseType(option);
         };
+        // To convert selected case type to new case type
+        const selectedNewCaseType = toNewCaseTypeSwitcher(caseType);
+        // To convert all case types to new case types
+        const mappedSupportTypes = toNewCaseTypeMapper(props.hideIdea
+            ? allCaseTypes.data.filter((type) => type !== PreviousCaseTypes.FEATURE_ENHANCEMENT)
+            : allCaseTypes.data).sort();
+        const newCaseTypes = toOptions(mappedSupportTypes);
         return (React.createElement("div", { className: "form-group" },
-            React.createElement("label", { htmlFor: "open-case-type" },
-                React.createElement(Trans, null, "Case type"),
+            React.createElement("label", { htmlFor: "get-support-type" },
+                React.createElement(Trans, null, "Support type"),
                 ' ',
                 React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
-            React.createElement(Dropdown, { id: "open-case-type", name: "open-case-type", placeholder: t(`Select a category`), title: t(`Select a category`), list: allCaseTypes.data ? toOptions(allCaseTypes.data) : [], selectedItem: toOption(caseType), disabled: allCaseTypes.isError, isLoadingList: allCaseTypes.isFetching, isInValid: isCaseTypeInValid, required: true, onChange: onCaseTypeChange, onOuterClick: validateCaseType, "data-tracking-id": "open-case-type" })));
+            React.createElement(Dropdown, { id: "get-support-type", name: "get-support-type", placeholder: t(`Select a category`), title: t(`Select a category`), list: allCaseTypes.data ? newCaseTypes : [], selectedItem: toOption(selectedNewCaseType), disabled: allCaseTypes.isError, isLoadingList: allCaseTypes.isFetching, isInValid: isCaseTypeInValid, required: true, onChange: onCaseTypeChange, onOuterClick: validateCaseType, "data-tracking-id": "get-support-type" })));
     }, [
         allCaseTypes.data,
         allCaseTypes.isError,
         allCaseTypes.isFetching,
-        caseType,
         isCaseTypeInValid,
         caseDispatch,
+        caseType,
+        props.hideIdea,
         t,
     ]);
 }

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

@@ -18,6 +18,7 @@ import { PHONE_LIMIT } from '../../reducers/CaseConstNTypes';
 import { setCaseDetails } from '../../reducers/CaseReducer';
 import { ContactPhoneNumberPopOver } from './ContactPhoneNumberPopOver';
 export function ContactPhoneNumber() {
+    var _a;
     const { caseDetails } = useCaseSelector((state) => ({
         caseDetails: state.caseDetails,
         selectedOwner: state.selectedOwner,
@@ -34,7 +35,7 @@ export function ContactPhoneNumber() {
         React.createElement("h3", { className: "subheading subheading-sm" },
             React.createElement(Trans, null, "Case owner's phone number"),
             ContactPhoneNumberPopOver()),
-        React.createElement(TextInput, { id: "case-phone-number", placeholder: "+1 555-555-5555", value: caseDetails.phone, onChange: handlePhoneChange, validated: caseDetails.phone.length > PHONE_LIMIT
+        React.createElement(TextInput, { id: "case-phone-number", placeholder: "+1 555-555-5555", value: caseDetails.phone, onChange: handlePhoneChange, validated: ((_a = caseDetails.phone) === null || _a === void 0 ? void 0 : _a.length) > PHONE_LIMIT
                 ? ValidatedOptions.error
                 : caseDetails.severity === "1 (Urgent)" /* SEV_1 */ &&
                     isEmpty(caseDetails.suppliedPhoneNumberVerified)

package/lib/esm/components/CaseInformation/ContactPhoneNumberAlert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContactPhoneNumberAlert.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/ContactPhoneNumberAlert.tsx"],"names":[],"mappings":"AAWA,wBAAgB,uBAAuB,gBAyDtC"}
+{"version":3,"file":"ContactPhoneNumberAlert.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/ContactPhoneNumberAlert.tsx"],"names":[],"mappings":"AAWA,wBAAgB,uBAAuB,gBAwDtC"}

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

@@ -15,7 +15,7 @@ export function ContactPhoneNumberAlert() {
         setCaseDetails(caseDispatch, caseDetails);
     };
     useEffect(() => {
-        if (caseDetails.severity === "1 (Urgent)" /* SEV_1 */) {
+        if (caseDetails.severity === "1 (Urgent)" /* SEV_1 */ && !caseDetails.suppliedPhoneNumberVerified) {
             onCaseDetailsChange({ suppliedPhoneNumberVerified: undefined });
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -29,5 +29,5 @@ export function ContactPhoneNumberAlert() {
             React.createElement(Button, { variant: ButtonVariant.link, isInline: true, onClick: () => onCaseDetailsChange({ suppliedPhoneNumberVerified: 'Deferred' }), "data-tracking-id": "case-contact-phone-number-dont-know" },
                 React.createElement(Trans, null, "I don't know")),
         ] },
-        React.createElement(Trans, null, "You are opening an urgent or high severity case, please confirm the phone number we have on file is correct.")));
+        React.createElement(Trans, null, "You are opening an urgent severity case, please confirm the phone number we have on file is correct.")));
 }

package/lib/esm/components/CaseInformation/Description.d.ts

@@ -1,6 +1,7 @@
 interface IProps {
     inlineEditable?: boolean;
     hideSaveCancel?: boolean;
+    customTitle?: string;
 }
 export default function Description(props: IProps): JSX.Element;
 export {};

package/lib/esm/components/CaseInformation/Description.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Description.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Description.tsx"],"names":[],"mappings":"AAkBA,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,MAAM,eAiGhD"}
+{"version":3,"file":"Description.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Description.tsx"],"names":[],"mappings":"AAkBA,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,MAAM,eAsGhD"}