@rh-support/troubleshoot 2.4.10-beta.8 → 2.5.0

package/README.md

@@ -6,7 +6,6 @@ Pluggable troubleshoot module
 
 ```
 import {
-    RootTroubleshootProvider,
     Troubleshoot
 } from '@rh-support/troubleshoot';
 <!-- import '@rh-support/troubleshoot/lib/troubleshoot.css'; -->
@@ -14,9 +13,7 @@ import React from 'react';
 import { RouteComponentProps } from 'react-router-dom';
 
 export function TroubleshootApp(routeProps: RouteComponentProps<{}>) {
-    return (<RootTroubleshootProvider>
-            <Troubleshoot routeProps={routeProps} basePath="/troubleshoot"/>
-        </RootTroubleshootProvider>);
+    return (<Troubleshoot routeProps={routeProps} basePath="/troubleshoot"/>);
 }
 
 ```

package/lib/esm/components/AccountInfo/AccountSelector.d.ts

@@ -1,9 +1,10 @@
 import './css/accountSelector.css';
 import { IDClassNameProps } from '@rh-support/types/shared';
+import React from 'react';
 interface IProps extends IDClassNameProps {
 }
 export declare const defaultProps: IProps;
-declare function AccountSelector(props: IProps): JSX.Element;
+declare function AccountSelector(props: IProps): React.JSX.Element;
 declare namespace AccountSelector {
     var defaultProps: IProps;
 }

package/lib/esm/components/AccountInfo/AccountSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccountSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountInfo/AccountSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAOnC,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AAcrE,UAAU,MAAO,SAAQ,gBAAgB;CAAG;AAE5C,eAAO,MAAM,YAAY,EAAE,MAG1B,CAAC;AAEF,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eA2KrC;kBA3KQ,eAAe;;;AA+KxB,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"AccountSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountInfo/AccountSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAOnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAK5D,OAAO,KAA0C,MAAM,OAAO,CAAC;AAS/D,UAAU,MAAO,SAAQ,gBAAgB;CAAG;AAE5C,eAAO,MAAM,YAAY,EAAE,MAG1B,CAAC;AAEF,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,qBA6KrC;kBA7KQ,eAAe;;;AAiLxB,OAAO,EAAE,eAAe,EAAE,CAAC"}

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

