@rh-support/troubleshoot 2.6.299 → 2.6.300

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

@@ -7,7 +7,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { useApolloClient } from '@apollo/client/react';
 import { contacts } from '@cee-eng/hydrajs';
 import { InputGroupText, ValidatedOptions } from '@patternfly/react-core';
 import CheckIcon from '@patternfly/react-icons/dist/js/icons/check-icon';
@@ -15,7 +14,6 @@ import PencilAltIcon from '@patternfly/react-icons/dist/js/icons/pencil-alt-icon
 import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
 import { getPhoneObj, PhoneInput, ToastNotification } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
-import { GET_ACCOUNT_CONTACTS } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useState } from 'react';
@@ -28,34 +26,13 @@ import { setCaseState, updateCaseDetails } from '../../../../reducers/CaseReduce
 import { ContactPhoneNumberPopOver } from '../../../CaseInformation/ContactPhoneNumberPopOver';
 import { removeAllChars, trimAndReplacePlus } from '../../../shared/utils';
 import { PDFContext } from '../../PDFContainer';
-function fetchContactBySSO(apolloClient, accountNumber, ssoUsername) {
-    return __awaiter(this, void 0, void 0, function* () {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-        const { data } = yield apolloClient.query({
-            query: GET_ACCOUNT_CONTACTS,
-            variables: {
-                accountNumber: { eq: accountNumber },
-                contactsWhere: { SSOUserName__c: { eq: ssoUsername } },
-                first: 1,
-            },
-            fetchPolicy: 'network-only',
-        });
-        const response = data;
-        const contactNode = (_j = (_h = (_g = (_f = (_e = (_d = (_c = (_b = (_a = response === null || response === void 0 ? void 0 : response.salesforce_support_uiapi) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.SalesforceSupportAccount) === null || _c === void 0 ? void 0 : _c.edges) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.node) === null || _f === void 0 ? void 0 : _f.Contacts) === null || _g === void 0 ? void 0 : _g.edges) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.node;
-        return {
-            phone: (_l = (_k = contactNode === null || contactNode === void 0 ? void 0 : contactNode.Phone) === null || _k === void 0 ? void 0 : _k.value) !== null && _l !== void 0 ? _l : '',
-        };
-    });
-}
 export function CaseContactPhoneNumber() {
     var _a;
-    const apolloClient = useApolloClient();
-    const { phoneCountryCode = '', phoneAreaCodePrefixLineNumber = '', caseNumber, contactSSOName, accountNumberRef, suppliedPhoneNumberVerified, isCaseOwnerUpdating, hasLoggedInUserConfirmedPhoneNumber, isCasePhoneUpdating, } = useCaseSelector((state) => ({
+    const { phoneCountryCode = '', phoneAreaCodePrefixLineNumber = '', caseNumber, contactSSOName, suppliedPhoneNumberVerified, isCaseOwnerUpdating, hasLoggedInUserConfirmedPhoneNumber, isCasePhoneUpdating, } = useCaseSelector((state) => ({
         phoneCountryCode: state.caseDetails.phoneCountryCode || '',
         phoneAreaCodePrefixLineNumber: state.caseDetails.phoneAreaCodePrefixLineNumber || '',
         caseNumber: state.caseDetails.caseNumber,
         contactSSOName: state.caseDetails.contactSSOName,
-        accountNumberRef: state.caseDetails.accountNumberRef,
         suppliedPhoneNumberVerified: state.caseDetails.suppliedPhoneNumberVerified,
         isCaseOwnerUpdating: state.isCaseOwnerUpdating,
         hasLoggedInUserConfirmedPhoneNumber: state.hasLoggedInUserConfirmedPhoneNumber,
@@ -203,17 +180,29 @@ export function CaseContactPhoneNumber() {
             if (contactSSOName === loggedInUser.data.ssoUsername) {
                 try {
                     setIsFetchingSSO(true);
-                    const loggedInUserContact = yield fetchContactBySSO(apolloClient, accountNumberRef, contactSSOName);
+                    const loggedInUserContact = yield (contacts === null || contacts === void 0 ? void 0 : contacts.getSFDCContactBySso(contactSSOName));
                     setIsFetchingSSO(false);
-                    const phoneLine = getPhoneObj(loggedInUserContact.phone).phoneLine || '';
-                    const countryCode = getPhoneObj(loggedInUserContact.phone).countryCode;
-                    _phoneAreaCodePrefixLineNumber = phoneLine;
-                    _phoneCountryCode = countryCode;
-                    _suppliedPhoneNumberVerified =
-                        isEqual(hasLoggedInUserConfirmedPhoneNumber, 'True') ||
-                            isEqual(hasLoggedInUserConfirmedPhoneNumber, 'Deferred')
-                            ? hasLoggedInUserConfirmedPhoneNumber
-                            : 'False';
+                    if (loggedInUserContact.supportPhoneAreaCodePrefixLineNumber) {
+                        // User has opened a case before and has phone and area code in her/his contact on SF
+                        _phoneAreaCodePrefixLineNumber = loggedInUserContact.supportPhoneAreaCodePrefixLineNumber;
+                        _phoneCountryCode = loggedInUserContact.supportPhoneCountryCode;
+                        _suppliedPhoneNumberVerified =
+                            isEqual(hasLoggedInUserConfirmedPhoneNumber, 'True') ||
+                                isEqual(hasLoggedInUserConfirmedPhoneNumber, 'Deferred')
+                                ? hasLoggedInUserConfirmedPhoneNumber
+                                : 'False';
+                    }
+                    else {
+                        const phoneLine = getPhoneObj(loggedInUserContact.phone).phoneLine || '';
+                        const countryCode = getPhoneObj(loggedInUserContact.phone).countryCode;
+                        _phoneAreaCodePrefixLineNumber = phoneLine;
+                        _phoneCountryCode = countryCode;
+                        _suppliedPhoneNumberVerified =
+                            isEqual(hasLoggedInUserConfirmedPhoneNumber, 'True') ||
+                                isEqual(hasLoggedInUserConfirmedPhoneNumber, 'Deferred')
+                                ? hasLoggedInUserConfirmedPhoneNumber
+                                : 'False';
+                    }
                 }
                 catch (_a) {
                     _phoneAreaCodePrefixLineNumber = '';
@@ -227,11 +216,18 @@ export function CaseContactPhoneNumber() {
                 // user is openning case for others (use is partner or red hatter)
                 try {
                     setIsFetchingSSO(true);
-                    const selectedContact = yield fetchContactBySSO(apolloClient, accountNumberRef, contactSSOName);
+                    const selectedContact = yield contacts.getSFDCContactBySso(contactSSOName);
                     setIsFetchingSSO(false);
-                    _phoneAreaCodePrefixLineNumber = getPhoneObj(selectedContact.phone).phoneLine || '';
-                    _phoneCountryCode = getPhoneObj(selectedContact.phone).countryCode || '';
-                    _suppliedPhoneNumberVerified = 'Deferred';
+                    if (selectedContact.supportPhoneAreaCodePrefixLineNumber) {
+                        _phoneAreaCodePrefixLineNumber = selectedContact.supportPhoneAreaCodePrefixLineNumber;
+                        _phoneCountryCode = selectedContact.supportPhoneCountryCode;
+                        _suppliedPhoneNumberVerified = 'Deferred';
+                    }
+                    else {
+                        _phoneAreaCodePrefixLineNumber = getPhoneObj(selectedContact.phone).phoneLine || '';
+                        _phoneCountryCode = getPhoneObj(selectedContact.phone).countryCode || '';
+                        _suppliedPhoneNumberVerified = 'Deferred';
+                    }
                 }
                 catch (e) {
                     _phoneAreaCodePrefixLineNumber = '';

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

@@ -1 +1 @@
-{"version":3,"file":"CaseDetailsManagement.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseDetailsManagement.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAkBvD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,mBAAmB,CAAC;IAChC,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CAClD;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,KAAK,EAAE,MAAM,qBAqE1D"}
+{"version":3,"file":"CaseDetailsManagement.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseDetailsManagement.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAkBvD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,mBAAmB,CAAC;IAChC,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CAClD;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,KAAK,EAAE,MAAM,qBAgE1D"}

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

@@ -4,11 +4,11 @@ import isEqual from 'lodash/isEqual';
 import React, { useContext, useState } from 'react';
 import { useCaseSelector } from '../../../../context/CaseContext';
 import { OwnerSelector } from '../../../AccountInfo/OwnerSelector';
-// import CaseGroup from '../../../CaseInformation/CaseGroup';
+import CaseGroup from '../../../CaseInformation/CaseGroup';
 import Fts from '../../../CaseInformation/Fts';
-// import { Cep } from '../../../CaseManagement/Cep';
-// import { RHAssociatesSelector } from '../../../CaseManagement/RHAssociatesSelector';
-// import CaseContactSelector from '../../../CaseManagement/SendNotifications/CaseContactSelector';
+import { Cep } from '../../../CaseManagement/Cep';
+import { RHAssociatesSelector } from '../../../CaseManagement/RHAssociatesSelector';
+import CaseContactSelector from '../../../CaseManagement/SendNotifications/CaseContactSelector';
 import { PartnerCaseHelper } from '../../ShareCase/PartnerCaseHelper';
 import { ShareWithPartner } from '../../ShareCase/PartnerShare';
 import { CaseContactPhoneNumber } from './CaseContactPhoneNumber';
@@ -26,11 +26,7 @@ export default function CaseDetailsManagement(props) {
     }), isEqual);
     const accountNumber = caseState.caseDetails.accountNumber;
     const ability = useContext(AbilityContext);
-    // const canSeeEmailNotifications = ability.can(
-    //     resourceActions.PATCH,
-    //     resources.CASE_DETAILS,
-    //     CaseDetailsFields.CASE_DETAILS_SEND_NOTIFICATIONS
-    // );
+    const canSeeEmailNotifications = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_SEND_NOTIFICATIONS);
     const canSeeInternalStatus = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_INTERNAL_STATUS);
     const canSeeSBRGroups = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_SBR_GROUP);
     return (React.createElement(React.Fragment, null,
@@ -45,8 +41,12 @@ export default function CaseDetailsManagement(props) {
                 React.createElement(CaseContactPhoneNumberAlert, { isConfirm: true }),
                 canSeeInternalStatus && React.createElement(CaseInternalStatus, null),
                 canSeeSBRGroups && React.createElement(CaseSbrGroups, null),
+                React.createElement(CaseGroup, null),
                 React.createElement(CaseReferenceNumber, null),
+                canSeeEmailNotifications && React.createElement(CaseContactSelector, null),
+                React.createElement(RHAssociatesSelector, null),
                 React.createElement(Fts, { inlineEditable: true }),
+                React.createElement(Cep, null),
                 React.createElement(SFDCUrl, null),
                 React.createElement(ShareWithPartner, { routeProps: props.routeProps, isUpdatingPartner: isUpdatingPartner, accountNumber: accountNumber })))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ProductVersion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/ProductVersion.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAkD,MAAM,OAAO,CAAC;AASvE,UAAU,MAAM;IACZ,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACvC;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,qBAuUrC;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ProductVersion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/ProductVersion.tsx"],"names":[],"mappings":"AAyCA,OAAO,KAAkD,MAAM,OAAO,CAAC;AASvE,UAAU,MAAM;IACZ,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACvC;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,qBA4WrC;AAED,eAAe,eAAe,CAAC"}

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

@@ -7,12 +7,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { useApolloClient } from '@apollo/client/react';
 import { Alert, AlertVariant, Button, MenuToggle, Select, SelectList, SelectOption, Spinner, TextInputGroup, TextInputGroupMain, TextInputGroupUtilities, } from '@patternfly/react-core';
 import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
 import { AlertMessage, AlertType, SingleSelectDropdown, ToastNotification, useSelectKeyboardNavigator, } from '@rh-support/components';
 import { fetchProducts, GlobalMetadataDispatchContext, GlobalMetadataStateContext, useCanEditCase, } from '@rh-support/react-context';
-import { haventLoadedMetadata, toOption } from '@rh-support/utils';
+import { getUniqueSortedVersions, haventLoadedMetadata, toOption, } from '@rh-support/utils';
+import filter from 'lodash/filter';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import isUndefined from 'lodash/isUndefined';
@@ -21,7 +21,7 @@ import React, { useContext, useEffect, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../../../context/CaseContext';
 import { useCaseUpdateErrorMessage } from '../../../../hooks/useCaseUpdateErrorMessage';
-import { getVersionsDetails, updateCaseDetailsGraphQL } from '../../../../reducers/CaseReducer';
+import { fetchCaseEntitlements, getVersionsDetails, updateCaseDetails } from '../../../../reducers/CaseReducer';
 import { getProductObj } from '../../../shared/utils';
 import { PDFContext } from '../../PDFContainer';
 function ProductNVersion(props) {
@@ -32,22 +32,22 @@ function ProductNVersion(props) {
     const [isVersionUpdating, setIsVersionUpdating] = useState(false);
     const [isOpen, setIsOpen] = useState(false);
     const textInputRef = useRef();
-    const { product, version, caseNumber, existingCaseDetails, versionsDetails, isCaseUpdating } = useCaseSelector((state) => ({
+    const { product, version, caseNumber, contactSSOName, versionsDetails, isCaseUpdating } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
+        contactSSOName: state.caseDetails.contactSSOName,
         caseNumber: state.caseDetails.caseNumber,
-        existingCaseDetails: state.caseDetails,
         versionsDetails: state.versionsDetails,
         isCaseUpdating: state.isCaseUpdating,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
     const dispatchToGlobalMetadataReducer = useContext(GlobalMetadataDispatchContext);
-    const apolloClient = useApolloClient();
     const { globalMetadataState: { allProducts }, } = useContext(GlobalMetadataStateContext);
     const [isProductInvalid, setIsProductInvalid] = useState(false);
     const [isVersionInvalid, setIsVersionInvalid] = useState(false);
     const [selectedProductLocal, setSelectedProductLocal] = useState(product);
     const [selectedVersionLocal, setSelectedVersionLocal] = useState(version);
+    const [isSEProductApiIsDown, setIsSEProductApiIsDown] = useState(false);
     const [inputValue, setInputValue] = useState(product);
     const [shouldFilter, setShouldFilter] = useState(false);
     const onToggleClick = () => {
@@ -112,10 +112,19 @@ function ProductNVersion(props) {
             }
             setIsProductUpdating(true);
             setIsVersionUpdating(true);
-            yield updateCaseDetailsGraphQL(caseDispatch, apolloClient, caseNumber, {
-                product: selectedProduct,
-                version: selectedVersion,
-            }, false, { existingCaseDetails });
+            if (!onlyVersionChanged && contactSSOName && caseNumber) {
+                yield updateCaseDetails(caseDispatch, caseNumber, {
+                    product: selectedProduct,
+                    version: selectedVersion,
+                });
+                yield fetchCaseEntitlements(caseDispatch, contactSSOName, selectedProduct, undefined, true, caseNumber);
+            }
+            else {
+                yield updateCaseDetails(caseDispatch, caseNumber, {
+                    product: selectedProduct,
+                    version: selectedVersion,
+                });
+            }
             setIsProductUpdating(false);
             setIsVersionUpdating(false);
             if (onlyVersionChanged) {
@@ -141,29 +150,60 @@ function ProductNVersion(props) {
     });
     // To check if version in invalid
     const checkIfVersionIsInvalid = isVersionInvalid && isEmpty(selectedVersionLocal);
+    // when user changes selected product, we need to get the versions
     useEffect(() => {
         if (!selectedProductLocal)
             return;
+        const getVersions = () => __awaiter(this, void 0, void 0, function* () {
+            try {
+                yield getVersionsDetails(caseDispatch, selectedProductLocal);
+            }
+            catch (e) {
+                console.log(e);
+            }
+        });
+        // call sfdc version api to get version flags that we only get from sfdc api
+        // flags are used in severity components
+        getVersions();
+        // populate versions with SE product api versions
         const productObj = getProductObj(allProducts.data.productsResult, selectedProductLocal);
-        if (productObj.productId) {
-            getVersionsDetails(caseDispatch, apolloClient, productObj.productId, productObj.name || selectedProductLocal);
+        if (productObj.versions) {
+            const productVersions = productObj.hasComponentsInsteadOfVersions
+                ? productObj.versions.sort()
+                : productObj.versions;
+            setVersions(productVersions);
+            if (productVersions.length === 1 && !selectedVersionLocal) {
+                setSelectedVersionLocal(productVersions[0]);
+                updateProductVerstion(selectedProductLocal, productVersions[0]);
+            }
+        }
+        else {
+            setIsSEProductApiIsDown(true);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [selectedProductLocal, caseDispatch, allProducts.data]);
+    // observe when fetched versions are available
     useEffect(() => {
-        var _a;
-        if (versionsDetails.isFetching || !((_a = versionsDetails.data) === null || _a === void 0 ? void 0 : _a.length))
+        if (!isSEProductApiIsDown)
             return;
         const fetchedVersions = versionsDetails.data.map(({ name }) => name);
-        setVersions(fetchedVersions);
         if (fetchedVersions.length === 1 && !selectedVersionLocal) {
+            setVersions(fetchedVersions);
             setSelectedVersionLocal(fetchedVersions[0]);
             updateProductVerstion(selectedProductLocal, fetchedVersions[0]);
+            return;
         }
+        const productObj = getProductObj(allProducts.data.productsResult, selectedProductLocal);
+        const sfdcVersions = getUniqueSortedVersions(fetchedVersions);
+        const versionsForSelectedProduct = productObj.versions ? productObj.versions : sfdcVersions;
+        const productVersions = (productObj === null || productObj === void 0 ? void 0 : productObj.hasComponentsInsteadOfVersions)
+            ? versionsForSelectedProduct.sort()
+            : versionsForSelectedProduct;
+        setVersions(productVersions);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [versionsDetails.data]);
     const computeDropdownList = () => {
-        const list = allProducts.data.productsResult;
+        const list = filter(allProducts.data.productsResult, (p) => p.isEntitledProduct);
         if (!list)
             return [];
         const options = shouldFilter && !isUndefined(inputValue) && !isEmpty(inputValue === null || inputValue === void 0 ? void 0 : inputValue.trim())
@@ -193,10 +233,10 @@ function ProductNVersion(props) {
     };
     useEffect(() => {
         if (haventLoadedMetadata(allProducts, (data) => isEmpty(data.productsResult))) {
-            fetchProducts(dispatchToGlobalMetadataReducer, apolloClient);
+            fetchProducts(dispatchToGlobalMetadataReducer, contactSSOName);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [allProducts, dispatchToGlobalMetadataReducer, apolloClient]);
+    }, [allProducts, dispatchToGlobalMetadataReducer, contactSSOName]);
     return (React.createElement(React.Fragment, null,
         React.createElement(AlertMessage, { show: !allProducts.isFetching && allProducts.isError, title: t('There was an error loading products.'), variant: AlertType.DANGER }),
         isEmpty(selectedVersionLocal) && (selectedVersionLocal === null || selectedVersionLocal === void 0 ? void 0 : selectedVersionLocal.length) < 2 && (React.createElement(Alert, { isInline: true, className: "pf-v6-u-mb-md", variant: AlertVariant.danger, title: React.createElement(Trans, null, "Please clear the errors to change the product on your case") })),
@@ -213,6 +253,6 @@ function ProductNVersion(props) {
                     React.createElement(SingleSelectDropdown, { className: "open-case-version", id: "version-dropdown", placeholder: t(`Select a version`), selected: getVersionSelectedDropdownOption, options: getVersionDropdownOptions, isInvalid: checkIfVersionIsInvalid, isDisabled: isVersionUpdating ||
                             (allProducts.isFetching && !allProducts.isError) ||
                             isEmpty(selectedProductLocal) ||
-                            isCaseUpdating, onSelect: onVersionChange, isLoading: isVersionUpdating || versionsDetails.isFetching, dataTrackingId: "case-details-version-selector", isScrollable: true }))))));
+                            isCaseUpdating, onSelect: onVersionChange, isLoading: isVersionUpdating || (isSEProductApiIsDown && versionsDetails.isFetching), dataTrackingId: "case-details-version-selector", isScrollable: true }))))));
 }
 export default ProductNVersion;

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

@@ -1 +1 @@
-{"version":3,"file":"Summary.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/Summary.tsx"],"names":[],"mappings":"AASA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAS/D,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAQD,iBAAS,OAAO,CAAC,KAAK,EAAE,MAAM,qBAiM7B;kBAjMQ,OAAO;;;AAoMhB,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Summary.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/Summary.tsx"],"names":[],"mappings":"AAQA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAS/D,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAQD,iBAAS,OAAO,CAAC,KAAK,EAAE,MAAM,qBA0L7B;kBA1LQ,OAAO;;;AA6LhB,eAAe,OAAO,CAAC"}

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

@@ -7,7 +7,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { useApolloClient } from '@apollo/client/react';
 import { InputGroupText, Spinner, TextInput, ValidatedOptions } from '@patternfly/react-core';
 import CheckIcon from '@patternfly/react-icons/dist/js/icons/check-icon';
 import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
@@ -20,7 +19,7 @@ import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../../../context/CaseContext';
 import { useCaseUpdateErrorMessage } from '../../../../hooks/useCaseUpdateErrorMessage';
 import { SUMMARY_LENGTH_LIMIT } from '../../../../reducers/CaseConstNTypes';
-import { setCaseDetails, updateCaseDetailsGraphQL } from '../../../../reducers/CaseReducer';
+import { setCaseDetails, updateCaseDetails } from '../../../../reducers/CaseReducer';
 import { PDFContext } from '../../PDFContainer';
 const defaultProps = {
     inlineEditable: true,
@@ -30,13 +29,11 @@ const defaultProps = {
 function Summary(props) {
     const { t } = useTranslation();
     const caseUpdateError = useCaseUpdateErrorMessage();
-    const { summary, caseNumber, existingCaseDetails } = useCaseSelector((state) => ({
+    const { summary, caseNumber } = useCaseSelector((state) => ({
         summary: state.caseDetails.summary,
         caseNumber: state.caseDetails.caseNumber,
-        existingCaseDetails: state.caseDetails,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
-    const apolloClient = useApolloClient();
     const { isExportingPDF } = useContext(PDFContext);
     const [summaryState, setSummaryState] = useState(summary);
     const [isSummaryUpdating, setIsSummaryUpdating] = useState(false);
@@ -44,11 +41,9 @@ function Summary(props) {
     // value changed logic to show a none local severity change
     const [localSummaryChange, setLocalSummaryChange] = useState(false);
     // To keep track of Cancel button state to close InlineEdit input mode
-    const [cancelToggleKey, setCancelToggleKey] = useState(0);
+    const [isCancelClicked, setIsCancelClicked] = useState(false);
     // To keep track of Save button state to close InlineEdit input mode
-    const [saveToggleKey, setSaveToggleKey] = useState(0);
-    const closeInlineEdit = () => setSaveToggleKey((key) => key + 1);
-    const cancelInlineEdit = () => setCancelToggleKey((key) => key + 1);
+    const [isSaveClicked, setIsSaveClicked] = useState(false);
     const afterLocalChange = () => setLocalSummaryChange(false);
     const getSummaryChangedTT = () => React.createElement(Trans, null, "Summary has been updated");
     // Function to handle when summary changes
@@ -60,9 +55,7 @@ function Summary(props) {
     const onSummaryUpdate = (caseDetails) => __awaiter(this, void 0, void 0, function* () {
         setIsSummaryUpdating(true);
         try {
-            yield updateCaseDetailsGraphQL(caseDispatch, apolloClient, caseNumber, caseDetails, false, {
-                existingCaseDetails,
-            });
+            yield updateCaseDetails(caseDispatch, caseNumber, caseDetails);
             setIsSummaryUpdating(false);
             ToastNotification.addSuccessMessage(t(`Title has been successfully updated`));
         }
@@ -88,11 +81,11 @@ function Summary(props) {
             setCaseDetails(caseDispatch, caseDetails);
         }
         setLocalSummaryChange(true);
-        closeInlineEdit();
+        setIsSaveClicked(!isSaveClicked);
     });
     const onCancel = () => {
         setSummaryState(summary);
-        cancelInlineEdit();
+        setIsCancelClicked(!isCancelClicked);
     };
     useEffect(() => {
         setSummaryState(summary);
@@ -126,14 +119,14 @@ function Summary(props) {
                 setCaseDetails(caseDispatch, caseDetails);
             }
             setLocalSummaryChange(true);
-            closeInlineEdit();
+            setIsSaveClicked(!isSaveClicked);
         }
     });
     return (React.createElement(React.Fragment, null,
         React.createElement(NewInlineEdit, { labelProps: { htmlFor: 'case-details-summary' }, labelContent: React.createElement(React.Fragment, null,
                 React.createElement(Trans, null, "Title"),
                 React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, isLocalChange: localSummaryChange, value: summary, getTooltipContent: getSummaryChangedTT }),
-                React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")), allowInlineEdit: props.inlineEditable, content: summary ? summary : t('No summary to display.'), saveDisabled: saveDisabled, hideLabel: props.hideLabel, hideSaveCancel: props.hideSaveCancel, charCount: (summaryState === null || summaryState === void 0 ? void 0 : summaryState.length) || 0, charTotal: SUMMARY_LENGTH_LIMIT, cancelToggleState: cancelToggleKey % 2 === 1, saveToggleState: saveToggleKey % 2 === 1, isExportingPDF: isExportingPDF },
+                React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")), allowInlineEdit: props.inlineEditable, content: summary ? summary : t('No summary to display.'), saveDisabled: saveDisabled, hideLabel: props.hideLabel, hideSaveCancel: props.hideSaveCancel, charCount: (summaryState === null || summaryState === void 0 ? void 0 : summaryState.length) || 0, charTotal: SUMMARY_LENGTH_LIMIT, cancelToggleState: isCancelClicked, saveToggleState: isSaveClicked, isExportingPDF: isExportingPDF },
             React.createElement("div", { className: "pf-v6-u-display-flex pf-v6-u-flex-direction-row pf-v6-u-align-items-center" },
                 React.createElement(TextInput, { type: "text", id: "case-details-summary", "aria-required": true, required: true, name: "case-details-summary", value: summaryState, onChange: (_event, value) => onSummaryChange(value), isDisabled: isSummaryUpdating, "data-tracking-id": "case-details-summary", onKeyDown: handleKeyDown, validated: (summaryState === null || summaryState === void 0 ? void 0 : summaryState.length) > SUMMARY_LENGTH_LIMIT || isSummaryEmpty
                         ? ValidatedOptions.error

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/CaseDiscussion.d.ts

@@ -1,14 +1,12 @@
-import { ICaseComment } from '@cee-eng/hydrajs/@types/api/public/case';
+import { ICaseChat, ICaseComment } from '@cee-eng/hydrajs/@types/api/public/case';
 import React from 'react';
 interface IProps {
     caseNumber: string;
     caseComments: ICaseComment[];
-    commentsLoading?: boolean;
-    commentsError?: unknown;
+    caseChats: ICaseChat[];
     accountNumber: string;
     tabRef: React.MutableRefObject<HTMLDivElement>;
     isDiscussionTab: boolean;
-    refetchComments: () => Promise<unknown> | void;
 }
 export default function CaseDiscussion(props: IProps): React.JSX.Element;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"CaseDiscussion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseDiscussion.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAcvE,OAAO,KAAoE,MAAM,OAAO,CAAC;AAwCzF,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IAGxB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAC/C,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;CAClD;AAOD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM,qBAmhBnD"}
+{"version":3,"file":"CaseDiscussion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseDiscussion.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,YAAY,EAA0B,MAAM,yCAAyC,CAAC;AAkB1G,OAAO,KAAoE,MAAM,OAAO,CAAC;AAyCzF,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,SAAS,EAAE,SAAS,EAAE,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAC/C,eAAe,EAAE,OAAO,CAAC;CAC5B;AAOD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM,qBA4oBnD"}