@rh-support/troubleshoot 2.7.1 → 2.7.10

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

@@ -7,48 +7,66 @@ 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, toOption, } from '@rh-support/utils';
-import filter from 'lodash/filter';
+import { getUniqueSortedVersions, haventLoadedMetadata, resolveProductServiceLevelsForAccount, toOption, } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import isUndefined from 'lodash/isUndefined';
 import map from 'lodash/map';
-import React, { useContext, useEffect, useRef, useState } from 'react';
+import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../../../context/CaseContext';
 import { useCaseUpdateErrorMessage } from '../../../../hooks/useCaseUpdateErrorMessage';
-import { getVersionsDetails, updateCaseDetails } from '../../../../reducers/CaseReducer';
-import { getProductObj } from '../../../shared/utils';
+import { getVersionsDetails, setCaseDetails, setCaseState, updateCaseDetailsGraphQL, } from '../../../../reducers/CaseReducer';
+import { ProductNotEntitledWarning } from '../../../ProductSelector/ProductNotEntitledWarning';
+import { getProductObj, getProductObjById } 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, caseNumber, contactSSOName, versionsDetails } = useCaseSelector((state) => ({
+    const { product, version, parentProductId, caseNumber, existingCaseDetails, versionsDetails, isCaseUpdating, selectedAccountDetails, isProductNotEntitled, } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
-        contactSSOName: state.caseDetails.contactSSOName,
+        parentProductId: state.caseDetails.parentProductId,
         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);
@@ -58,6 +76,7 @@ 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())
@@ -104,6 +123,7 @@ function ProductNVersion(props) {
         }
     };
     const updateProductVerstion = (selectedProduct, selectedVersion) => __awaiter(this, void 0, void 0, function* () {
+        var _a, _b;
         let onlyVersionChanged = false;
         try {
             if (product === selectedProduct) {
@@ -111,7 +131,33 @@ function ProductNVersion(props) {
             }
             setIsProductUpdating(true);
             setIsVersionUpdating(true);
-            yield updateCaseDetails(caseDispatch, caseNumber, { product: selectedProduct, version: selectedVersion });
+            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,
+                });
+            }
+            else if (!onlyVersionChanged) {
+                setCaseState(caseDispatch, {
+                    isProductNotEntitled: true,
+                    productServiceLevel: undefined,
+                    otherServiceLevels: [],
+                    selectedEntitlementId: undefined,
+                });
+            }
             setIsProductUpdating(false);
             setIsVersionUpdating(false);
             if (onlyVersionChanged) {
@@ -127,70 +173,75 @@ function ProductNVersion(props) {
             setInputValue(product);
             setIsProductUpdating(false);
             setIsVersionUpdating(false);
-            if (onlyVersionChanged) {
-                caseUpdateError.showError(e, t('Version failed to update'));
-            }
-            else {
-                caseUpdateError.showError(e, t('Your product failed to update'));
-            }
+            caseUpdateError.showFieldError(e, onlyVersionChanged ? t('Version') : t('Product'), () => updateProductVerstion(selectedProduct, selectedVersion));
         }
     });
     // 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)
+        if (isEmpty(selectedProductLocal)) {
+            setCaseState(caseDispatch, {
+                isProductNotEntitled: false,
+                productServiceLevel: undefined,
+                otherServiceLevels: [],
+                selectedEntitlementId: undefined,
+            });
             return;
-        const getVersions = () => __awaiter(this, void 0, void 0, function* () {
-            try {
-                yield getVersionsDetails(caseDispatch, selectedProductLocal);
-            }
-            catch (e) {
-                console.log(e);
-            }
+        }
+        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,
         });
