@rh-support/troubleshoot 2.6.355 → 2.6.358

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

@@ -7,49 +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 { fetchCaseEntitlements, 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, isCaseUpdating } = 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);
@@ -59,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())
@@ -105,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) {
@@ -112,17 +131,31 @@ function ProductNVersion(props) {
             }
             setIsProductUpdating(true);
             setIsVersionUpdating(true);
-            if (!onlyVersionChanged && contactSSOName && caseNumber) {
-                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,
                 });
-                yield fetchCaseEntitlements(caseDispatch, contactSSOName, selectedProduct, undefined, true, caseNumber);
             }
-            else {
-                yield updateCaseDetails(caseDispatch, caseNumber, {
-                    product: selectedProduct,
-                    version: selectedVersion,
+            else if (!onlyVersionChanged) {
+                setCaseState(caseDispatch, {
+                    isProductNotEntitled: true,
+                    productServiceLevel: undefined,
+                    otherServiceLevels: [],
+                    selectedEntitlementId: undefined,
                 });
             }
             setIsProductUpdating(false);
@@ -150,60 +183,70 @@ 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)
+        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())
@@ -217,13 +260,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, { icon: !isExportingPDF ? React.createElement(TimesIcon, { "aria-hidden": true }) : '', variant: "plain", onClick: onProductClear, "aria-label": "Clear input value" }))))));
-    const getVersionDropdownOptions = map(versions, (option) => ({
+    const getVersionDropdownOptions = map(sortedVersionNames, (option) => ({
         label: option,
         value: option,
     }));
@@ -233,10 +276,10 @@ 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-v6-u-mb-md", variant: AlertVariant.danger, title: React.createElement(Trans, null, "Please clear the errors to change the product on your case") })),
@@ -246,13 +289,15 @@ 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)))))),
+                        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) ||
-                            isCaseUpdating, onSelect: onVersionChange, isLoading: isVersionUpdating || (isSEProductApiIsDown && versionsDetails.isFetching), dataTrackingId: "case-details-version-selector", isScrollable: true }))))));
+                            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/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,6 +7,7 @@ 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';
@@ -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,7 +60,9 @@ 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`));
         }
@@ -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,14 +126,14 @@ 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("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

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;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"}
+{"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;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,4EA6QlB,CAAC;AAEH,eAAe,cAAc,CAAC"}

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

@@ -7,13 +7,13 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { caseAttachments, kase } from '@cee-eng/hydrajs';
+import { useApolloClient } from '@apollo/client/react';
 import { Button, ButtonVariant, Icon, Tooltip, TooltipPosition } from '@patternfly/react-core';
 import PaperclipIcon from '@patternfly/react-icons/dist/js/icons/paperclip-icon';
 import { InlineEdit, LoadingIndicator, ToastNotification, useConfirmation, useCopyToClipboard, useFetch, } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
 import { ability, CaseDiscussionFields, resourceActions, resources } from '@rh-support/user-permissions';
-import { formatDateTime, humanizeSize } from '@rh-support/utils';
+import { deleteCaseAttachment, formatDateTime, humanizeSize, updateCaseAttachmentDescriptionByGraphQL, } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import React, { useContext, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -27,18 +27,32 @@ const CaseAttachment = React.forwardRef((props, ref) => {
     const { t } = useTranslation();
     const clipboardRef = useRef(null);
     const { clipboardText, copyToClipboard } = useCopyToClipboard(clipboardRef);
-    const { request, isFetching: isDeleting } = useFetch(caseAttachments.deleteAttachment, { propgateErrors: true });
+    const { request, isFetching: isDeleting } = useFetch(deleteCaseAttachment, { propgateErrors: true });
     const canSeePrivateAttachments = ability.can(resourceActions.PATCH, resources.CASE_COMMENTS, CaseDiscussionFields.VIEW_PRIVATE_ATTACHMENT);
     const { globalMetadataState: { loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
     const [isCardIsDeleted, setIsCardIsDeleted] = useState(false); // adds a class name needed for anim when card is removed
     const { isExportingPDF } = useContext(PDFContext);
     const confirm = useConfirmation();
     const [attachmentDescription, setAttachmentDescription] = useState(props.attachment.description);
-    const { request: updateDescriptionRequest, isFetching: isUpdating } = useFetch(kase.updateAttachment);
+    const [isUpdating, setIsUpdating] = useState(false);
+    const apolloClient = useApolloClient();
     const canEditCase = useCanEditCase();
     const onDescriptionSave = () => __awaiter(void 0, void 0, void 0, function* () {
-        const updatedAttachment = yield updateDescriptionRequest(props.attachment.caseNumber, props.attachment.uuid, [{ path: 'description', op: 'update', value: attachmentDescription }], loggedInUsersAccount.data.secureSupport);
-        props.onMetadataUpdate && props.onMetadataUpdate(props.attachment.uuid, updatedAttachment);
+        if (!apolloClient.mutate) {
+            ToastNotification.addDangerMessage(t('Failed to update attachment description'));
+            return;
+        }
+        setIsUpdating(true);
+        try {
+            const updatedAttachment = yield updateCaseAttachmentDescriptionByGraphQL(apolloClient, props.attachment, attachmentDescription);
+            props.onMetadataUpdate && props.onMetadataUpdate(props.attachment.uuid, updatedAttachment);
+        }
+        catch (_a) {
+            ToastNotification.addDangerMessage(t('Failed to update attachment description'));
+        }
+        finally {
+            setIsUpdating(false);
+        }
     });
     const onDescriptionChange = (event) => {
         if (canEditCase.alert())
@@ -61,7 +75,9 @@ const CaseAttachment = React.forwardRef((props, ref) => {
                     "?")),
             });
             try {
-                yield request(attachment.caseNumber, attachment.uuid, loggedInUsersAccount.data.secureSupport);
+                // TODO: Re-enable when delete API accepts isSecureSupport again
+                // await request!(attachment.caseNumber!, attachment.uuid!, loggedInUsersAccount.data.secureSupport);
+                yield request(attachment.caseNumber, attachment.uuid);
                 ToastNotification.addSuccessMessage(t('Successfully deleted attachment: {{file}}', { file: attachment.fileName }));
                 setIsCardIsDeleted(true);
                 window.setTimeout(() => {
@@ -85,29 +101,27 @@ const CaseAttachment = React.forwardRef((props, ref) => {
             name: fileName,
         });
     };
+    // Prefer size (bytes); fall back to sizeKB when GraphQL only populated the KB field.
+    const attachmentSizeBytes = props.attachment.size > 0
+        ? props.attachment.size
+        : props.attachment.sizeKB > 0
+            ? props.attachment.sizeKB * 1024
+            : 0;
+    const attachmentSizeLabel = attachmentSizeBytes > 0 ? humanizeSize(attachmentSizeBytes) : '';
+    const attachmentLinkLabel = attachmentSizeLabel
+        ? `${props.attachment.fileName} (${attachmentSizeLabel})`
+        : props.attachment.fileName;
     const renderAttachmentLink = () => {
         if (!loggedInUsersAccount.data.secureSupport) {
             if (isExportingPDF) {
                 return (React.createElement("a", { href: props.attachment.link },
-                    React.createElement("span", null,
-                        props.attachment.fileName,
-                        " (",
-                        humanizeSize(props.attachment.size),
-                        ")")));
+                    React.createElement("span", null, attachmentLinkLabel)));
             }
-            return (React.createElement(Button, { className: "attachment-download-btn", title: t('Download {{fileName}}', { fileName: props.attachment.fileName }), variant: ButtonVariant.link, onClick: onAttachmentDownloadClick, "data-tracking-id": "attachment-download-button" },
-                React.createElement("span", null,
-                    props.attachment.fileName,
-                    " (",
-                    humanizeSize(props.attachment.size),
-                    ")")));
+            return (React.createElement(Button, { className: "attachment-download-btn", title: t('Download {{fileName}}', { fileName: props.attachment.fileName }), variant: ButtonVariant.link, isInline: true, onClick: onAttachmentDownloadClick, "data-tracking-id": "attachment-download-button" },
+                React.createElement("span", null, attachmentLinkLabel)));
         }
         return (React.createElement(Tooltip, { position: TooltipPosition.top, content: t(`You don't have appropriate permissions to download the attachment`) },
