@rh-support/troubleshoot 2.6.341 → 2.6.349

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

@@ -7,12 +7,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { useApolloClient } from '@apollo/client/react';
 import { Alert, AlertVariant, Button, MenuToggle, Select, SelectList, SelectOption, Spinner, TextInputGroup, TextInputGroupMain, TextInputGroupUtilities, } from '@patternfly/react-core';
 import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
 import { AlertMessage, AlertType, SingleSelectDropdown, ToastNotification, useSelectKeyboardNavigator, } from '@rh-support/components';
 import { fetchProducts, GlobalMetadataDispatchContext, GlobalMetadataStateContext, useCanEditCase, } from '@rh-support/react-context';
-import { haventLoadedMetadata, 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';
@@ -21,12 +21,10 @@ 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([]);
@@ -34,40 +32,24 @@ function ProductNVersion(props) {
     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);
@@ -77,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())
@@ -124,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) {
@@ -132,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);
@@ -184,59 +150,60 @@ function ProductNVersion(props) {
     });
     // 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]);
+    // observe when fetched versions are available
     useEffect(() => {
-        var _a;
-        if (versionsDetails.isFetching || !((_a = versionsDetails.data) === null || _a === void 0 ? void 0 : _a.length))
+        if (!isSEProductApiIsDown)
             return;
         const fetchedVersions = versionsDetails.data.map(({ name }) => name);
-        setVersions(fetchedVersions);
         if (fetchedVersions.length === 1 && !selectedVersionLocal) {
+            setVersions(fetchedVersions);
             setSelectedVersionLocal(fetchedVersions[0]);
             updateProductVerstion(selectedProductLocal, fetchedVersions[0]);
+            return;
         }
+        const productObj = getProductObj(allProducts.data.productsResult, selectedProductLocal);
+        const sfdcVersions = getUniqueSortedVersions(fetchedVersions);
+        const versionsForSelectedProduct = productObj.versions ? productObj.versions : sfdcVersions;
+        const productVersions = (productObj === null || productObj === void 0 ? void 0 : productObj.hasComponentsInsteadOfVersions)
+            ? versionsForSelectedProduct.sort()
+            : versionsForSelectedProduct;
+        setVersions(productVersions);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [versionsDetails.data]);
     const computeDropdownList = () => {
-        const list = allProducts.data.productsResult;
+        const list = filter(allProducts.data.productsResult, (p) => p.isEntitledProduct);
         if (!list)
             return [];
         const options = shouldFilter && !isUndefined(inputValue) && !isEmpty(inputValue === null || inputValue === void 0 ? void 0 : inputValue.trim())
@@ -250,7 +217,7 @@ 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,
@@ -266,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") })),
@@ -279,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,qBAiM7B;kBAjMQ,OAAO;;;AAoMhB,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Summary.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/Summary.tsx"],"names":[],"mappings":"AAQA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAS/D,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAQD,iBAAS,OAAO,CAAC,KAAK,EAAE,MAAM,qBA0L7B;kBA1LQ,OAAO;;;AA6LhB,eAAe,OAAO,CAAC"}

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

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

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/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":"AAgBA,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,qBAgKpD"}

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

@@ -0,0 +1,91 @@
+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, Icon, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant, TextArea, } 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 savedFeedbackReason = (_b = props.initialFeedbackReason) !== null && _b !== void 0 ? _b : '';
+    const hasChanges = selectedFeedback !== props.initialFeedback || feedbackReason !== savedFeedbackReason;
+    const isSubmitDisabled = props.isSubmitting || selectedFeedback === undefined || !hasChanges;
+    useEffect(() => {
+        var _a;
+        if (props.isOpen) {
+            setSelectedFeedback(props.initialFeedback);
+            setFeedbackReason((_a = props.initialFeedbackReason) !== null && _a !== void 0 ? _a : '');
+            setShowRatingError(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 (isSubmitDisabled) {
+            return;
+        }
+        yield props.onSubmit(selectedFeedback, feedbackReason);
+    });
+    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 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?'), fieldId: "asa-comment-feedback-reason" },
+                    React.createElement(TextArea, { id: "asa-comment-feedback-reason", name: "feedbackReason", value: feedbackReason, onChange: (_event, value) => 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 share any personal or other sensitive information in your feedback. Feedback may be used to improve Red Hat's products or services. For more information about Red Hat\u2019s privacy practices, please refer to the"),
+                    ' ',
+                    React.createElement("a", { href: "https://www.redhat.com/en/about/privacy-policy", target: "_blank", rel: "noreferrer" },
+                        React.createElement(Trans, null, "Red Hat Privacy Statement."))))),
+        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;AAsBxE,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,4EAmSlB,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,4EAqPlB,CAAC;AAEH,eAAe,cAAc,CAAC"}