@@ -60,9 +60,9 @@ function AccountSelector(props) {
         onAccountChange(accounts[0] || {});
     };
     const onManagedAccountChange = (selection) => {
-        !isEmpty(selection.value) &&
-            selection.value.accountNum &&
-            onAccountChange({ accountNumber: selection.value.accountNum, name: selection.value.name });
+        !isEmpty(selection) &&
+            selection.accountNum &&
+            onAccountChange({ accountNumber: selection.accountNum, name: selection.name });
     };
     const onFindMyAccountClick = (event) => {
         !isEmpty(loggedInUserRights.data) &&
@@ -109,17 +109,17 @@ function AccountSelector(props) {
     if (isEmpty(loggedInUserRights.data))
         return React.createElement(React.Fragment, null);
     return (React.createElement("div", { id: props.id, className: `form-group ${props.className}` },
-        React.createElement(AlertMessage, { show: showNotEntitledMessage, variant: AlertType.DANGER, isInline: true, title: t("The selected account doesn't have entitlement"), className: "pf-u-mb-lg" }),
-        React.createElement("div", { className: "account-selector-label-wrapper pf-u-display-flex" },
+        React.createElement(AlertMessage, { show: showNotEntitledMessage, variant: AlertType.DANGER, isInline: true, title: t("The selected account doesn't have entitlement"), className: "pf-v5-u-mb-lg" }),
+        React.createElement("div", { className: "account-selector-label-wrapper pf-v5-u-display-flex" },
             React.createElement("label", { htmlFor: "account-selector" },
                 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": "get-support-find-my-account" },
+            canUseFindMyAccount && (React.createElement("button", { role: "link", className: "btn btn-link btn-app find-my-account pf-v5-u-ml-auto", onClick: onFindMyAccountClick, disabled: selectedAccountDetails.isFetching, "data-tracking-id": "get-support-find-my-account", type: "button" },
                 React.createElement(Trans, null, "Find my account")))),
         React.createElement("div", { className: "account-selector-wrapper" },
             React.createElement(AccountSelectorInternal, { selectedAccounts: [selectedAccount], canBookmarkAccount: canBookmarkAccounts, bookmarkedAccounts: bookmarkedGroupAccounts.data, id: "account-or-bookmark-selector", className: "account-selector", name: "account-or-bookmark-selector", placeholder: t(`Search for an account ${loggedInUserRights.data.isExternal() ? 'or select a bookmark' : ''} `), onSelect: onInternalAccountSelect, disabled: loggedInUserRights.data.isExternal() || selectedAccountDetails.isFetching, isInValid: isSelectedAccountSubscriptionAbused, restrictedOnSubscriptionAbuse: true })),
-        canAccessManagedAccounts && (React.createElement(ManagedAccountsDropdown, { className: "managed-account-selector pf-u-mt-xl", onManagedAccountChange: onManagedAccountChange, managedAccounts: managedAccounts, selectedAccountNumber: accountNumber, disabled: selectedAccountDetails.isFetching })),
+        canAccessManagedAccounts && !isEmpty(managedAccounts.data) && (React.createElement(ManagedAccountsDropdown, { className: "managed-account-selector pf-v5-u-mt-xl", onManagedAccountChange: onManagedAccountChange, managedAccounts: managedAccounts, selectedAccountNumber: accountNumber, disabled: selectedAccountDetails.isFetching })),
         isSelectedAccountSubscriptionAbused && (React.createElement("p", { className: "form-instructions form-invalid" },
             React.createElement(InfoCircleIcon, null),
             ' ',

package/lib/esm/components/AccountInfo/ManagedAccountsDropdown.d.ts

@@ -1,12 +1,13 @@
 import { IPartnerManagedAccount } from '@cee-eng/hydrajs/@types/models/account';
 import { IApiResponseDetails, IDClassNameProps, IOption, WithCustomOptions } from '@rh-support/types/shared';
+import React from 'react';
 interface IProps extends IDClassNameProps {
     selectedAccountNumber: string;
     managedAccounts: IApiResponseDetails<Partial<IPartnerManagedAccount>[]>;
     onManagedAccountChange: (selection: IOption<WithCustomOptions<IPartnerManagedAccount>>) => void;
     disabled?: boolean;
 }
-declare function ManagedAccountsDropdown(props: IProps): JSX.Element;
+declare function ManagedAccountsDropdown(props: IProps): React.JSX.Element;
 declare namespace ManagedAccountsDropdown {
     var defaultProps: Partial<IProps>;
 }

package/lib/esm/components/AccountInfo/ManagedAccountsDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ManagedAccountsDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountInfo/ManagedAccountsDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAGhF,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAM7G,UAAU,MAAO,SAAQ,gBAAgB;IACrC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,eAAe,EAAE,mBAAmB,CAAC,OAAO,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC;IACxE,sBAAsB,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,iBAAiB,CAAC,sBAAsB,CAAC,CAAC,KAAK,IAAI,CAAC;IAChG,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAOD,iBAAS,uBAAuB,CAAC,KAAK,EAAE,MAAM,eA6D7C;kBA7DQ,uBAAuB;;;AA+DhC,OAAO,EAAE,uBAAuB,EAAE,CAAC"}
+{"version":3,"file":"ManagedAccountsDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountInfo/ManagedAccountsDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAWhF,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAG7G,OAAO,KAAmC,MAAM,OAAO,CAAC;AAGxD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,eAAe,EAAE,mBAAmB,CAAC,OAAO,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC;IACxE,sBAAsB,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,iBAAiB,CAAC,sBAAsB,CAAC,CAAC,KAAK,IAAI,CAAC;IAChG,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAOD,iBAAS,uBAAuB,CAAC,KAAK,EAAE,MAAM,qBAoH7C;kBApHQ,uBAAuB;;;AAsHhC,OAAO,EAAE,uBAAuB,EAAE,CAAC"}

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

@@ -1,15 +1,21 @@
+import { Flex, FlexItem, MenuToggle, Select, SelectList, SelectOption, } from '@patternfly/react-core';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
-import { Dropdown } from '@rh-support/components';
-import { toOption, toOptions } from '@rh-support/utils';
 import find from 'lodash/find';
+import isEmpty from 'lodash/isEmpty';
 import React, { useEffect, useState } from 'react';
-import { Trans } from 'react-i18next';
+import { Trans, useTranslation } from 'react-i18next';
 const defaultProps = {
     className: '',
     id: '',
     disabled: false,
 };
 function ManagedAccountsDropdown(props) {
+    const { t } = useTranslation();
+    const [isOpen, setIsOpen] = useState(false);
+    const [selectedItem, setSelectedItem] = useState('');
+    const onToggleClick = () => {
+        setIsOpen(!isOpen);
+    };
     const getLabelForAccountOption = (account) => {
         return account.accountNum
             ? account.name
@@ -17,24 +23,43 @@ function ManagedAccountsDropdown(props) {
                 : account.accountNum
             : '';
     };
-    const [selectedItem, setSelectedItem] = useState(toOption({ accountNum: '' }, { labelKey: getLabelForAccountOption }));
     useEffect(() => {
         const item = find(props.managedAccounts.data, (acc) => acc.accountNum === props.selectedAccountNumber) || {
             accountNum: '',
         };
-        setSelectedItem(toOption(item, { labelKey: getLabelForAccountOption }));
+        const selected = !isEmpty(item.accountNum)
+            ? `${item.name} (${item.accountNum})`
+            : t('Select a managed account');
+        setSelectedItem(selected);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.managedAccounts.data, props.selectedAccountNumber]);
     // Only accounts that have granted access permission to partner should be listed
     const managedAccountsWithPermission = () => props.managedAccounts.data.filter((account) => account.partnerCaseAccess === 'All') || [];
-    const managedAccountsOptions = managedAccountsWithPermission().map((account) => (Object.assign({ actionItem: (React.createElement(React.Fragment, null, account.subscriptionAbuse && (React.createElement("span", { className: "form-instructions form-invalid pf-u-text-nowrap pf-u-pr-sm" },
-            ' ',
+    const managedAccountsOptions = managedAccountsWithPermission().map((account) => (Object.assign({ actionItem: (React.createElement(React.Fragment, null, account.subscriptionAbuse && (React.createElement("span", { className: "form-instructions form-invalid pf-v5-u-text-nowrap pf-v5-u-pr-sm" },
             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: `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 }));
+    const onSelect = (event, selection) => {
+        setSelectedItem(`${selection.name} (${selection.accountNum})`);
+        props.onManagedAccountChange(selection);
+        setIsOpen(false);
+    };
+    const toggle = (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: onToggleClick, isExpanded: isOpen, isDisabled: props.disabled || managedAccountsOptions.length === 0, isFullWidth: true }, selectedItem || t('Select a managed account')));
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: `margin-top ${props.className}` },
+            React.createElement(Select, { id: props.id, isOpen: isOpen, selected: selectedItem, onSelect: onSelect, onOpenChange: (isOpen) => setIsOpen(isOpen), toggle: toggle, popperProps: { direction: 'down', enableFlip: false }, isScrollable: true, shouldFocusToggleOnSelect: true },
+                React.createElement(SelectList, null, managedAccountsOptions.map((account) => (React.createElement(SelectOption, { value: account },
+                    React.createElement(Flex, { className: account.subscriptionAbuse ? 'form-instructions form-invalid' : '', justifyContent: { default: 'justifyContentSpaceBetween' } },
+                        React.createElement(FlexItem, null,
+                            account.name,
+                            " (",
+                            account.accountNum,
+                            ")"),
+                        account.subscriptionAbuse ? (React.createElement(FlexItem, null,
+                            React.createElement("span", null,
+                                React.createElement(InfoCircleIcon, null),
+                                " ",
+                                React.createElement(Trans, null, "Subscription abuse")))) : (''))))))))));
 }
 ManagedAccountsDropdown.defaultProps = defaultProps;
 export { ManagedAccountsDropdown };

package/lib/esm/components/AccountInfo/OwnerSelector.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 interface IProps {
 }
-declare function OwnerSelector(props: IProps): JSX.Element;
+declare function OwnerSelector(props: IProps): React.JSX.Element;
 export { OwnerSelector };
 //# sourceMappingURL=OwnerSelector.d.ts.map

package/lib/esm/components/AccountInfo/OwnerSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OwnerSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountInfo/OwnerSelector.tsx"],"names":[],"mappings":"AAqCA,UAAU,MAAM;CAAG;AAEnB,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,eA2VnC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"OwnerSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountInfo/OwnerSelector.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAkB/D,UAAU,MAAM;CAAG;AAEnB,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,qBAgPnC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

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

@@ -7,8 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { contacts } from '@cee-eng/hydrajs';
-import { CaseContactsSelectorExternal, getHydraContactLabel, getPhoneObj, renderMenuItemChildren, ToastNotification, usePrevious, ValueChangedIcon, } from '@rh-support/components';
+import { CaseContactsSelectorExternal, getHydraContactLabel, renderMenuItemChildren, ToastNotification, usePrevious, ValueChangedIcon, } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
 import { sortHydraContacts } from '@rh-support/utils';
 import filter from 'lodash/filter';
@@ -28,18 +27,18 @@ import { getChangedValueTooltip } from '../shared/utils';
 function OwnerSelector(props) {
     const { t } = useTranslation();
     const caseUpdateError = useCaseUpdateErrorMessage();
-    const { accountNumber, caseNumber, selectedNotificationContacts, selectedOwner, selectedCaseGroupUsers, isCaseOwnerUpdating, caseDetailes, } = useCaseSelector((state) => ({
+    const { accountNumber, caseNumber, selectedNotificationContacts, selectedOwner, selectedCaseGroupUsers, isCaseOwnerUpdating, isCasePhoneUpdating, } = useCaseSelector((state) => ({
         accountNumber: state.caseDetails.accountNumberRef,
         caseNumber: state.caseDetails.caseNumber,
         selectedNotificationContacts: state.selectedNotificationContacts,
         selectedOwner: state.selectedOwner,
         selectedCaseGroupUsers: state.selectedCaseGroupUsers,
         isCaseOwnerUpdating: state.isCaseOwnerUpdating,
-        caseDetailes: state.caseDetails,
+        isCasePhoneUpdating: state.isCasePhoneUpdating,
     }), isEqual);
     const { routeState: { isNextBtnClickedToShowValidationError }, } = useContext(RouteContext);
     const caseDispatch = useCaseDispatch();
-    const { globalMetadataState: { loggedInUserRights, loggedInUser }, } = useContext(GlobalMetadataStateContext);
+    const { globalMetadataState: { loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
     const previousAccountNumber = usePrevious(accountNumber);
     const { isExportingPDF } = useContext(PDFContext);
     const [usersWithGroupAccess, setUsersWithGroupAccess] = useState([]);
@@ -51,120 +50,6 @@ function OwnerSelector(props) {
         !isEmpty(pvalue.ssoUsername) &&
         value.ssoUsername !== pvalue.ssoUsername;
     const canEditCase = useCanEditCase();
-    // set owner on creating a case
-    const setContactPhoneNumber = (sso) => __awaiter(this, void 0, void 0, function* () {
-        // logged in user and case owner are the same
-        if (sso === loggedInUser.data.ssoUsername) {
-            if (loggedInUser.data.supportPhoneAreaCodePrefixLineNumber) {
-                setCaseDetails(caseDispatch, {
-                    phoneAreaCodePrefixLineNumber: loggedInUser.data.supportPhoneAreaCodePrefixLineNumber,
-                    phoneCountryCode: loggedInUser.data.supportPhoneCountryCode,
-                    suppliedPhoneNumberVerified: 'True',
-                });
-            }
-            else {
-                const phoneLine = getPhoneObj(loggedInUser.data.phone).phoneLine || '';
-                const countryCode = getPhoneObj(loggedInUser.data.phone).countryCode;
-                setCaseDetails(caseDispatch, {
-                    phoneAreaCodePrefixLineNumber: phoneLine,
-                    phoneCountryCode: countryCode,
-                    suppliedPhoneNumberVerified: phoneLine && countryCode ? 'True' : 'False',
-                });
-            }
-        }
-        else {
-            try {
-                const selectedContact = yield contacts.getSFDCContactBySso(sso);
-                if (selectedContact.supportPhoneAreaCodePrefixLineNumber) {
-                    setCaseDetails(caseDispatch, {
-                        phoneAreaCodePrefixLineNumber: selectedContact.supportPhoneAreaCodePrefixLineNumber,
-                        phoneCountryCode: selectedContact.supportPhoneCountryCode,
-                        suppliedPhoneNumberVerified: 'Deferred',
-                    });
-                }
-                else {
-                    setCaseDetails(caseDispatch, {
-                        phoneAreaCodePrefixLineNumber: getPhoneObj(selectedContact.phone).phoneLine || '',
-                        phoneCountryCode: getPhoneObj(selectedContact.phone).countryCode || '',
-                        suppliedPhoneNumberVerified: 'Deferred',
-                    });
-                }
-            }
-            catch (e) {
-                setCaseDetails(caseDispatch, {
-                    phoneAreaCodePrefixLineNumber: '',
-                    phoneCountryCode: '',
-                    suppliedPhoneNumberVerified: 'False',
-                });
-            }
-        }
-    });
-    const updatePhone = (phoneSetting) => __awaiter(this, void 0, void 0, function* () {
-        yield updateCaseDetails(caseDispatch, caseNumber, phoneSetting);
-        setCaseDetails(caseDispatch, Object.assign(Object.assign({}, caseDetailes), phoneSetting));
-    });
-    // set owner on updating a case
-    const updateContactPhoneNumber = (sso) => __awaiter(this, void 0, void 0, function* () {
-        try {
-            // logged in user and case owner are the same
-            if (sso === loggedInUser.data.ssoUsername) {
-                try {
-                    if (loggedInUser.data.supportPhoneAreaCodePrefixLineNumber) {
-                        yield updatePhone({
-                            phoneAreaCodePrefixLineNumber: loggedInUser.data.supportPhoneAreaCodePrefixLineNumber,
-                            phoneCountryCode: loggedInUser.data.supportPhoneCountryCode,
-                            suppliedPhoneNumberVerified: 'True',
-                        });
-                    }
-                    else {
-                        yield updatePhone({
-                            phoneAreaCodePrefixLineNumber: getPhoneObj(loggedInUser.data.phone).phoneLine || '',
-                            phoneCountryCode: getPhoneObj(loggedInUser.data.phone).countryCode || '',
-                            suppliedPhoneNumberVerified: 'False',
-                        });
-                    }
-                }
-                catch (e) {
-                    yield updatePhone({
-                        phoneAreaCodePrefixLineNumber: '',
-                        phoneCountryCode: '',
-                        suppliedPhoneNumberVerified: 'False',
-                    });
-                }
-            }
-            else {
-                // logged in user and case owner are different
-                try {
-                    const selectedContact = yield contacts.getSFDCContactBySso(sso);
-                    if (selectedContact.supportPhoneAreaCodePrefixLineNumber) {
-                        yield updatePhone({
-                            phoneAreaCodePrefixLineNumber: selectedContact.supportPhoneAreaCodePrefixLineNumber,
-                            phoneCountryCode: selectedContact.supportPhoneCountryCode,
-                            suppliedPhoneNumberVerified: 'Deferred',
-                        });
-                    }
-                    else {
-                        yield updatePhone({
-                            phoneAreaCodePrefixLineNumber: getPhoneObj(selectedContact.phone).phoneLine || '',
-                            phoneCountryCode: getPhoneObj(selectedContact.phone).countryCode || '',
-                            suppliedPhoneNumberVerified: 'Deferred',
-                        });
-                    }
-                }
-                catch (e) {
-                    yield updatePhone({
-                        phoneAreaCodePrefixLineNumber: '',
-                        phoneCountryCode: '',
-                        suppliedPhoneNumberVerified: 'False',
-                    });
-                }
-            }
-            ToastNotification.addSuccessMessage(t(`Phone number has been successfully updated`));
-        }
-        catch (e) {
-            caseUpdateError.showError(e, t(`Phone number failed to update`));
-        }
-    });
     /**
      * Changing selected owner related
      */
@@ -176,7 +61,6 @@ function OwnerSelector(props) {
         setLocalOwnerChange(true);
         !isEmpty(selectedContact) &&
             setNotifiedUser(dispatch, filter(notificationContacts, (c) => c.ssoUsername !== selectedContact.ssoUsername));
-        setContactPhoneNumber(selectedContact.ssoUsername);
     });
     /** Reset owner when selected account number changes */
     useEffect(() => {
@@ -212,18 +96,20 @@ function OwnerSelector(props) {
         setCaseState(caseDispatch, { isCaseOwnerUpdating: true });
         try {
             yield updateCaseDetails(caseDispatch, caseNumber, caseDetails);
+            setCaseDetails(caseDispatch, {
+                contactSSOName: newOwner.ssoUsername,
+            });
             const abortSignal = new AbortController().signal;
             yield setCaseOwner(caseDispatch, {
                 ssoUsername: newOwner.ssoUsername,
                 firstName: newOwner.firstName,
                 lastName: newOwner.lastName,
                 fullNameCustom: newOwner.fullNameCustom,
-            }, '', abortSignal);
+            }, '', abortSignal, abortSignal, false, '', true, true, caseNumber);
             setLocalOwnerChange(true);
             updateNotifyUsersList(newOwner);
-            yield updateContactPhoneNumber(newOwner.ssoUsername);
-            setCaseState(caseDispatch, { isCaseOwnerUpdating: false });
             ToastNotification.addSuccessMessage(t(`Owner has been successfully updated`));
+            setCaseState(caseDispatch, { isCaseOwnerUpdating: false });
         }
         catch (e) {
             setCaseState(caseDispatch, { isCaseOwnerUpdating: false });
@@ -277,6 +163,6 @@ function OwnerSelector(props) {
             React.createElement(Trans, null, "Owner"),
             React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, comparator: ownerComparator, isLocalChange: localOwnerChange, value: selectedOwner.data, getTooltipContent: getChangedValueTooltip(() => CaseValuesToWatch.owner, (v) => v.fullNameCustom) }),
             React.createElement("span", { className: `form-required ${isExportingPDF ? 'hide-in-pdf' : ''}`, "aria-hidden": true }, "*")),
-        showUsersWithSelectedGroupAccess ? (React.createElement(Typeahead, { id: "get-support-owner", className: "react-select-custom", clearButton: true, isLoading: selectedCaseGroupUsers.isFetching || isCaseOwnerUpdating, options: usersWithGroupAccess, selected: !isEmpty(selectedOwner.data) ? [selectedOwner.data] : [], onChange: onCustomerContactSelect, labelKey: getHydraContactLabel, placeholder: t(`Search by name or username`), disabled: selectedCaseGroupUsers.isFetching || isCaseOwnerUpdating, renderMenuItemChildren: renderMenuItemChildren })) : (React.createElement(CaseContactsSelectorExternal, { loggedInUserRights: loggedInUserRights.data, selectedAccountNumber: accountNumber, selected: !isEmpty(selectedOwner.data) ? [selectedOwner.data] : [], onChange: onCustomerContactSelect, placeholder: t(`Search by name or username`), clearButton: true, id: "get-support-owner", name: "get-support-owner", className: "react-select-custom", isUpdating: isCaseOwnerUpdating, isInvalid: isNextBtnClickedToShowValidationError && isEmpty(selectedOwner.data) }))));
+        showUsersWithSelectedGroupAccess ? (React.createElement(Typeahead, { id: "get-support-owner", className: "react-select-custom", clearButton: true, isLoading: selectedCaseGroupUsers.isFetching || isCaseOwnerUpdating, options: usersWithGroupAccess, selected: !isEmpty(selectedOwner.data) ? [selectedOwner.data] : [], onChange: onCustomerContactSelect, labelKey: getHydraContactLabel, placeholder: t(`Search by name or username`), disabled: selectedCaseGroupUsers.isFetching || isCaseOwnerUpdating || isCasePhoneUpdating, renderMenuItemChildren: renderMenuItemChildren })) : (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), isDisabled: isCasePhoneUpdating || isCaseOwnerUpdating }))));
 }
 export { OwnerSelector };

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

@@ -5,3 +5,9 @@
 .get-support-owner-wapper input {
     min-height: 36px;
 }
+
+.margin-top.managed-account-selector {
+    .pf-m-disabled {
+        background-color: var(--pf-v5-global--disabled-color--300) !important;
+    }
+}

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

@@ -1,4 +1,4 @@
-import { Button, Popover } from '@patternfly/react-core';
+import { Button, ButtonVariant, Popover } from '@patternfly/react-core';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import { useCanEditCase } from '@rh-support/react-context';
 import { Can, resourceActions, resources } from '@rh-support/user-permissions';
@@ -15,7 +15,7 @@ export const ActiveCustomerEscalation = forwardRef((props, ref) => {
         React.createElement("p", null,
             React.createElement(Trans, null, "After submitting, your case will be reviewed by a support manager."))));
     const isInternalElements = (React.createElement("div", { className: "card card-white card-support escalations", ref: ref },
-        React.createElement("h3", { className: "card-heading" },
+        React.createElement("h3", { className: "card-heading case-detail-panel-card-heading" },
             React.createElement(Trans, null, "Active Customer Escalation (ACE)"),
             React.createElement("a", { href: "/support/escalation", target: "_blank", "aria-label": t('Learn more about Red Hat support case escalation') },
                 React.createElement(InfoCircleIcon, null))),
@@ -28,7 +28,7 @@ export const ActiveCustomerEscalation = forwardRef((props, ref) => {
                 React.createElement("li", null, t('The customer thinks the case is not moving appropriately')),
                 React.createElement("li", null, t('The customer wants a new resource')),
                 React.createElement("li", null, t('The issue is more severe than originally thought'))),
-            React.createElement("a", { href: `/watchlist/internal/aces/new?caseNumber=${props.caseNumber}`, className: "pf-c-button pf-m-tertiary", target: "_blank", rel: "noopener noreferrer", "data-tracking-id": "request-ace-trigger", "aria-label": t('Request an escalation') }, t('Request an escalation')))));
+            React.createElement("a", { href: `/watchlist/internal/aces/new?caseNumber=${props.caseNumber}`, className: "pf-v5-c-button pf-m-tertiary", target: "_blank", rel: "noopener noreferrer", "data-tracking-id": "request-ace-trigger", "aria-label": t('Request an escalation') }, t('Request an escalation')))));
     const [openRequestEscalationModal, setOpenRequestEscalationModal] = useState(false);
     const toggleModal = () => {
         if (canEditCase.alert())
@@ -36,7 +36,7 @@ export const ActiveCustomerEscalation = forwardRef((props, ref) => {
         setOpenRequestEscalationModal((openRequestEscalationModal) => !openRequestEscalationModal);
     };
     const isNotInternalElements = (React.createElement("div", { className: "card card-white card-support escalations", ref: ref },
-        React.createElement("h3", { className: "card-heading" },
+        React.createElement("h3", { className: "card-heading case-detail-panel-card-heading" },
             t('Request an escalation'),
             React.createElement("div", { style: { marginLeft: 'auto' } },
                 React.createElement(Popover, { showClose: false, position: 'left', hasAutoWidth: true, bodyContent: (hide) => (React.createElement("a", { href: "/support/escalation", target: "_blank", "aria-label": t('Learn more about escalation cases.') },
@@ -51,7 +51,7 @@ export const ActiveCustomerEscalation = forwardRef((props, ref) => {
                 React.createElement("li", null, t('Needs a senior resource.')),
                 React.createElement("li", null, t('Is more severe or should be a higher priority.'))),
             commonElements,
-            React.createElement(Button, { className: "pf-c-button pf-m-tertiary", onClick: toggleModal, "data-tracking-id": "request-rme-trigger", "aria-label": t('Request an escalation') }, t('Request an escalation')))));
+            React.createElement(Button, { variant: ButtonVariant.secondary, onClick: toggleModal, "data-tracking-id": "request-rme-trigger", "aria-label": t('Request an escalation') }, t('Request an escalation')))));
     return (React.createElement(React.Fragment, null,
         React.createElement(RequestEscalationModal, { caseNumber: props.caseNumber, severity: props.caseSeverity, caseStatus: props.caseStatus, show: openRequestEscalationModal, onClose: toggleModal }),
         React.createElement(Can, { do: resourceActions.CREATE, on: resources.ICE_ESCALATION, passThrough: true }, (canCreateICE) => canCreateICE ? isInternalElements : isCreateRMEVisible ? isNotInternalElements : React.createElement(React.Fragment, null))));

package/lib/esm/components/CaseEditView/ActiveCustomerEscalation/RequestEscalationModal.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 interface IProps {
     caseNumber: string;
     severity: string;
@@ -5,6 +6,6 @@ interface IProps {
     caseStatus: string;
     onClose: () => void;
 }
-export declare function RequestEscalationModal(props: IProps): JSX.Element;
+export declare function RequestEscalationModal(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=RequestEscalationModal.d.ts.map

package/lib/esm/components/CaseEditView/ActiveCustomerEscalation/RequestEscalationModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestEscalationModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ActiveCustomerEscalation/RequestEscalationModal.tsx"],"names":[],"mappings":"AAwCA,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAID,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,eA0WnD"}
+{"version":3,"file":"RequestEscalationModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ActiveCustomerEscalation/RequestEscalationModal.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAkBnD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAID,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,qBA8WnD"}

package/lib/esm/components/CaseEditView/ActiveCustomerEscalation/RequestEscalationModal.js

@@ -8,8 +8,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { escalations, publicApi } from '@cee-eng/hydrajs';
-import { Button, Form, FormGroup, Grid, GridItem, Modal, Popover, Select, SelectOption, TextArea, TextInput, Title, ValidatedOptions, } from '@patternfly/react-core';
-import ExclamationCircleIcon from '@patternfly/react-icons/dist/js/icons/exclamation-circle-icon';
+import { Button, Form, FormGroup, FormHelperText, Grid, GridItem, HelperText, HelperTextItem, Modal, Popover, TextArea, TextInput, Title, ValidatedOptions, } from '@patternfly/react-core';
+import { Select, SelectOption } from '@patternfly/react-core/deprecated';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import { AlertMessage, AlertType, LoadingIndicator, ToastNotification, useFetch } from '@rh-support/components';
 import { useGlobalStateContext } from '@rh-support/react-context';
@@ -46,7 +46,7 @@ export function RequestEscalationModal(props) {
     const [submitButtonIsClicked, setSubmitSaveButtonIsClicked] = useState(false);
     // checks if all the fields have values.
     const hasRequiredInfo = () => Object.keys(formState).reduce((accumulator, currentValue) => { var _a; return !accumulator ? accumulator : formState[currentValue].length > 0 && ((_a = formState[currentValue]) === null || _a === void 0 ? void 0 : _a.trim()); }, true);
-    const setFormStateValue = (key) => (value) => setFormState(Object.assign(Object.assign({}, formState), { [key]: value }));
+    const setFormStateValue = (key, value) => setFormState((pre) => (Object.assign(Object.assign({}, pre), { [key]: value })));
     const createEscalationFetch = useFetch(escalations.createIceEscalation, { propgateErrors: true });
     const { request: postCommentRequest, isFetching: isPostingComment } = useFetch(publicApi.kase.postComment, {
         propgateErrors: true,
@@ -72,7 +72,7 @@ export function RequestEscalationModal(props) {
         escalationNum &&
             fetchCaseEscalations(caseDetailsPageDispatch, props.caseNumber, loggedInUserRights.data.getAccountNumber(), false);
         yield postCommentRequest({ caseNumber: props.caseNumber, commentBody: comment, contentType: 'markdown' });
-        updateDiscussionStateComments(dispatchDiscussion, props.caseNumber, allDiscussions, sort, caseFeedbacksHydra.data, discussionFiltersListState);
+        updateDiscussionStateComments(dispatchDiscussion, caseDispatch, props.caseNumber, allDiscussions, sort, caseFeedbacksHydra.data, discussionFiltersListState);
         yield updateCaseRequest(props.caseNumber, { customerEscalation: true });
         checkForCaseStatusToggleOnAttachOrComment(caseDispatch, loggedInUserRights.data.isInternal(), props.caseStatus);
         escalationNum &&
@@ -126,11 +126,11 @@ export function RequestEscalationModal(props) {
             t('Submit')),
         React.createElement(Button, { key: "cancel", variant: "link", onClick: onCancel, "data-tracking-id": "request-rme-cancel", isDisabled: createEscalationFetch.isFetching || isPostingComment || isUpdatingCase, "aria-label": t('Cancel') }, t('Cancel')),
     ];
-    const header = (React.createElement(Title, { className: "pf-u-mb-0", id: "custom-header-label", headingLevel: "h1" },
+    const header = (React.createElement(Title, { className: "pf-v5-u-mb-0", id: "custom-header-label", headingLevel: "h1" },
         React.createElement(Trans, null, "Request an escalation"),
         React.createElement(Popover, { showClose: false, position: 'top', hasAutoWidth: true, bodyContent: () => (React.createElement("a", { href: "/support/escalation", target: "_blank", "aria-label": t('Learn more about escalation cases.') },
                 React.createElement(Trans, null, "Learn more about escalation cases."))) },
-            React.createElement(InfoCircleIcon, { className: "pf-u-ml-sm" }))));
+            React.createElement(InfoCircleIcon, { className: "pf-v5-u-ml-sm" }))));
     // load rme categories as soon as user opens the modal
     useEffect(() => {
         if (!props.show || categories.length !== 0)
@@ -148,37 +148,40 @@ export function RequestEscalationModal(props) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.show]);
     return (React.createElement(Modal, { id: "request-mgmt-escalation-modal", className: "request-escalation-modal", isOpen: props.show, onClose: onCancel, actions: modalActions, header: header, "aria-label": t('Request an escalation') },
-        React.createElement("p", { className: "pf-u-mb-md" },
+        React.createElement("p", { className: "pf-v5-u-mb-md" },
             React.createElement(Trans, { i18nKey: "i18RequestEscalationDescription" }, "Submit an escalation if an issue has become more severe or you feel the case needs a higher priority. A support manager will review your escalation request.")),
-        React.createElement(AlertMessage, { variant: AlertType.DANGER, title: t('Could not create case escalation'), show: creationError, onClose: onErrorClose, isInline: true, className: "pf-u-mb-md", "aria-label": t('Could not create case escalation') }),
+        React.createElement(AlertMessage, { variant: AlertType.DANGER, title: t('Could not create case escalation'), show: creationError, onClose: onErrorClose, isInline: true, className: "pf-v5-u-mb-md", "aria-label": t('Could not create case escalation') }),
         React.createElement(Form, { "aria-label": t('form'), className: "request-escalation-form" },
             React.createElement(Grid, { hasGutter: true, md: 12 },
                 React.createElement(GridItem, { span: 6 },
                     React.createElement(FormGroup, { isRequired: true, label: t('Category'), fieldId: "escalation-category" },
                         React.createElement(Select, Object.assign({ "aria-label": t('Category'), id: "customer-category-select", selections: formState.rmeCategory, validated: submitButtonIsClicked && isEmpty(formState.rmeCategory)
                                 ? ValidatedOptions.error
-                                : ValidatedOptions.default, "aria-invalid": submitButtonIsClicked && isEmpty(formState.rmeCategory), onSelect: setCategoryState, isOpen: showCategoryDropdown, placeholderText: t('Select an option that best fits'), onToggle: onCategoryDropdownToggle }, (isCategoriesFetching && { loadingVariant: 'spinner' })), categories.map((value, index) => (React.createElement(SelectOption, { key: index, value: value }, value)))))),
+                                : ValidatedOptions.default, "aria-invalid": submitButtonIsClicked && isEmpty(formState.rmeCategory), onSelect: setCategoryState, isOpen: showCategoryDropdown, placeholderText: t('Select an option that best fits'), onToggle: (_event, toggle) => onCategoryDropdownToggle(toggle) }, (isCategoriesFetching && { loadingVariant: 'spinner' })), categories.map((value, index) => (React.createElement(SelectOption, { key: index, value: value }, value)))))),
                 React.createElement(GridItem, { span: 6 },
                     React.createElement(FormGroup, { isRequired: true, label: t('My region'), fieldId: "escalation-region" },
                         React.createElement(Select, { "aria-label": t('My region'), id: "customer-geo-select", selections: formState.geo, onSelect: setGeoState, isOpen: showGeoDropdown, validated: submitButtonIsClicked && isEmpty(formState.geo)
                                 ? ValidatedOptions.error
-                                : ValidatedOptions.default, placeholderText: t('Select a location'), onToggle: onGeoDropdownToggle, "aria-invalid": submitButtonIsClicked && isEmpty(formState.geo) }, customerGEOKeys.map((key, index) => (React.createElement(SelectOption, { key: index, value: CustomerGEOs[key].value }, t(CustomerGEOs[key].label))))))),
-                React.createElement(FormGroup, { isRequired: true, validated: submitButtonIsClicked && hasLargeSubject ? ValidatedOptions.error : ValidatedOptions.default, helperTextInvalid: t('Subject cannot be more than {{limit}} characters', {
-                        limit: ESCALATION_SUBJECT_LENGTH_LIMIT,
-                    }), helperTextInvalidIcon: React.createElement(ExclamationCircleIcon, null), label: t('Subject'), fieldId: "escalation-subject" },
+                                : ValidatedOptions.default, placeholderText: t('Select a location'), onToggle: (_event, toggle) => onGeoDropdownToggle(toggle), "aria-invalid": submitButtonIsClicked && isEmpty(formState.geo) }, customerGEOKeys.map((key, index) => (React.createElement(SelectOption, { key: index, value: CustomerGEOs[key].value }, t(CustomerGEOs[key].label))))))),
+                React.createElement(FormGroup, { isRequired: true, label: t('Subject'), fieldId: "escalation-subject" },
+                    submitButtonIsClicked && hasLargeSubject && (React.createElement(FormHelperText, null,
+                        React.createElement(HelperText, null,
+                            React.createElement(HelperTextItem, { variant: ValidatedOptions.error, hasIcon: true }, t('Subject cannot be more than {{limit}} characters', {
+                                limit: ESCALATION_SUBJECT_LENGTH_LIMIT,
+                            }))))),
                     React.createElement(TextInput, { isRequired: true, validated: (submitButtonIsClicked && isEmpty(formState.subject)) || hasLargeSubject
                             ? ValidatedOptions.error
-                            : ValidatedOptions.default, type: "text", placeholder: t('Enter a subject for your request'), id: "subject-input", name: "subject-input", value: formState.subject, onChange: onSubjectChange, "aria-label": t('Subject') })),
+                            : ValidatedOptions.default, type: "text", placeholder: t('Enter a subject for your request'), id: "subject-input", name: "subject-input", value: formState.subject, onChange: (_event, subject) => onSubjectChange(subject), "aria-label": t('Subject') })),
                 React.createElement(FormGroup, { isRequired: true, label: t('Description'), fieldId: "escalation-description" },
-                    React.createElement(TextArea, { value: formState.description, onChange: setFormStateValue('description'), isRequired: true, validated: submitButtonIsClicked && isEmpty(formState.description)
+                    React.createElement(TextArea, { value: formState.description, onChange: (e, value) => setFormStateValue('description', value), isRequired: true, validated: submitButtonIsClicked && isEmpty(formState.description)
                             ? ValidatedOptions.error
-                            : ValidatedOptions.default, "aria-label": t('Description'), id: "description-textarea", placeholder: t('Provide a detailed comment for us to best assist you') })),
+                            : ValidatedOptions.default, "aria-label": t('Description'), id: "description-textarea", placeholder: t('Provide a detailed comment for us to best assist you'), resizeOrientation: "vertical" })),
                 React.createElement(FormGroup, { isRequired: true, label: t('Expectations'), fieldId: "escalation-expectations" },
-                    React.createElement(TextArea, { onChange: setFormStateValue('expectations'), isRequired: true, validated: submitButtonIsClicked && isEmpty(formState.expectations)
+                    React.createElement(TextArea, { onChange: (e, value) => setFormStateValue('expectations', value), isRequired: true, validated: submitButtonIsClicked && isEmpty(formState.expectations)
                             ? ValidatedOptions.error
-                            : ValidatedOptions.default, placeholder: t('What do you expect to happen with this escalation?'), id: "expectations-input", value: formState.expectations, "aria-label": t('Expectations') })),
+                            : ValidatedOptions.default, placeholder: t('What do you expect to happen with this escalation?'), id: "expectations-input", value: formState.expectations, "aria-label": t('Expectations'), resizeOrientation: "vertical" })),
                 React.createElement(FormGroup, { isRequired: true, label: t('Business impact'), fieldId: "escalation-business-impact" },
-                    React.createElement(TextArea, { onChange: setFormStateValue('businessImpactDescription'), isRequired: true, validated: submitButtonIsClicked && isEmpty(formState.businessImpactDescription)
+                    React.createElement(TextArea, { onChange: (e, value) => setFormStateValue('businessImpactDescription', value), isRequired: true, validated: submitButtonIsClicked && isEmpty(formState.businessImpactDescription)
                             ? ValidatedOptions.error
-                            : ValidatedOptions.default, placeholder: t('Does your business impact change with this escalation? Please describe how it changed.'), id: "business-impact-input", value: formState.businessImpactDescription, "aria-label": t('Business impact') }))))));
+                            : ValidatedOptions.default, placeholder: t('Does your business impact change with this escalation? Please describe how it changed.'), id: "business-impact-input", value: formState.businessImpactDescription, "aria-label": t('Business impact'), resizeOrientation: "vertical" }))))));
 }

package/lib/esm/components/CaseEditView/Case.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { RouteComponentProps } from 'react-router-dom';
 interface IProps {
     routeProps: RouteComponentProps;
 }
-export default function Case(props: IProps): JSX.Element;
+export default function Case(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=Case.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Case.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/Case.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAS,mBAAmB,EAAiD,MAAM,kBAAkB,CAAC;AAmB7G,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC;CACnC;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,MAAM,eA+LzC"}
+{"version":3,"file":"Case.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/Case.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAS,mBAAmB,EAAiD,MAAM,kBAAkB,CAAC;AAkB7G,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC;CACnC;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,MAAM,qBA6LzC"}