-        // 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
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [selectedProductLocal, selectedAccountDetails.data, allProducts.data.productsResult]);
+    useEffect(() => {
+        if (!selectedProductLocal)
+            return;
         const productObj = getProductObj(allProducts.data.productsResult, 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);
+        if (productObj.productId) {
+            getVersionsDetails(caseDispatch, apolloClient, productObj.productId, productObj.name || selectedProductLocal);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [selectedProductLocal, caseDispatch, allProducts.data]);
-    // observe when fetched versions are available
+    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]);
     useEffect(() => {
-        if (!isSEProductApiIsDown)
-            return;
-        const fetchedVersions = versionsDetails.data.map(({ name }) => name);
-        if (fetchedVersions.length === 1 && !selectedVersionLocal) {
-            setVersions(fetchedVersions);
-            setSelectedVersionLocal(fetchedVersions[0]);
-            updateProductVerstion(selectedProductLocal, fetchedVersions[0]);
+        var _a;
+        if (versionsDetails.isFetching || !((_a = versionsDetails.data) === null || _a === void 0 ? void 0 : _a.length))
             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 = filter(allProducts.data.productsResult, (p) => p.isEntitledProduct);
+        const list = allProducts.data.productsResult;
         if (!list)
             return [];
         const options = shouldFilter && !isUndefined(inputValue) && !isEmpty(inputValue === null || inputValue === void 0 ? void 0 : inputValue.trim())
@@ -204,13 +255,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), 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) || isCaseReadOnly, 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, { variant: "plain", onClick: onProductClear, "aria-label": "Clear input value" }, !isExportingPDF ? React.createElement(TimesIcon, { "aria-hidden": true }) : ''))))));
-    const getVersionDropdownOptions = map(versions, (option) => ({
+                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) => ({
         label: option,
         value: option,
     }));
@@ -220,25 +271,28 @@ function ProductNVersion(props) {
     };
     useEffect(() => {
         if (haventLoadedMetadata(allProducts, (data) => isEmpty(data.productsResult))) {
-            fetchProducts(dispatchToGlobalMetadataReducer, contactSSOName);
+            fetchProducts(dispatchToGlobalMetadataReducer, apolloClient);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [allProducts, dispatchToGlobalMetadataReducer, contactSSOName]);
+    }, [allProducts, dispatchToGlobalMetadataReducer, apolloClient]);
     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-v5-u-mb-md", variant: AlertVariant.danger, title: React.createElement(Trans, null, "Please clear the errors to change the product on your case") })),
+        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") })),
         React.createElement(React.Fragment, null,
             React.createElement("div", { className: "form-group all-product-selector-dropdown" },
                 React.createElement("div", { className: "product-selector-wrapper" },
                     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)))))),
+                        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("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), onSelect: onVersionChange, isLoading: isVersionUpdating || (isSEProductApiIsDown && versionsDetails.isFetching), dataTrackingId: "case-details-version-selector", isScrollable: true }))))));
+                            isEmpty(selectedProductLocal) ||
+                            isCaseUpdating ||
+                            isCaseReadOnly, onSelect: onVersionChange, isLoading: isVersionUpdating || versionsDetails.isFetching, dataTrackingId: "case-details-version-selector", isScrollable: true }))))));
 }
 export default ProductNVersion;

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

@@ -1 +1 @@
-{"version":3,"file":"SFDCUrl.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/SFDCUrl.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,MAAM,CAAC,OAAO,UAAU,OAAO,sBAmD9B"}
+{"version":3,"file":"SFDCUrl.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/SFDCUrl.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,MAAM,CAAC,OAAO,UAAU,OAAO,sBAuD9B"}

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

