@rh-support/troubleshoot 2.6.361 → 2.6.364

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":"AA2CA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAehF,UAAU,MAAM;IACZ,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACvC;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,qBAobrC;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,66 +7,49 @@ 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 { getUniqueSortedVersions, haventLoadedMetadata, resolveProductServiceLevelsForAccount, 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';
 import map from 'lodash/map';
-import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
+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, setCaseDetails, setCaseState, updateCaseDetailsGraphQL, } from '../../../../reducers/CaseReducer';
-import { ProductNotEntitledWarning } from '../../../ProductSelector/ProductNotEntitledWarning';
-import { getProductObj, getProductObjById } from '../../../shared/utils';
+import { fetchCaseEntitlements, getVersionsDetails, updateCaseDetails } from '../../../../reducers/CaseReducer';
+import { getProductObj } from '../../../shared/utils';
 import { PDFContext } from '../../PDFContainer';
 function ProductNVersion(props) {
-    var _a;
     const { t } = useTranslation();
     const caseUpdateError = useCaseUpdateErrorMessage();
+    const [versions, setVersions] = useState([]);
     const [isProductUpdating, setIsProductUpdating] = useState(false);
     const [isVersionUpdating, setIsVersionUpdating] = useState(false);
     const [isOpen, setIsOpen] = useState(false);
     const textInputRef = useRef();
-    const { product, version, parentProductId, caseNumber, existingCaseDetails, versionsDetails, isCaseUpdating, selectedAccountDetails, isProductNotEntitled, } = useCaseSelector((state) => ({
+    const { product, version, caseNumber, contactSSOName, versionsDetails, isCaseUpdating } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
-        parentProductId: state.caseDetails.parentProductId,
+        contactSSOName: state.caseDetails.contactSSOName,
         caseNumber: state.caseDetails.caseNumber,
-        existingCaseDetails: state.caseDetails,
         versionsDetails: state.versionsDetails,
         isCaseUpdating: state.isCaseUpdating,
-        selectedAccountDetails: state.selectedAccountDetails,
-        isProductNotEntitled: state.isProductNotEntitled,
     }), 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);
-    useEffect(() => {
-        var _a;
-        const matched = getProductObjById((_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult, parentProductId);
-        if (matched.product && matched.product !== product) {
-            setCaseDetails(caseDispatch, { product: matched.product });
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [parentProductId, (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult, caseDispatch]);
-    useEffect(() => {
-        setSelectedProductLocal(product);
-        setInputValue(product || '');
-        setSelectedVersionLocal(version);
-    }, [product, version]);
     const onToggleClick = () => {
         var _a;
         setIsOpen(!isOpen);
@@ -76,7 +59,6 @@ function ProductNVersion(props) {
         (_a = textInputRef === null || textInputRef === void 0 ? void 0 : textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     };
     const canEditCase = useCanEditCase();
-    const isCaseReadOnly = canEditCase.isCaseNotEditable;
     const { isExportingPDF } = useContext(PDFContext);
     const onProductChange = (option) => __awaiter(this, void 0, void 0, function* () {
         if (canEditCase.alert())
@@ -123,7 +105,6 @@ function ProductNVersion(props) {
         }
     };
     const updateProductVerstion = (selectedProduct, selectedVersion) => __awaiter(this, void 0, void 0, function* () {
-        var _a, _b;
         let onlyVersionChanged = false;
         try {
             if (product === selectedProduct) {
@@ -131,31 +112,17 @@ function ProductNVersion(props) {
             }
             setIsProductUpdating(true);
             setIsVersionUpdating(true);
-            const selectedVersionId = (_b = (_a = versionsDetails.data) === null || _a === void 0 ? void 0 : _a.find((v) => v.name === selectedVersion)) === null || _b === void 0 ? void 0 : _b.id;
-            const serviceLevels = !onlyVersionChanged
-                ? resolveProductServiceLevelsForAccount(selectedAccountDetails.data, allProducts.data.productsResult, selectedProduct)
-                : undefined;
-            yield updateCaseDetailsGraphQL(caseDispatch, apolloClient, caseNumber, Object.assign({ product: selectedProduct, version: selectedVersion }, (selectedVersionId ? { productId: selectedVersionId } : {})), false, { existingCaseDetails });
-            if (!onlyVersionChanged) {
-                const catalogProduct = getProductObj(allProducts.data.productsResult, selectedProduct);
-                if (catalogProduct.productId) {
-                    setCaseDetails(caseDispatch, { parentProductId: catalogProduct.productId });
-                }
-            }
-            if (!onlyVersionChanged && (serviceLevels === null || serviceLevels === void 0 ? void 0 : serviceLevels.productServiceLevel)) {
-                setCaseState(caseDispatch, {
-                    isProductNotEntitled: false,
-                    productServiceLevel: serviceLevels.productServiceLevel,
-                    otherServiceLevels: serviceLevels.otherServiceLevels,
-                    selectedEntitlementId: serviceLevels.defaultEntitlementId,
+            if (!onlyVersionChanged && contactSSOName && caseNumber) {
+                yield updateCaseDetails(caseDispatch, caseNumber, {
+                    product: selectedProduct,
+                    version: selectedVersion,
                 });
+                yield fetchCaseEntitlements(caseDispatch, contactSSOName, selectedProduct, undefined, true, caseNumber);
             }
-            else if (!onlyVersionChanged) {
-                setCaseState(caseDispatch, {
-                    isProductNotEntitled: true,
-                    productServiceLevel: undefined,
-                    otherServiceLevels: [],
-                    selectedEntitlementId: undefined,
+            else {
+                yield updateCaseDetails(caseDispatch, caseNumber, {
+                    product: selectedProduct,
+                    version: selectedVersion,
                 });
             }
             setIsProductUpdating(false);
@@ -173,75 +140,70 @@ function ProductNVersion(props) {
             setInputValue(product);
             setIsProductUpdating(false);
             setIsVersionUpdating(false);
-            caseUpdateError.showFieldError(e, onlyVersionChanged ? t('Version') : t('Product'), () => updateProductVerstion(selectedProduct, selectedVersion));
+            if (onlyVersionChanged) {
+                caseUpdateError.showError(e, t('Version failed to update'));
+            }
+            else {
+                caseUpdateError.showError(e, t('Your product failed to update'));
+            }
         }
     });
     // To check if version in invalid
     const checkIfVersionIsInvalid = isVersionInvalid && isEmpty(selectedVersionLocal);
-    useEffect(() => {
-        if (isEmpty(selectedProductLocal)) {
-            setCaseState(caseDispatch, {
-                isProductNotEntitled: false,
-                productServiceLevel: undefined,
-                otherServiceLevels: [],
-                selectedEntitlementId: undefined,
-            });
-            return;
-        }
-        if (selectedAccountDetails.isFetching || isEmpty(selectedAccountDetails.data))
-            return;
-        const serviceLevels = resolveProductServiceLevelsForAccount(selectedAccountDetails.data, allProducts.data.productsResult, selectedProductLocal);
-        if (!serviceLevels || !serviceLevels.productServiceLevel) {
-            setCaseState(caseDispatch, {
-                isProductNotEntitled: true,
-                productServiceLevel: undefined,
-                otherServiceLevels: [],
-                selectedEntitlementId: undefined,
-            });
-            return;
-        }
-        setCaseState(caseDispatch, {
-            isProductNotEntitled: false,
-            productServiceLevel: serviceLevels.productServiceLevel,
-            otherServiceLevels: serviceLevels.otherServiceLevels,
-            selectedEntitlementId: serviceLevels.defaultEntitlementId,
-        });
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [selectedProductLocal, selectedAccountDetails.data, allProducts.data.productsResult]);
+    // 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]);
-    const sortedVersionNames = useMemo(() => {
-        var _a;
-        if (!((_a = versionsDetails.data) === null || _a === void 0 ? void 0 : _a.length))
-            return [];
-        const versionNames = versionsDetails.data.map(({ name }) => name);
-        const productObj = getProductObj(allProducts.data.productsResult, selectedProductLocal);
-        if (productObj === null || productObj === void 0 ? void 0 : productObj.hasComponentsInsteadOfVersions) {
-            return [...versionNames].sort();
-        }
-        const numeric = versionNames.filter((v) => /^\d/.test(v));
-        const alpha = versionNames.filter((v) => !/^\d/.test(v));
-        return [...getUniqueSortedVersions(numeric), ...alpha.sort()];
-    }, [versionsDetails.data, allProducts.data.productsResult, selectedProductLocal]);
+    // 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);
+        if (fetchedVersions.length === 1 && !selectedVersionLocal) {
+            setVersions(fetchedVersions);
+            setSelectedVersionLocal(fetchedVersions[0]);
+            updateProductVerstion(selectedProductLocal, fetchedVersions[0]);
             return;
-        if (sortedVersionNames.length === 1 && !selectedVersionLocal) {
-            setSelectedVersionLocal(sortedVersionNames[0]);
-            updateProductVerstion(selectedProductLocal, sortedVersionNames[0]);
         }
+        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())
@@ -255,13 +217,13 @@ function ProductNVersion(props) {
         setIsOpen,
         onSelect: onProductChange,
     });
-    const toggle = (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, variant: "typeahead", onClick: onToggleClick, isExpanded: isOpen, isFullWidth: true, isDisabled: isProductUpdating || (allProducts.isFetching && !allProducts.isError) || isCaseReadOnly, status: isProductInvalid ? 'danger' : undefined },
+    const toggle = (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, variant: "typeahead", onClick: onToggleClick, isExpanded: isOpen, isFullWidth: true, isDisabled: isProductUpdating || (allProducts.isFetching && !allProducts.isError), status: isProductInvalid ? 'danger' : undefined },
         React.createElement(TextInputGroup, { isPlain: true },
             React.createElement(TextInputGroupMain, { value: inputValue, onClick: onToggleClick, onChange: onTextInputChange, onKeyDown: onInputKeyDown, autoComplete: "off", innerRef: textInputRef, placeholder: t('Select a product'), role: "combobox", isExpanded: isOpen, "aria-controls": "case-details-product-selector-listbox" }),
             isProductUpdating ? (React.createElement(TextInputGroupUtilities, null,
                 React.createElement(Spinner, { size: "md" }))) : (React.createElement(TextInputGroupUtilities, Object.assign({}, (!inputValue ? { style: { display: 'none' } } : {})),
                 React.createElement(Button, { icon: !isExportingPDF ? React.createElement(TimesIcon, { "aria-hidden": true }) : '', variant: "plain", onClick: onProductClear, "aria-label": "Clear input value" }))))));
-    const getVersionDropdownOptions = map(sortedVersionNames, (option) => ({
+    const getVersionDropdownOptions = map(versions, (option) => ({
         label: option,
         value: option,
     }));
@@ -271,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") })),
@@ -284,15 +246,13 @@ function ProductNVersion(props) {
                     React.createElement("label", { htmlFor: "case-details-product-selector" },
                         React.createElement(Trans, null, "Product")),
                     React.createElement(Select, { className: "open-case-product", id: "case-details-product-selector", onChange: onProductChange, "data-tracking-id": "case-details-product-selector", onBlur: () => onOuterClick, isOpen: isOpen, onSelect: (event, value) => onProductChange(value), onOpenChange: () => setIsOpen(false), toggle: toggle, shouldFocusFirstItemOnOpen: false, isScrollable: true, popperProps: { direction: 'down', enableFlip: false } },
-                        React.createElement(SelectList, { id: "case-details-product-selector-listbox" }, computeDropdownList().map((option, index) => (React.createElement(SelectOption, { key: option.productId, value: option, isFocused: focusedItemIndex === index }, option.name))))),
-                    isProductNotEntitled && !isEmpty(selectedProductLocal) && React.createElement(ProductNotEntitledWarning, null)),
+                        React.createElement(SelectList, { id: "case-details-product-selector-listbox" }, computeDropdownList().map((option, index) => (React.createElement(SelectOption, { key: option.productId, value: option, isFocused: focusedItemIndex === index }, option.name)))))),
                 React.createElement("div", { className: "version-selector-wrapper" },
                     React.createElement("label", { htmlFor: "version-dropdown" },
                         React.createElement(Trans, null, "Version")),
                     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 ||
-                            isCaseReadOnly, 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,qBAkM7B;kBAlMQ,OAAO;;;AAqMhB,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,15 +55,13 @@ 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`));
         }
         catch (e) {
             setIsSummaryUpdating(false);
-            caseUpdateError.showFieldError(e, t('Title'), () => onSummaryUpdate(caseDetails));
+            caseUpdateError.showError(e, t(`Title failed to updated`));
             throw e;
         }
     });
@@ -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 && !canEditCase.isCaseNotEditable, showAlwaysEditableInput: false, 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/CaseDetails/useCustomEmails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCustomEmails.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/useCustomEmails.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAwB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAavE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM;+BA4ED,MAAM;+BArCN,MAAM,UAAU,MAAM,IAAI;;;;;8CAbX,MAAM;EAmGhE"}
+{"version":3,"file":"useCustomEmails.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/useCustomEmails.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAwB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAYvE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM;+BAyED,MAAM;+BAnCN,MAAM,UAAU,MAAM,IAAI;;;;;8CAbX,MAAM;EAiGhE"}

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

@@ -18,13 +18,11 @@ import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../../../context/CaseContext';
-import { useCaseUpdateErrorMessage } from '../../../../hooks/useCaseUpdateErrorMessage';
 import { getCustomNotificationEmails, updateEmailListState } from '../../../../reducers/CaseReducer';
 import { AddCustomEmailToAccount } from '../../../CaseManagement/SendNotifications/AddCustomEmailToAccountModal';
 import { PDFContext } from '../../PDFContainer';
 export function useCustomEmails(props) {
     const { t } = useTranslation();
-    const caseUpdateError = useCaseUpdateErrorMessage();
     const { caseNumber } = props;
     const { globalMetadataState: { managedAccounts, accountCustomEmails }, } = useContext(GlobalMetadataStateContext);
     const canManageAccountCustomEmails = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_ACCOUNT_CUSTOM_EMAILS);
@@ -74,7 +72,7 @@ export function useCustomEmails(props) {
             updateEmailListState(caseDispatch, lowerCaseEmailVal, customEmailsList, updateEmailInstruction);
         }
         catch (e) {
-            caseUpdateError.showFieldError(e, t('Notification email'), () => addCustomEmail(emailVal, onAdd, skipAccountCheck));
+            ToastNotification.addDangerMessage(t(`There was an error adding new notification email`));
         }
     });
     const deleteCustomEmail = (email) => __awaiter(this, void 0, void 0, function* () {
@@ -89,7 +87,7 @@ export function useCustomEmails(props) {
             updateEmailListState(caseDispatch, email, customEmailsList, updateEmailInstruction);
         }
         catch (e) {
-            caseUpdateError.showFieldError(e, t('Notification email'), () => deleteCustomEmail(email));
+            ToastNotification.addDangerMessage(t(`There was an error removing notification email`));
         }
     });
     useEffect(() => {

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

@@ -0,0 +1,25 @@
+import React from 'react';
+export declare const ASA_FEEDBACK_RATINGS: readonly [{
+    readonly value: -1;
+    readonly label: "Unsatisfied";
+    readonly Icon: React.ComponentClass<import("@patternfly/react-icons/dist/js/createIcon").SVGIconProps, any>;
+}, {
+    readonly value: 0;
+    readonly label: "Neutral";
+    readonly Icon: React.ComponentClass<import("@patternfly/react-icons/dist/js/createIcon").SVGIconProps, any>;
+}, {
+    readonly value: 1;
+    readonly label: "Satisfied";
+    readonly Icon: React.ComponentClass<import("@patternfly/react-icons/dist/js/createIcon").SVGIconProps, any>;
+}];
+interface IProps {
+    isOpen: boolean;
+    isSubmitting: boolean;
+    initialFeedback?: number;
+    initialFeedbackReason?: string;
+    onClose: () => void;
+    onSubmit: (feedback: number, feedbackReason: string) => Promise<boolean | void> | boolean | void;
+}
+export declare function AsaCommentFeedbackModal(props: IProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=AsaCommentFeedbackModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AsaCommentFeedbackModal.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/AsaCommentFeedbackModal.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,eAAO,MAAM,oBAAoB;;;;;;;;;;;;EAIvB,CAAC;AAEX,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,OAAO,GAAG,IAAI,CAAC;CACpG;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,qBAiLpD"}

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/AsaCommentFeedbackModal.js

@@ -0,0 +1,102 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { Button, Form, FormGroup, FormHelperText, HelperText, HelperTextItem, Icon, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant, TextArea, ValidatedOptions, } from '@patternfly/react-core';
+import OutlinedFrownIcon from '@patternfly/react-icons/dist/js/icons/outlined-frown-icon';
+import OutlinedMehIcon from '@patternfly/react-icons/dist/js/icons/outlined-meh-icon';
+import OutlinedSmileIcon from '@patternfly/react-icons/dist/js/icons/outlined-smile-icon';
+import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
+import React, { useEffect, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+export const ASA_FEEDBACK_RATINGS = [
+    { value: -1, label: 'Unsatisfied', Icon: OutlinedFrownIcon },
+    { value: 0, label: 'Neutral', Icon: OutlinedMehIcon },
+    { value: 1, label: 'Satisfied', Icon: OutlinedSmileIcon },
+];
+export function AsaCommentFeedbackModal(props) {
+    var _a, _b;
+    const { t } = useTranslation();
+    const [selectedFeedback, setSelectedFeedback] = useState(props.initialFeedback);
+    const [feedbackReason, setFeedbackReason] = useState((_a = props.initialFeedbackReason) !== null && _a !== void 0 ? _a : '');
+    const [showRatingError, setShowRatingError] = useState(false);
+    const [showFeedbackTextError, setShowFeedbackTextError] = useState(false);
+    const trimmedFeedbackReason = feedbackReason.trim();
+    const savedFeedbackReason = (_b = props.initialFeedbackReason) !== null && _b !== void 0 ? _b : '';
+    const hasChanges = selectedFeedback !== props.initialFeedback || feedbackReason !== savedFeedbackReason;
+    const hasValidationError = showRatingError || showFeedbackTextError;
+    const isSubmitDisabled = props.isSubmitting || hasValidationError;
+    useEffect(() => {
+        var _a;
+        if (props.isOpen) {
+            setSelectedFeedback(props.initialFeedback);
+            setFeedbackReason((_a = props.initialFeedbackReason) !== null && _a !== void 0 ? _a : '');
+        }
+        setShowRatingError(false);
+        setShowFeedbackTextError(false);
+    }, [props.isOpen, props.initialFeedback, props.initialFeedbackReason]);
+    const handleClose = () => {
+        if (props.isSubmitting) {
+            return;
+        }
+        props.onClose();
+    };
+    const handleSubmit = (event) => __awaiter(this, void 0, void 0, function* () {
+        event.preventDefault();
+        if (selectedFeedback === undefined) {
+            setShowRatingError(true);
+            return;
+        }
+        if (trimmedFeedbackReason.length === 0) {
+            setShowFeedbackTextError(true);
+            return;
+        }
+        if (!hasChanges) {
+            return;
+        }
+        yield props.onSubmit(selectedFeedback, trimmedFeedbackReason);
+    });
+    return (React.createElement(Modal, { id: "asa-comment-feedback-modal", className: "asa-comment-feedback-modal", "aria-describedby": "asa-comment-feedback-modal-description", isOpen: props.isOpen, variant: ModalVariant.medium, onClose: handleClose },
+        React.createElement(ModalHeader, null,
+            React.createElement("div", { className: "asa-comment-feedback-modal-title-row" },
+                React.createElement("h2", { className: "asa-comment-feedback-modal-title" }, t('Send us your feedback')),
+                React.createElement(Button, { variant: "plain", icon: React.createElement(TimesIcon, null), "aria-label": t('Close'), onClick: handleClose, isDisabled: props.isSubmitting, className: "asa-comment-feedback-modal-close", "data-tracking-id": "case-asa-comment-feedback-close" }))),
+        React.createElement(ModalBody, null,
+            React.createElement("p", { id: "asa-comment-feedback-modal-description", className: "asa-comment-feedback-modal-description" },
+                React.createElement(Trans, null, "Let us know if you found a bug or if you have a suggestion to improve the web experience.")),
+            React.createElement(Form, { onSubmit: handleSubmit },
+                React.createElement(FormGroup, { label: t('How satisfied are you with generated Support AI assistant comment?'), isRequired: true, fieldId: "asa-comment-feedback-rating" },
+                    React.createElement("div", { className: "asa-feedback-rating-options", role: "radiogroup", "aria-labelledby": "asa-comment-feedback-rating", id: "asa-comment-feedback-rating" }, ASA_FEEDBACK_RATINGS.map((rating) => {
+                        const isSelected = selectedFeedback === rating.value;
+                        return (React.createElement("button", { key: rating.value, type: "button", className: `asa-feedback-rating-option${isSelected ? ' is-selected' : ''}`, "aria-pressed": isSelected, "aria-label": t(rating.label), "data-tracking-id": `case-asa-comment-feedback-${rating.label.toLowerCase()}`, disabled: props.isSubmitting, onClick: () => {
+                                setSelectedFeedback(rating.value);
+                                setShowRatingError(false);
+                            } },
+                            React.createElement(Icon, { size: "md" },
+                                React.createElement(rating.Icon, { "aria-hidden": "true" })),
+                            React.createElement("span", null,
+                                React.createElement(Trans, null, rating.label))));
+                    })),
+                    showRatingError && selectedFeedback === undefined && (React.createElement("p", { className: "form-instructions form-invalid pf-v6-u-mt-sm" },
+                        React.createElement(Trans, null, "Please select a value")))),
+                React.createElement(FormGroup, { label: t('How can we improve?'), isRequired: true, fieldId: "asa-comment-feedback-reason" },
+                    showFeedbackTextError && (React.createElement(FormHelperText, null,
+                        React.createElement(HelperText, null,
+                            React.createElement(HelperTextItem, { variant: ValidatedOptions.error }, t('Please enter your feedback'))))),
+                    React.createElement(TextArea, { id: "asa-comment-feedback-reason", name: "feedbackReason", value: feedbackReason, validated: showFeedbackTextError ? ValidatedOptions.error : ValidatedOptions.default, onChange: (_event, value) => {
+                            setShowFeedbackTextError(false);
+                            setFeedbackReason(value);
+                        }, placeholder: t('Describe your suggestion in details'), "aria-label": t('How can we improve?'), isDisabled: props.isSubmitting, resizeOrientation: "vertical" })),
+                React.createElement("p", { className: "asa-feedback-privacy" },
+                    React.createElement(Trans, null, "Do not include any personal information or other sensitive information in your feedback. Feedback may be used to improve Red Hat's products or Services.")))),
+        React.createElement(ModalFooter, null,
+            React.createElement(Button, { key: "confirm", variant: "primary", onClick: handleSubmit, isDisabled: isSubmitDisabled, isLoading: props.isSubmitting, spinnerAriaValueText: props.isSubmitting ? t('Sending feedback') : undefined, "data-tracking-id": "case-asa-comment-feedback-submit", "aria-label": t('Send Feedback') },
+                React.createElement(Trans, null, "Send Feedback")),
+            React.createElement(Button, { key: "cancel", variant: "link", onClick: handleClose, isDisabled: props.isSubmitting, "data-tracking-id": "case-asa-comment-feedback-cancel", "aria-label": t('Cancel') },
+                React.createElement(Trans, null, "Cancel")))));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"CaseAttachment.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseAttachment.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAoBxE,OAAO,KAAuC,MAAM,OAAO,CAAC;AAU5D,UAAU,MAAM;IACZ,UAAU,EAAE,WAAW,CAAC;IACxB,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,iBAAiB,EAAE,WAAW,KAAK,IAAI,CAAC;IACzE,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,kBAAkB,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAChH;AAED,QAAA,MAAM,cAAc,4EA8QlB,CAAC;AAEH,eAAe,cAAc,CAAC"}
+{"version":3,"file":"CaseAttachment.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseAttachment.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAexE,OAAO,KAAuC,MAAM,OAAO,CAAC;AAS5D,UAAU,MAAM;IACZ,UAAU,EAAE,WAAW,CAAC;IACxB,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,iBAAiB,EAAE,WAAW,KAAK,IAAI,CAAC;IACzE,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,kBAAkB,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAChH;AAED,QAAA,MAAM,cAAc,4EAsPlB,CAAC;AAEH,eAAe,cAAc,CAAC"}