-            React.createElement("strong", null,
-                props.attachment.fileName,
-                " (",
-                humanizeSize(props.attachment.size),
-                ")")));
+            React.createElement("strong", null, attachmentLinkLabel)));
     };
     const onJumpToComment = (attachmentId) => () => props.showJumpToComment && props.onJumpToComment && props.onJumpToComment(attachmentId);
     if (((_a = props.attachment) === null || _a === void 0 ? void 0 : _a.isPrivate) && !canSeePrivateAttachments)
@@ -125,7 +139,7 @@ const CaseAttachment = React.forwardRef((props, ref) => {
             React.createElement("h4", null,
                 React.createElement(Icon, { className: "pf-v6-u-mr-xs" },
                     React.createElement(PaperclipIcon, null)),
-                props.attachment.modifiedBy),
+                props.attachment.createdBy),
             React.createElement("time", { className: "text-right" }, formatDateTime(props.attachment.lastModifiedDate))),
         React.createElement("div", { className: "comment-body" },
             React.createElement(Trans, null, "Attached file"),
@@ -141,7 +155,7 @@ const CaseAttachment = React.forwardRef((props, ref) => {
                             React.createElement("code", { ref: clipboardRef }, props.attachment.checksum)),
                         React.createElement(Tooltip, { position: TooltipPosition.top, content: clipboardText, trigger: "click" },
                             React.createElement("button", { "aria-label": "Copy to clipboard", className: "nimbus-icon-clipboard clip-code-raw-btn xs-icon", onClick: copyToClipboard, type: "button" }))))),