@@ -27,11 +27,10 @@ export default function SFDCUrl() {
     const handleSFDCUrlClick = () => {
         window.open(getSFDCCaseUrl(), '_blank');
     };
-    return (React.createElement("div", { className: "pf-v5-u-mb-md" },
-        React.createElement("label", { htmlFor: "sfdc-case-url", className: "pf-v5-u-mb-sm" },
+    return (React.createElement("div", { className: "pf-v6-u-mb-md" },
+        React.createElement("label", { htmlFor: "sfdc-case-url", className: "pf-v6-u-mb-sm" },
             React.createElement(Trans, null, "SFDC Case URL")),
         React.createElement(Flex, { className: "sfdc-case-url-clipboard" },
-            React.createElement(Button, { variant: "control", "aria-label": "Copy SFDC Url", onClick: handleSFDCUrlClick },
-                React.createElement(ExternalLinkAltIcon, null)),
+            React.createElement(Button, { className: "pf-v6-u-mr-xs", icon: React.createElement(ExternalLinkAltIcon, null), variant: "control", "aria-label": "Copy SFDC Url", onClick: handleSFDCUrlClick }),
             React.createElement(ClipboardCopy, { isReadOnly: true, hoverTip: "Copy URL", clickTip: "URL copied", id: "sfdc-case-url", "data-tracking-id": "sfdc-case-url" }, getSFDCCaseUrl()))));
 }

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

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

@@ -7,7 +7,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { InputGroupText, Spinner, TextInput, TextInputGroup, ValidatedOptions } from '@patternfly/react-core';
+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';
 import { NewInlineEdit, ToastNotification, ValueChangedIcon } from '@rh-support/components';
@@ -19,7 +20,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, updateCaseDetails } from '../../../../reducers/CaseReducer';
+import { setCaseDetails, updateCaseDetailsGraphQL } from '../../../../reducers/CaseReducer';
 import { PDFContext } from '../../PDFContainer';
 const defaultProps = {
     inlineEditable: true,
@@ -29,11 +30,13 @@ const defaultProps = {
 function Summary(props) {
     const { t } = useTranslation();
     const caseUpdateError = useCaseUpdateErrorMessage();
-    const { summary, caseNumber } = useCaseSelector((state) => ({
+    const { summary, caseNumber, existingCaseDetails } = 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);
@@ -41,9 +44,11 @@ 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 [isCancelClicked, setIsCancelClicked] = useState(false);
+    const [cancelToggleKey, setCancelToggleKey] = useState(0);
     // To keep track of Save button state to close InlineEdit input mode
-    const [isSaveClicked, setIsSaveClicked] = useState(false);
+    const [saveToggleKey, setSaveToggleKey] = useState(0);
+    const closeInlineEdit = () => setSaveToggleKey((key) => key + 1);
+    const cancelInlineEdit = () => setCancelToggleKey((key) => key + 1);
     const afterLocalChange = () => setLocalSummaryChange(false);
     const getSummaryChangedTT = () => React.createElement(Trans, null, "Summary has been updated");
     // Function to handle when summary changes
@@ -55,13 +60,15 @@ function Summary(props) {
     const onSummaryUpdate = (caseDetails) => __awaiter(this, void 0, void 0, function* () {
         setIsSummaryUpdating(true);
         try {
-            yield updateCaseDetails(caseDispatch, caseNumber, caseDetails);
+            yield updateCaseDetailsGraphQL(caseDispatch, apolloClient, caseNumber, caseDetails, false, {
+                existingCaseDetails,
+            });
             setIsSummaryUpdating(false);
             ToastNotification.addSuccessMessage(t(`Title has been successfully updated`));
         }
         catch (e) {
             setIsSummaryUpdating(false);
-            caseUpdateError.showError(e, t(`Title failed to updated`));
+            caseUpdateError.showFieldError(e, t('Title'), () => onSummaryUpdate(caseDetails));
             throw e;
         }
     });
@@ -81,11 +88,11 @@ function Summary(props) {
             setCaseDetails(caseDispatch, caseDetails);
         }
         setLocalSummaryChange(true);
-        setIsSaveClicked(!isSaveClicked);
+        closeInlineEdit();
     });
     const onCancel = () => {
         setSummaryState(summary);
-        setIsCancelClicked(!isCancelClicked);
+        cancelInlineEdit();
     };
     useEffect(() => {
         setSummaryState(summary);
@@ -119,24 +126,24 @@ function Summary(props) {
                 setCaseDetails(caseDispatch, caseDetails);
             }
             setLocalSummaryChange(true);
-            setIsSaveClicked(!isSaveClicked);
+            closeInlineEdit();
         }
     });
     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: isCancelClicked, saveToggleState: isSaveClicked, isExportingPDF: isExportingPDF },
-            React.createElement(TextInputGroup, null,
+                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("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
                         : ValidatedOptions.default }),
-                !isSummaryUpdating ? (React.createElement(InputGroupText, null,
-                    React.createElement("button", { className: "btn btn-app btn-link pf-v5-u-ml-sm", type: "button", disabled: saveDisabled, onClick: onSave },
+                !isSummaryUpdating ? (React.createElement("div", { className: "pf-v6-u-display-flex pf-v6-u-align-items-center" },
+                    React.createElement("button", { className: "btn btn-app btn-link pf-v6-u-ml-sm", type: "button", disabled: saveDisabled, onClick: onSave },
                         React.createElement(CheckIcon, null)),
                     React.createElement("button", { className: "btn btn-app btn-link", type: "button", onClick: onCancel },
                         React.createElement(TimesIcon, { color: "#6A6E73" })))) : (React.createElement(InputGroupText, null,
-                    React.createElement(Spinner, { size: "lg", className: "pf-v5-u-ml-2xl pf-v5-u-mr-xl" }))))),
+                    React.createElement(Spinner, { size: "lg", className: "pf-v6-u-ml-2xl pf-v6-u-mr-xl" }))))),
         isSummaryEmpty && (React.createElement("p", { className: "form-instructions form-invalid" },
             React.createElement(Trans, null, fieldEmptyErrorMessage)))));
 }

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

@@ -1,4 +1,4 @@
-import { isEmailValid, isEmailValidForCaseContactSelector } from '@rh-support/utils';
+import { isEmailValid } from '@rh-support/utils';
 interface IProps {
     caseNumber: string;
     accountNumber: string;
@@ -9,7 +9,6 @@ export declare function useCustomEmails(props: IProps): {
     canAddCustomEmail: boolean;
     hideCustomEmails: boolean;
     isEmailValid: typeof isEmailValid;
-    isEmailValidForCaseContactSelector: typeof isEmailValidForCaseContactSelector;
     isUpdatingCustomEmails: boolean;
     showAddEmailToAccountModal: (emailString: string) => Promise<boolean>;
 };

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,kCAAkC,EAAE,MAAM,mBAAmB,CAAC;AAY3G,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;EAkGhE"}
+{"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"}

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

@@ -11,18 +11,20 @@ import { kase } from '@cee-eng/hydrajs';
 import { PromisifyModal, ToastNotification, useFetch } from '@rh-support/components';
 import { fetchAccountCustomEmails, GlobalMetadataDispatchContext, GlobalMetadataStateContext, } from '@rh-support/react-context';
 import { ability, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
-import { haventLoadedMetadata, isEmailValid, isEmailValidForCaseContactSelector } from '@rh-support/utils';
+import { haventLoadedMetadata, isEmailValid } from '@rh-support/utils';
 import findIndex from 'lodash/findIndex';
 import isEmpty from 'lodash/isEmpty';
 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);
@@ -44,7 +46,7 @@ export function useCustomEmails(props) {
     });
     const addCustomEmail = (emailVal_1, onAdd_1, ...args_1) => __awaiter(this, [emailVal_1, onAdd_1, ...args_1], void 0, function* (emailVal, onAdd, skipAccountCheck = false) {
         try {
-            if (isEmpty(emailVal) || !isEmailValidForCaseContactSelector(emailVal)) {
+            if (isEmpty(emailVal) || !isEmailValid(emailVal)) {
                 return;
             }
             // lower case the email vals to avoid sfdc error
@@ -72,7 +74,7 @@ export function useCustomEmails(props) {
             updateEmailListState(caseDispatch, lowerCaseEmailVal, customEmailsList, updateEmailInstruction);
         }
         catch (e) {
-            ToastNotification.addDangerMessage(t(`There was an error adding new notification email`));
+            caseUpdateError.showFieldError(e, t('Notification email'), () => addCustomEmail(emailVal, onAdd, skipAccountCheck));
         }
     });
     const deleteCustomEmail = (email) => __awaiter(this, void 0, void 0, function* () {
@@ -87,7 +89,7 @@ export function useCustomEmails(props) {
             updateEmailListState(caseDispatch, email, customEmailsList, updateEmailInstruction);
         }
         catch (e) {
-            ToastNotification.addDangerMessage(t(`There was an error removing notification email`));
+            caseUpdateError.showFieldError(e, t('Notification email'), () => deleteCustomEmail(email));
         }
     });
     useEffect(() => {
@@ -112,7 +114,6 @@ export function useCustomEmails(props) {
         canAddCustomEmail,
         hideCustomEmails,
         isEmailValid,
-        isEmailValidForCaseContactSelector,
         isUpdatingCustomEmails: deleteEmail.isFetching || addNewEmail.isFetching,
         showAddEmailToAccountModal,
     };

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"}