-                React.createElement(InlineEdit, { labelProps: { htmlFor: `case-details-file-description-${props.attachment.id}` }, allowInlineEdit: true, labelContent: React.createElement(Trans, null, "Description"), content: React.createElement("div", { className: "clip-content-wrapper code-block" }, props.attachment.description), hideSaveCancel: false, onSave: onDescriptionSave, onCancel: onDescriptionCancel, dataTrackingId: "case-details-file-description", initialIsEditing: props.attachment.description ? false : true, saveDisabled: isCaseAttachmentDescriptionLengthy ||
+                React.createElement(InlineEdit, { labelProps: { htmlFor: `case-details-file-description-${props.attachment.id}` }, allowInlineEdit: !canEditCase.isCaseNotEditable, labelContent: React.createElement(Trans, null, "Description"), content: React.createElement("div", { className: "clip-content-wrapper code-block" }, props.attachment.description), hideSaveCancel: false, onSave: onDescriptionSave, onCancel: onDescriptionCancel, dataTrackingId: "case-details-file-description", initialIsEditing: props.attachment.description ? false : true, saveDisabled: isCaseAttachmentDescriptionLengthy ||
                         isCaseAttachmentDescription ||
                         attachmentDescription === props.attachment.description ||
                         isUpdating, loadingIndicator: isUpdating ? React.createElement(LoadingIndicator, { isInline: true }) : undefined, isExportingPDF: isExportingPDF },
@@ -153,7 +167,7 @@ const CaseAttachment = React.forwardRef((props, ref) => {
             React.createElement("span", { className: "pull-right pf-v6-l-flex pf-m-align-items-center" },
                 props.showJumpToComment && (React.createElement(DiscussionItemLink, { onClick: onJumpToComment(props.attachment.id), discussionType: DiscussionType.ATTACHMENT, itemId: props.attachment.id, caseNumber: props.attachment.caseNumber, isCopyLink: false },
                     React.createElement(Trans, null, "Jump to attachment"))),
-                React.createElement("button", { className: `btn btn-app btn-link text-danger ${isExportingPDF ? 'hide-in-pdf' : ''}`, title: "Delete attachment", onClick: deleteAttachment(props.attachment), "data-tracking-id": "delete-attachmentid-button", type: "button" },
+                React.createElement("button", { className: `btn btn-app btn-link text-danger ${isExportingPDF ? 'hide-in-pdf' : ''}`, title: "Delete attachment", onClick: deleteAttachment(props.attachment), "data-tracking-id": "delete-attachmentid-button", type: "button", disabled: canEditCase.isCaseNotEditable },
                     React.createElement(Trans, null, "Delete")),
                 React.createElement(JumpAndCopyLink, { caseNumber: props.attachment.caseNumber, cardId: props.attachment.id, discussionType: DiscussionType.ATTACHMENT })))));
 });

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

@@ -1,14 +1,12 @@
 import { ICaseComment } from '@cee-eng/hydrajs/@types/api/public/case';
 import React from 'react';
-export declare const AUTOMATED_SUPPORT_ASSISTANT = "Support AI Assistant";
 interface IProps {
     caseNumber: string;
     comment: ICaseComment;
     feedback: number;
-    feedbackReason?: string;
-    onFeedBackUpdate: (id: string, feedback: number, feedbackReason?: string) => void;
+    onFeedBackUpdate: (id: string, feedback: number) => void;
     accountNumber: string;
-    onReply: (commentText: string, commentCreator: string, isPublic: boolean) => void;
+    onReply: (author: string, commentId: string, timestamp: string) => void;
     showJumpToComment?: boolean;
     onJumpToComment?: (commentId: string) => void;
     downloadAttachment: ({ caseNumber, uuid, name }: {

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

@@ -1 +1 @@
-{"version":3,"file":"CaseComments.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseComments.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AA+BvE,OAAO,KAAkD,MAAM,OAAO,CAAC;AASvE,eAAO,MAAM,2BAA2B,yBAAyB,CAAC;AAElE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClF,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAClF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,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,YAAY,4EAochB,CAAC;AAEH,eAAe,YAAY,CAAC"}
+{"version":3,"file":"CaseComments.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseComments.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AA2BvE,OAAO,KAAwC,MAAM,OAAO,CAAC;AAU7D,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACxE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,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,YAAY,4EA8UhB,CAAC;AAEH,eAAe,YAAY,CAAC"}