@rh-support/troubleshoot 2.6.341 → 2.6.349

package/lib/esm/components/Review/Review.js

@@ -1,9 +1,9 @@
 import { Grid, GridItem } from '@patternfly/react-core';
-// import { AbilityContext, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
+import { AbilityContext, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
 import { PreviousCaseTypes } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
-import React, { useEffect, useRef } from 'react';
+import React, { useContext, useEffect, useRef } from 'react';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { setCaseDetails } from '../../reducers/CaseReducer';
 import { AccountSelector } from '../AccountInfo/AccountSelector';
@@ -11,19 +11,17 @@ import { OwnerSelector } from '../AccountInfo/OwnerSelector';
 import CaseGroup from '../CaseInformation/CaseGroup';
 import CaseType from '../CaseInformation/CaseType';
 import { ContactPhoneNumber } from '../CaseInformation/ContactPhoneNumber';
-// TODO: Re-enable once phone number verification flow is fully supported with GraphQL
-// import { ContactPhoneNumberAlert } from '../CaseInformation/ContactPhoneNumberAlert';
+import { ContactPhoneNumberAlert } from '../CaseInformation/ContactPhoneNumberAlert';
 import Fts from '../CaseInformation/Fts';
 import Severity from '../CaseInformation/Severity';
 import SupportLevel from '../CaseInformation/SupportLevel';
-import CaseLabelsCreate from '../CaseManagement/CaseLabelsCreate';
 import CaseLanguageSelector from '../CaseManagement/CaseLanguageSelector';
-// import { Cep } from '../CaseManagement/Cep';
+import { Cep } from '../CaseManagement/Cep';
 import OpenReferenceNumber from '../CaseManagement/OpenReferenceNumber';
 import { OpenShiftClusterId } from '../CaseManagement/OpenShiftClusterId';
-// import { RHAssociatesSelector } from '../CaseManagement/RHAssociatesSelector';
-// import CaseContactSelector from '../CaseManagement/SendNotifications/CaseContactSelector';
-// import { Hostname } from '../ImproveCase/Hostname';
+import { RHAssociatesSelector } from '../CaseManagement/RHAssociatesSelector';
+import CaseContactSelector from '../CaseManagement/SendNotifications/CaseContactSelector';
+import { Hostname } from '../ImproveCase/Hostname';
 import KtQuestions from '../ImproveCase/KtQuestions';
 import { AllProductsSelector } from '../ProductSelector/AllProductsSelector';
 export default function Review(props) {
@@ -43,12 +41,8 @@ export default function Review(props) {
         }
         previousCaseTypeRef.current = caseType;
     }, [caseType, caseDispatch]);
-    // const ability = useContext(AbilityContext);
-    // const canSeeEmailNotifications = ability.can(
-    //     resourceActions.PATCH,
-    //     resources.CASE_DETAILS,
-    //     CaseDetailsFields.CASE_DETAILS_SEND_NOTIFICATIONS
-    // );
+    const ability = useContext(AbilityContext);
+    const canSeeEmailNotifications = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_SEND_NOTIFICATIONS);
     const onSeverityChange = (payload) => {
         setCaseDetails(caseDispatch, payload);
     };
@@ -56,8 +50,9 @@ export default function Review(props) {
         React.createElement("form", { className: "review-form card card-light push-bottom" },
             React.createElement(AccountSelector, null),
             React.createElement(OwnerSelector, null),
-            React.createElement(AllProductsSelector, { routeProps: props.routeProps, loadTCOnChange: true, showTCAfterButtonClicked: true, isOnReviewPage: true }),
+            React.createElement(AllProductsSelector, { routeProps: props.routeProps, loadTCOnChange: true, showTCAfterButtonClicked: true, checkEntitledProduct: true, isOnReviewPage: true }),
             React.createElement(OpenShiftClusterId, null),
+            caseType !== PreviousCaseTypes.FEATURE_ENHANCEMENT && React.createElement(Hostname, null),
             React.createElement(KtQuestions, { inlineEditable: true, hideSaveCancel: true, onlyShowKT4: caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT }),
             React.createElement(CaseType, null),
             React.createElement(SupportLevel, null),
@@ -66,14 +61,15 @@ export default function Review(props) {
                     React.createElement(Severity, { showSeverityInfoIcon: true, onSeverityChange: onSeverityChange })),
                 React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v6-u-mb-xl" },
                     React.createElement(ContactPhoneNumber, null))),
+            React.createElement(ContactPhoneNumberAlert, null),
             React.createElement(Fts, { inlineEditable: true, initialIsEditing: isEmpty(contactInfo24x7), hideSaveCancel: true }),
             React.createElement(Grid, { hasGutter: true },
                 React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v6-u-mb-xs" },
                     React.createElement(CaseLanguageSelector, null)),
                 React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v6-u-mb-xs" },
                     React.createElement(CaseGroup, null))),
-            React.createElement(Grid, { hasGutter: true },
-                React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v6-u-mb-xs" },
-                    React.createElement(CaseLabelsCreate, null))),
-            React.createElement(OpenReferenceNumber, { inlineEditable: false, hideSaveCancel: true }))));
+            canSeeEmailNotifications && React.createElement(CaseContactSelector, null),
+            React.createElement(RHAssociatesSelector, null),
+            React.createElement(OpenReferenceNumber, { inlineEditable: false, hideSaveCancel: true }),
+            React.createElement(Cep, null))));
 }

package/lib/esm/components/SessionRestore/SessionRestore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionRestore.d.ts","sourceRoot":"","sources":["../../../../src/components/SessionRestore/SessionRestore.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAgC,YAAY,EAAE,MAAM,qDAAqD,CAAC;AAQjH,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAQvD,OAAO,EAGH,eAAe,EAElB,MAAM,iCAAiC,CAAC;AAmBzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,eAAO,MAAM,6BAA6B,GAAI,aAAa,YAAY,GAAG,SAAS,EAAE,uBAAuB,MAAM,YAKjH,CAAC;AAEF,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,qBAwX3C"}
+{"version":3,"file":"SessionRestore.d.ts","sourceRoot":"","sources":["../../../../src/components/SessionRestore/SessionRestore.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgC,YAAY,EAAE,MAAM,qDAAqD,CAAC;AAQjH,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAQvD,OAAO,EAGH,eAAe,EAElB,MAAM,iCAAiC,CAAC;AAmBzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,eAAO,MAAM,6BAA6B,GAAI,aAAa,YAAY,GAAG,SAAS,EAAE,uBAAuB,MAAM,YAKjH,CAAC;AAEF,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,qBAsX3C"}

package/lib/esm/components/SessionRestore/SessionRestore.js

@@ -8,7 +8,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import { useApolloClient } from '@apollo/client/react';
 import { pcm } from '@cee-eng/hydrajs';
 import { useDebounce, useDeepCompareDebounce, usePrevious } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
@@ -44,7 +43,6 @@ export const isSessionFromCurrentAuthCycle = (sessionItem, currentLoginStartTime
 };
 export function SessionRestore(props) {
     var _a;
-    const apolloClient = useApolloClient();
     const sessionRestoreDispatch = useContext(SessionRestoreDispatchContext);
     const dispatchToAttachmentReducer = useContext(AttachmentDispatchContext);
     const { sessionRestore } = useContext(SessionRestoreStateContext);
@@ -241,7 +239,7 @@ export function SessionRestore(props) {
             const reg = new RegExp('Cluster Name: (.*) ');
             const v3ClusterName = reg.exec(sessionDetails.description) ? reg.exec(sessionDetails.description)[1] : '';
             setCaseState(caseDispatch, { v3ClusterName });
-            yield updateCaseWithSession(caseDispatch, sessionItem, loggedInUserRights.data.getAccountNumber(), loggedInUserRights.data.getHydraContactFromLoggedInUser(), loggedInUsersAccount.data, apolloClient);
+            yield updateCaseWithSession(caseDispatch, sessionItem, loggedInUserRights.data.getAccountNumber(), loggedInUserRights.data.getHydraContactFromLoggedInUser(), loggedInUsersAccount.data);
             if (!isAISureSession(sessionItem)) {
                 restoreFilesFromSession(dispatchToAttachmentReducer, sessionItem.session.id);
             }

package/lib/esm/components/SubmitCase/SubmitCase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubmitCase.d.ts","sourceRoot":"","sources":["../../../../src/components/SubmitCase/SubmitCase.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,EAAQ,mBAAmB,EAAe,MAAM,kBAAkB,CAAC;AAQ1E,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAWrF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,qBA8Y/C"}
+{"version":3,"file":"SubmitCase.d.ts","sourceRoot":"","sources":["../../../../src/components/SubmitCase/SubmitCase.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,EAAQ,mBAAmB,EAAe,MAAM,kBAAkB,CAAC;AAQ1E,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAWrF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,qBA6Y/C"}

package/lib/esm/components/SubmitCase/SubmitCase.js

@@ -214,7 +214,7 @@ export default function SubmitCase(props) {
                                 React.createElement(Button, { className: "pf-v6-u-ml-md view-case-button", component: "a", href: getCaseURL(), variant: "primary", "data-tracking-id": "get-support-view-case", "aria-label": t('View case'), isAriaDisabled: isUploadingAttachment(attachmentState.caseFiles.selectedLocalFiles) },
                                     React.createElement(Trans, null, "View case"))))) : (React.createElement(Button, { component: (props) => (React.createElement(Link, Object.assign({}, props, { to: `/case/${caseNoOfCreatedCase}` }))), variant: "primary", "data-tracking-id": "get-support-view-case", "aria-label": t('View case'), className: "view-case-button" },
                             React.createElement(Trans, null, "View case"))))))),
-            !isEmpty(attachmentState.caseFiles.selectedLocalFiles) && (React.createElement(FileUploader, { idToUploadTo: caseNoOfCreatedCase, isSessionId: false })),
+            !isEmpty(attachmentState.caseFiles.selectedLocalFiles) && (React.createElement(FileUploader, { idToUploadTo: caseNoOfCreatedCase, isSessionId: false, isSecureSupport: loggedInUsersAccount.data.secureSupport })),
             React.createElement("div", null,
                 (!isEmpty(topContent.data) || !rulesState.EARules.rules || !clusterRecommendations) &&
                     !isIdea && (React.createElement(Content, { className: "pf-v6-u-mt-2xl pf-v6-u-font-weight-light", component: ContentVariants.h2 },

package/lib/esm/components/TroubleshootSection/TroubleshootSection.js

@@ -143,7 +143,7 @@ function TroubleshootSection(props) {
                 updateSession(sessionRestoreDispatch, activeSessionId, sessionDetails, newSession);
             }
         }
-        // Enable "See more resources" button when first chunk is received
+        // Enable Continue button when first chunk is received
         if (eventData.eventName === ARHEventName.FirstMessageReceived) {
             aiResponseDispatch(setHasChunkReceived(true));
         }
@@ -355,7 +355,7 @@ function TroubleshootSection(props) {
             React.createElement("button", { onClick: props.onSeeMoreResources, className: "btn btn-app btn-primary main-nav-button", type: "button", disabled: isFunctionalCookieAccepted() &&
                     props.aiServicesAvailable &&
                     !aiResponseState.hasChunkReceived &&
-                    !aiResponseState.error }, isFunctionalCookieAccepted() ? t('See more resources') : t('Continue')))) : isCaseCreate ? (React.createElement("span", null,
+                    !aiResponseState.error }, t('Continue')))) : isCaseCreate ? (React.createElement("span", null,
             React.createElement(Trans, { i18nKey: "<span>Return to</span> <button>case creation</button>", components: {
                     span: React.createElement("span", { className: "return-to-case-text" }),
                     button: (React.createElement(Button, { className: "return-to-case-btn", variant: "link", component: "a", onClick: () => props.setIsAIChatMode(false) })),

package/lib/esm/components/UpdateSeverityModal/UpdateSeverityModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UpdateSeverityModal.d.ts","sourceRoot":"","sources":["../../../../src/components/UpdateSeverityModal/UpdateSeverityModal.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAmE,MAAM,OAAO,CAAC;AAexF,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBA8oBxD"}
+{"version":3,"file":"UpdateSeverityModal.d.ts","sourceRoot":"","sources":["../../../../src/components/UpdateSeverityModal/UpdateSeverityModal.tsx"],"names":[],"mappings":"AAmCA,OAAO,KAAmE,MAAM,OAAO,CAAC;AAgBxF,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAqlBxD"}

package/lib/esm/components/UpdateSeverityModal/UpdateSeverityModal.js

@@ -7,11 +7,11 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { useApolloClient } from '@apollo/client/react';
+import { publicApi } from '@cee-eng/hydrajs';
 import { Button, Dropdown, DropdownItem, DropdownList, Flex, FlexItem, MenuToggle, Modal, ModalBody, ModalFooter, ModalHeader, Spinner, TextArea, } from '@patternfly/react-core';
-import { ToastNotification } from '@rh-support/components';
+import { ToastNotification, useFetch } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
-import { autoEnableFtsOnCaseViewEditPage, isPremiumEntitlement, isSev1, isSev2, PreviousCaseTypes, severitySort, showFtsOnCaseViewEditPage, showFtsOnCreateCasePage, } from '@rh-support/utils';
+import { autoEnableFtsOnCaseViewEditPage, isFtsEditableOnEditPage, isSev1, PreviousCaseTypes, severitySort, showFtsOnCreateCasePage, } from '@rh-support/utils';
 import { isUndefined } from 'lodash';
 import find from 'lodash/find';
 import includes from 'lodash/includes';
@@ -21,11 +21,13 @@ import map from 'lodash/map';
 import React, { useContext, useEffect, useReducer, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
+import { useCaseDetailsPageStateContext } from '../../context/CaseDetailsPageContext';
+import { useCaseDiscussionTabDispatchContext, useCaseDiscussionTabStateContext, } from '../../context/CaseDiscussionTabContext';
 import { useCaseUpdateErrorMessage } from '../../hooks/useCaseUpdateErrorMessage';
+import { updateDiscussionStateComments } from '../../reducers/CaseDiscussionTabReducer';
 import { getNewSeverityStringDef, getSeverityDescription } from '../../reducers/CaseHelpers';
 import { caseOverviewReducer, initialCaseViewState, setSeverityUpdating } from '../../reducers/CaseOverviewReducer';
-import { checkForCaseStatusToggleOnAttachOrComment, setCaseState, updateCaseSeverityAndFtsGraphQL, } from '../../reducers/CaseReducer';
-import { usePostComment } from '../shared/usePostComment';
+import { checkForCaseStatusToggleOnAttachOrComment, setCaseState, updateCaseDetails } from '../../reducers/CaseReducer';
 export default function UpdateSeverityModal(props) {
     const { show, onClose, isDisabled, isFetching } = props;
     const { t } = useTranslation();
@@ -38,7 +40,12 @@ export default function UpdateSeverityModal(props) {
     const [isUpdateClickedToShowError, setIsUpdateClickedToShowError] = useState(false);
     const [isSeverityInValid, setIsSeverityInValid] = useState(false);
     const [seviritiesOptions, setSeveritiesOptions] = useState([]);
-    const client = useApolloClient();
+    const { request: postCommentRequest, isFetching: isPostingComment } = useFetch(publicApi.kase.postComment, {
+        propgateErrors: true,
+    });
+    const { caseDetailsPageState: { caseFeedbacksHydra }, } = useCaseDetailsPageStateContext();
+    const dispatchDiscussion = useCaseDiscussionTabDispatchContext();
+    const { sort, allDiscussions, discussionFiltersListState } = useCaseDiscussionTabStateContext();
     const { globalMetadataState: { allCaseSeverities, allProducts, loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
     const caseState = useCaseSelector((state) => ({
         caseDetails: {
@@ -54,30 +61,19 @@ export default function UpdateSeverityModal(props) {
             phoneCountryCode: state.caseDetails.phoneCountryCode,
             phoneAreaCodePrefixLineNumber: state.caseDetails.phoneAreaCodePrefixLineNumber || '',
         },
-        existingCaseDetails: state.caseDetails,
         isCaseUpdating: state.isCaseUpdating,
         versionsDetails: state.versionsDetails,
         ownersEntitlements: state.ownersEntitlements,
         ftsContactSameAsOwner: state.ftsContactSameAsOwner,
     }), isEqual);
-    const { postComment, isPostingComment } = usePostComment({
-        caseNumber: caseState.caseDetails.caseNumber,
-    });
-    const { caseDetails, existingCaseDetails, isCaseUpdating, ownersEntitlements, versionsDetails, ftsContactSameAsOwner, } = caseState;
+    const { caseDetails, isCaseUpdating, ownersEntitlements, versionsDetails, ftsContactSameAsOwner } = caseState;
     const { entitlementSla, fts, contactInfo24x7, caseType, phoneAreaCodePrefixLineNumber, phoneCountryCode } = caseDetails;
     const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
     const [currentSeverity, setCurrentSeverity] = useState(caseDetails.caseSeverity);
-    const updateSeverityViaGraphQL = (payload) => __awaiter(this, void 0, void 0, function* () {
-        var _a, _b;
-        yield updateCaseSeverityAndFtsGraphQL(caseDispatch, client, caseDetails.caseNumber, payload, (_b = (_a = payload.severity) !== null && _a !== void 0 ? _a : currentSeverity) !== null && _b !== void 0 ? _b : caseDetails.caseSeverity, { existingCaseDetails });
-    });
     const [localFtsContact, setLocalFtsContact] = useState(contactInfo24x7 || '');
     const [localFts, setLocalFts] = useState(isUndefined(fts) ? true : fts);
     const initialContactSameAsOwnerRef = useRef(ftsContactSameAsOwner !== null && ftsContactSameAsOwner !== void 0 ? ftsContactSameAsOwner : false);
-    const hasPremiumSla = isPremiumEntitlement(entitlementSla || '');
-    const severityForFts = String(currentSeverity !== null && currentSeverity !== void 0 ? currentSeverity : '').trim();
-    const shouldShowFts = isSev1(severityForFts) && hasPremiumSla;
-    const isPreviousSeveritySelected = isEqual(caseDetails.caseSeverity, currentSeverity);
+    const isFtsEditable = isFtsEditableOnEditPage(entitlementSla, currentSeverity);
     const [isOpen, setIsOpen] = useState(false);
     const onToggleClick = () => {
         setIsOpen(!isOpen);
@@ -152,34 +148,25 @@ export default function UpdateSeverityModal(props) {
     const getFtsUpdateComment = () => {
         if (isIdea)
             return '';
-        // 24x7 fields are only shown for severity 1; do not report contact changes the user could not make.
-        if (!shouldShowFts)
+        if (isEqual(caseDetails.fts, localFts) && isEqual(caseDetails.contactInfo24x7, localFtsContact))
             return '';
-        const normalize24x7Contact = (value) => (value !== null && value !== void 0 ? value : '').trim();
-        const savedContact = normalize24x7Contact(caseDetails.contactInfo24x7);
-        const localContact = normalize24x7Contact(localFtsContact);
-        if (isEqual(caseDetails.fts, localFts) && isEqual(savedContact, localContact))
-            return '';
-        if (caseDetails.fts && !localFts) {
-            return '<h4>Contact Support Update</h4><p>User disabled 24x7 contact support</p>';
-        }
-        if (!caseDetails.fts && localFts) {
-            return '<h4>Contact Support Update</h4><p>User enabled 24x7 contact support</p>';
-        }
-        return '<h4>Contact Support Update</h4><p>User updated 24x7 contact information</p>';
+        if (caseDetails.fts && !localFts)
+            return '#### Contact Support Update \n User disabled 24x7 contact support';
+        if (!caseDetails.fts && localFts)
+            return '#### Contact Support Update \n User enabled 24x7 contact support';
+        return '#### Contact Support Update \n User updated 24x7 contact information';
     };
     const updateCaseFtsInfo = () => __awaiter(this, void 0, void 0, function* () {
         try {
-            const ftsUpdateComment = `${getFtsUpdateComment()}<h4>Description</h4><p>${descriptionValue.trim()}</p>`;
-            yield updateSeverityViaGraphQL({
-                severity: currentSeverity || caseDetails.caseSeverity,
+            const ftsUpdateComment = `${getFtsUpdateComment()} \n\n #### Description \n ${descriptionValue.trim()}`;
+            yield updateCaseDetails(caseDispatch, caseDetails.caseNumber, {
                 fts: localFts,
                 contactInfo24x7: localFtsContact,
             });
-            yield postComment({
+            yield postCommentRequest({
+                caseNumber: caseDetails.caseNumber,
                 commentBody: ftsUpdateComment === null || ftsUpdateComment === void 0 ? void 0 : ftsUpdateComment.trim(),
                 contentType: 'markdown',
-                updateDiscussionState: true,
             });
             ToastNotification.addSuccessMessage(t(`Case has been successfully updated`));
         }
@@ -203,53 +190,46 @@ export default function UpdateSeverityModal(props) {
         }
         const ftsUpdateComment = getFtsUpdateComment();
         // Severity update successful comment body
-        const severityUpdateComment = t(`<h4>Severity update</h4><p>Severity changed from {{oldSeverity}} to {{newSeverity}}</p>${isEmpty(ftsUpdateComment) ? '' : ftsUpdateComment}<h4>Description</h4><p>{{description}}</p>`, {
+        const severityUpdateComment = t(`#### Severity update \n Severity changed from {{oldSeverity}} to {{newSeverity}}\n\n ${isEmpty(ftsUpdateComment) ? '' : ftsUpdateComment + '\n\n\n'} #### Description \n{{description}}`, {
             oldSeverity: caseDetails.caseSeverity,
             newSeverity: updatedCaseDetails['severity'],
             description: descriptionValue === null || descriptionValue === void 0 ? void 0 : descriptionValue.trim(),
         });
         // Severity update failed comment body
-        const severityUpdateFailedComment = t('<h4>Severity update</h4><p>Failed to change severity from {{oldSeverity}} to {{newSeverity}}. Please try again</p>', {
+        const severityUpdateFailedComment = t('#### Severity update \n Failed to change severity from {{oldSeverity}} to {{newSeverity}}. Please try again\n', {
             oldSeverity: caseDetails.caseSeverity,
-            newSeverity: updatedCaseDetails['severity'],
+            newSeveritay: updatedCaseDetails['severity'],
         });
         try {
             setSeverityUpdating(caseOverviewDispatch, true);
-            yield updateSeverityViaGraphQL(updatedCaseDetails);
+            yield updateCaseDetails(caseDispatch, caseDetails.caseNumber, updatedCaseDetails);
             try {
-                yield postComment({
+                yield postCommentRequest({
+                    caseNumber: caseDetails.caseNumber,
                     commentBody: severityUpdateComment === null || severityUpdateComment === void 0 ? void 0 : severityUpdateComment.trim(),
                     contentType: 'markdown',
-                    updateDiscussionState: true,
                 });
                 try {
-                    yield checkForCaseStatusToggleOnAttachOrComment(caseDispatch, loggedInUserRights.data.isInternal(), caseDetails.caseStatus, {
-                        apolloClient: client,
-                        caseNumber: caseDetails.caseNumber,
-                        existingCaseDetails,
-                    });
+                    checkForCaseStatusToggleOnAttachOrComment(caseDispatch, loggedInUserRights.data.isInternal(), caseDetails.caseStatus);
                     setCurrentSeverity(updatedCaseDetails['severity']);
                     onSuccessfulSubmit();
                     ToastNotification.addSuccessMessage(t('Severity has been successfully updated'));
                 }
                 catch (e) {
-                    yield postComment({
+                    yield postCommentRequest({
+                        caseNumber: caseDetails.caseNumber,
                         commentBody: severityUpdateFailedComment === null || severityUpdateFailedComment === void 0 ? void 0 : severityUpdateFailedComment.trim(),
                         contentType: 'markdown',
-                        updateDiscussionState: true,
                     });
                     onClose();
                     caseUpdateError.showError(e, t(`Failed to update case status. Please try again`));
-                    yield updateSeverityViaGraphQL({
-                        status: 'Waiting on Customer Action Required',
-                        severity: updatedCaseDetails['severity'],
-                    });
+                    yield updateCaseDetails(caseDispatch, caseDetails.caseNumber, Object.assign({ status: 'Waiting on Customer' }, updateCaseDetails));
                 }
             }
             catch (e) {
                 onClose();
                 caseUpdateError.showError(e, t(`Couldn't post severity update comment. Please try again`));
-                yield updateSeverityViaGraphQL({
+                yield updateCaseDetails(caseDispatch, caseDetails.caseNumber, {
                     severity: caseDetails.caseSeverity,
                 });
                 setDescriptionValue(descriptionValue === null || descriptionValue === void 0 ? void 0 : descriptionValue.trim());
@@ -260,13 +240,14 @@ export default function UpdateSeverityModal(props) {
         catch (e) {
             onClose();
             caseUpdateError.showError(e, t('Severity failed to update'));
-            yield updateSeverityViaGraphQL({
+            yield updateCaseDetails(caseDispatch, caseDetails.caseNumber, {
                 severity: caseDetails.caseSeverity,
             });
             reUpdateSeverity(caseDetails.caseSeverity);
             setDescriptionValue(descriptionValue === null || descriptionValue === void 0 ? void 0 : descriptionValue.trim());
         }
         finally {
+            yield updateDiscussionStateComments(dispatchDiscussion, caseDispatch, caseDetails.caseNumber, allDiscussions, sort, caseFeedbacksHydra.data, discussionFiltersListState);
             setIsUpdateClickedToShowError(false);
             setDescriptionValue('');
         }
@@ -284,12 +265,14 @@ export default function UpdateSeverityModal(props) {
         if (isEmpty(updatedCaseDetails)) {
             return false;
         }
-        if (isEqual(caseDetails.caseSeverity, currentSeverity) &&
+        else if (isEqual(caseDetails.caseSeverity, currentSeverity) &&
             isEqual(caseDetails.fts, localFts) &&
             isEqual(caseDetails.contactInfo24x7, localFtsContact)) {
             return false;
         }
-        return true;
+        else {
+            return true;
+        }
     };
     const onFtsChange = (e) => {
         if (canEditCase.alert())
@@ -304,9 +287,8 @@ export default function UpdateSeverityModal(props) {
         if (!e.target.checked) {
             return;
         }
-        const ownerPhone = `${phoneCountryCode}-${phoneAreaCodePrefixLineNumber}`;
-        setUpdatedCaseDetails((pre) => (Object.assign(Object.assign({}, pre), { contactInfo24x7: ownerPhone })));
-        setLocalFtsContact(ownerPhone);
+        setUpdatedCaseDetails((pre) => (Object.assign(Object.assign({}, pre), { contactInfo24x7: `${phoneCountryCode}-${phoneAreaCodePrefixLineNumber}` })));
+        setLocalFtsContact(`${phoneCountryCode}-${phoneAreaCodePrefixLineNumber}`);
     };
     const onFtsContactChange = (e) => {
         if (canEditCase.alert())
@@ -314,49 +296,19 @@ export default function UpdateSeverityModal(props) {
         setLocalFtsContact(e.target.value);
         setUpdatedCaseDetails((pre) => (Object.assign(Object.assign({}, pre), { contactInfo24x7: e.target.value.trim() })));
     };
-    const isUpdateValid = checkIsUpdateValid();
-    const isDescriptionDisabled = (caseOverviewState.caseSeverityUpdating && isCaseUpdating) || isPostingComment || !isUpdateValid;
-    const isSubmitButtonDisabled = !(isUpdateValid && isTextAreaValid());
+    // To disable submit button wrt above conditions
+    const isSubmitButtonDisabled = checkIsUpdateValid() && isTextAreaValid() ? false : true;
     // To handle the severity change
-    const onSeverityChange = (_event, value) => {
+    const onSeverityChange = (event, option) => {
         if (canEditCase.alert())
             return;
-        const option = typeof value === 'object' && value !== null && 'name' in value
-            ? value
-            : filteredSeverities.find((s) => s.name === value) || {
-                name: String(value),
-                disabled: false,
-                label: String(value),
-                additionalInfo: '',
-            };
-        // Re-selecting the previously saved severity: reset and keep description/Update disabled
-        if (isEqual(caseDetails.caseSeverity, option.name)) {
-            setCurrentSeverity(option.name);
-            setUpdatedCaseDetails({});
-            setLocalFts(isUndefined(fts) ? true : !!fts);
-            setLocalFtsContact(contactInfo24x7 || '');
-            setCaseState(caseDispatch, { ftsContactSameAsOwner: initialContactSameAsOwnerRef.current });
-            setDescriptionValue('');
-            setIsUpdateClickedToShowError(false);
-            setIsSeverityInValidLocal(option);
-            setIsOpen(false);
-            return;
-        }
-        if (isSev1(option.name) && (hasPremiumSla || isEmpty(entitlementSla))) {
+        if (!isEqual(caseDetails.caseSeverity, option.name) &&
+            isSev1(option.name) &&
+            isFtsEditableOnEditPage(entitlementSla, option.name)) {
             setLocalFts(true);
             setLocalFtsContact('');
             setCaseState(caseDispatch, { ftsContactSameAsOwner: false });
-            setUpdatedCaseDetails({
-                severity: option.name,
-                fts: !isIdea,
-                contactInfo24x7: '',
-            });
-        }
-        else if (isSev2(option.name) &&
-            (hasPremiumSla || isEmpty(entitlementSla) || showFtsOnCaseViewEditPage(entitlementSla || '', option.name))) {
-            setUpdatedCaseDetails({
-                severity: option.name,
-            });
+            setUpdatedCaseDetails((pre) => (Object.assign(Object.assign({}, pre), { severity: option.name, fts: !isIdea, contactInfo24x7: '' })));
         }
         else {
             setUpdatedCaseDetails({ severity: option.name, fts: false });
@@ -408,8 +360,8 @@ export default function UpdateSeverityModal(props) {
     ]);
     useEffect(() => {
         const phone = `${phoneCountryCode}-${phoneAreaCodePrefixLineNumber}`;
-        setLocalFts(isUndefined(fts) ? true : fts);
-        setLocalFtsContact(contactInfo24x7 || '');
+        setLocalFts(fts);
+        setLocalFtsContact(contactInfo24x7);
         if (contactInfo24x7 === phone) {
             setCaseState(caseDispatch, { ftsContactSameAsOwner: true });
         }
@@ -431,21 +383,23 @@ export default function UpdateSeverityModal(props) {
                                     React.createElement(FlexItem, null, selectedSeverity.label || t(`Select a severity`)),
                                     React.createElement(FlexItem, null, isFetching || versionsDetails.isFetching ? React.createElement(Spinner, { size: "md" }) : '')))), shouldFocusToggleOnSelect: true, isScrollable: true, popperProps: { direction: 'down', enableFlip: false } },
                             React.createElement(DropdownList, null, allCaseSeverities.data
-                                ? filteredSeverities.map((option) => (React.createElement(DropdownItem, { value: option.name, key: option.name, description: option.additionalInfo }, option.label)))
+                                ? filteredSeverities.map((option) => (React.createElement(DropdownItem, { value: option, key: option.name, description: option.additionalInfo }, option.label)))
                                 : []))),
                     React.createElement("div", null,
                         React.createElement("label", { htmlFor: "date-input", className: "pf-v6-u-mt-md" },
                             React.createElement(Trans, null, "Describe update"),
                             React.createElement("span", { className: "form-required", "aria-hidden": "true" }, "*")),
-                        React.createElement(TextArea, { placeholder: t('How has the business impact changed? If you have increased severity, please explain why.'), isDisabled: isDescriptionDisabled, value: descriptionValue, onChange: (_event, value) => handleTextAreaChange(value), resizeOrientation: "vertical", "aria-label": "severity-update-descritpion", validated: isEmpty(descriptionValue) && isUpdateClickedToShowError ? 'error' : 'default', isRequired: true }),
+                        React.createElement(TextArea, { placeholder: t('How has the business impact changed? If you have increased severity, please explain why.'), isDisabled: (caseOverviewState.caseSeverityUpdating && isCaseUpdating) ||
+                                isPostingComment ||
+                                !checkIsUpdateValid(), value: descriptionValue, onChange: (_event, value) => handleTextAreaChange(value), resizeOrientation: "vertical", "aria-label": "severity-update-descritpion", validated: isEmpty(descriptionValue) && isUpdateClickedToShowError ? 'error' : 'default', isRequired: true }),
                         React.createElement("div", { className: "pf-v6-u-mt-xs" },
                             React.createElement(Trans, null, "To view your comment, go to the Discussion tab."))),
-                    shouldShowFts && (React.createElement("div", { className: "pf-v6-u-mt-md pf-v6-u-mb-sm" },
+                    !isIdea && isFtsEditable && (React.createElement("div", { className: "pf-v6-u-mt-md pf-v6-u-mb-sm" },
                         React.createElement("div", null,
                             React.createElement("input", { type: "checkbox", id: "update-severity-fts", "data-tracking-id": "update-severity-fts", name: "update-severity-fts", checked: localFts, onChange: onFtsChange }),
                             React.createElement("label", { htmlFor: "update-severity-fts" },
                                 React.createElement(Trans, null, "24x7 Support"))),
-                        (localFts || isSev1(currentSeverity)) && (React.createElement("div", null,
+                        localFts && (React.createElement("div", null,
                             React.createElement("label", { htmlFor: "update-severity-24-7-contact", className: "pf-v6-u-mt-xs" },
                                 React.createElement(Trans, null, "Contact for 24x7 support")),
                             React.createElement("div", null,
@@ -465,9 +419,8 @@ export default function UpdateSeverityModal(props) {
             React.createElement("p", { className: "pf-v6-u-text-color-subtle pf-v6-u-font-size-sm pf-v6-u-mb-md" }, t('Describing your update helps us better assist you.')),
             modalBody()),
         React.createElement(ModalFooter, null,
-            React.createElement(Button, { key: "submit", variant: "primary", onClick: onSubmit, isLoading: isCaseUpdating || isPostingComment, "data-tracking-id": "update-severity-submit", isDisabled: (isPreviousSeveritySelected && !onlyFtsInfoChanged) ||
-                    (!isUpdateClickedToShowError && isUpdateValid
-                        ? false
-                        : isSubmitButtonDisabled || isCaseUpdating || isPostingComment) }, t('Update')),
+            React.createElement(Button, { key: "submit", variant: "primary", onClick: onSubmit, isLoading: isCaseUpdating || isPostingComment, "data-tracking-id": "update-severity-submit", isDisabled: !isUpdateClickedToShowError && checkIsUpdateValid()
+                    ? false
+                    : isSubmitButtonDisabled || isCaseUpdating || isPostingComment }, t('Update')),
             React.createElement(Button, { key: "back", variant: "link", onClick: onCancel, "data-tracking-id": "update-severity-cancel", isDisabled: isCaseUpdating || isPostingComment }, t('Cancel')))));
 }

package/lib/esm/components/shared/Constants.d.ts

@@ -11,7 +11,6 @@ declare const _default: {
         de: string;
         es: string;
         pt: string;
-        pt_BR: string;
         fr: string;
         ko: string;
         it: string;
@@ -48,10 +47,6 @@ export declare enum CaseValuesToWatch {
     hostname = "Hostname",
     openshiftClusterID = "OpenShift Cluster ID"
 }
-export declare const preferredSSModalOpenPendoEvent = "PCM-Next > Preferred-secured-support-modal-open";
-export declare const recsViewedFromNoAttachmentModalEvent = "PCM-Next > No-Attachment-modal-view-recommendations";
-export declare const markdownInlineFileSelectEvent = "PCM-Next > Markdown-toolbar-file-select";
-export declare const markdownFilePasteEvent = "PCM-Next > Markdown-toolbar-file-paste";
 export declare const riskLabels: {
     1: {
         icon: React.JSX.Element;

package/lib/esm/components/shared/Constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Constants.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Constants.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE1B,wBAgCE;AAEF;;GAEG;AACH,oBAAY,iBAAiB;IACzB,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,IAAI,iBAAiB;IACrB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,8BAA8B;IACnC,KAAK,UAAU;IACf,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,kBAAkB,yBAAyB;CAC9C;AAED,eAAO,MAAM,8BAA8B,oDAAoD,CAAC;AAEhG,eAAO,MAAM,oCAAoC,wDAAwD,CAAC;AAC1G,eAAO,MAAM,6BAA6B,4CAA4C,CAAC;AACvF,eAAO,MAAM,sBAAsB,2CAA2C,CAAC;AAE/E,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;CAKtB,CAAC"}
+{"version":3,"file":"Constants.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Constants.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE1B,wBA+BE;AAEF;;GAEG;AACH,oBAAY,iBAAiB;IACzB,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,IAAI,iBAAiB;IACrB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,8BAA8B;IACnC,KAAK,UAAU;IACf,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,kBAAkB,yBAAyB;CAC9C;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;CAKtB,CAAC"}

package/lib/esm/components/shared/Constants.js

@@ -15,7 +15,6 @@ export default {
         de: 'Deutsch',
         es: 'Español',
         pt: 'Português',
-        pt_BR: 'Português',
         fr: 'Français',
         ko: '한국어',
         it: 'Italiano',
@@ -52,10 +51,6 @@ export var CaseValuesToWatch;
     CaseValuesToWatch["hostname"] = "Hostname";
     CaseValuesToWatch["openshiftClusterID"] = "OpenShift Cluster ID";
 })(CaseValuesToWatch || (CaseValuesToWatch = {}));
-export const preferredSSModalOpenPendoEvent = 'PCM-Next > Preferred-secured-support-modal-open';
-export const recsViewedFromNoAttachmentModalEvent = 'PCM-Next > No-Attachment-modal-view-recommendations';
-export const markdownInlineFileSelectEvent = 'PCM-Next > Markdown-toolbar-file-select';
-export const markdownFilePasteEvent = 'PCM-Next > Markdown-toolbar-file-paste';
 export const riskLabels = {
     1: { icon: React.createElement(AngleDoubleDownIcon, null), label: 'Low', className: 'pf-m-blue' },
     2: { icon: React.createElement(EqualsIcon, null), label: 'Moderate', className: 'pf-m-gold' },

package/lib/esm/components/shared/fileUpload/FileLister.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileLister.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/fileUpload/FileLister.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuB1B,OAAO,EAAiB,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAGxE,eAAO,MAAM,qBAAqB,2FAAyC,CAAC;AAiB5E,UAAU,MAAM;IACZ,kBAAkB,EAAE,UAAU,EAAE,CAAC;IACjC,UAAU,EAAE,CAAC,eAAe,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACtG,YAAY,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACtE,OAAO,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAC;CACvC;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,qBAqS/C"}
+{"version":3,"file":"FileLister.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/fileUpload/FileLister.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAsB1B,OAAO,EAAiB,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAGxE,eAAO,MAAM,qBAAqB,2FAAyC,CAAC;AAiB5E,UAAU,MAAM;IACZ,kBAAkB,EAAE,UAAU,EAAE,CAAC;IACjC,UAAU,EAAE,CAAC,eAAe,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACtG,YAAY,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACtE,OAAO,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAC;CACvC;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,qBAqS/C"}

package/lib/esm/components/shared/fileUpload/FileLister.js

@@ -11,7 +11,7 @@ import React from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseSelector } from '../../../context/CaseContext';
 import { ATTACHMENT_DESCRIPTION_LENGTH_LIMIT } from '../../../reducers/CaseConstNTypes';
-import { isAnalysingFile, isAnalysisFailed, isFileDeleted, isUploadAborted, isUploadedAndAnalysisFailed, isUploadedAndAnalysisSkipped, isUploadedAndAnalyzed, isUploadFailed, isUploading, isUploadingAttachment, isUploadingOnCase, isUploadingOnSession, isUploadOnTrack, isVerifyingUpload, shouldHideDescription, shouldShowUploadProgressIndicator, } from './reducer/AttachmentHelper';
+import { isAnalysingFile, isAnalysisFailed, isFileDeleted, isUploadAborted, isUploadedAndAnalysisFailed, isUploadedAndAnalysisSkipped, isUploadedAndAnalyzed, isUploadFailed, isUploading, isUploadingAttachment, isUploadingOnCase, isUploadingOnSession, isUploadOnTrack, isVerifyingUpload, shouldHideDescription, } from './reducer/AttachmentHelper';
 import { FileStatusHelper } from './reducer/FileStatusHelper';
 export const CaseDiagnosticsStatus = pcm.preCase.diag.CaseDiagnosticsStatus;
 const analysisSteps = [
@@ -108,7 +108,7 @@ export default function FileLister(props) {
                             !isUploadOnTrack(localFile) && (React.createElement("i", { className: "icon-warning pf-v6-u-mr-sm", title: getUploadErrorMessage(localFile, localFile.uploadability), "aria-label": getUploadErrorMessage(localFile, localFile.uploadability) })),
                             isUploadedAndAnalysisFailed(localFile) && (React.createElement("i", { className: "icon-warning text-danger pf-v6-u-mr-sm", title: getUploadErrorMessage(localFile, localFile.uploadability), "aria-label": getUploadErrorMessage(localFile, localFile.uploadability) })),
                             isUploadedAndAnalyzed(localFile) && (React.createElement("i", { className: "icon-check-alt text-green pf-v6-u-mr-sm", title: t('File uploaded and analyzed'), "aria-label": t('File uploaded and analyzed') })),
-                            shouldShowUploadProgressIndicator(localFile, props.isSessionId) && (React.createElement("div", { className: "pf-v6-u-mr-sm pf-v6-u-display-inline-block", style: { height: '20px', width: '20px' } },
+                            isUploading(localFile.uploadProgress.uploadStatus) && (React.createElement("div", { className: "pf-v6-u-mr-sm pf-v6-u-display-inline-block", style: { height: '20px', width: '20px' } },
                                 React.createElement(CircularProgressbar, { title: getRadialProgressTitle(localFile), strokeWidth: 13, value: localFile.uploadProgress.percentUploaded }))),
                             React.createElement("span", null, `${localFile.name} (${humanizeSize(localFile.size)})`),
                             !localFile.uploadability.ableToUpload && (React.createElement("span", { className: "file-error" },
@@ -122,7 +122,7 @@ export default function FileLister(props) {
                             React.createElement(HistoryIcon, null))),
                         !isVerifyingUpload(localFile.uploadProgress.uploadStatus) &&
                             !isAnalysingFile(localFile.analysisMetadata.analysisStatus) && (React.createElement(React.Fragment, null,
-                            canShowAbortBtn(localFile.uploadProgress.uploadStatus) && (React.createElement(Button, { variant: ButtonVariant.link, isDanger: true, "aria-label": t('Cancel Upload'), title: t('Cancel Upload'), className: "btn btn-link btn-app remove-file", "data-tracking-id": "file-lister-abort", onClick: onAbortClick(localFile, index), hidden: !localFile.uploadability.ableToUpload, isDisabled: !localFile.uploadProgress.onAbort },
+                            canShowAbortBtn(localFile.uploadProgress.uploadStatus) && (React.createElement(Button, { variant: ButtonVariant.link, isDanger: true, "aria-label": t('Cancel Upload'), title: t('Cancel Upload'), className: "btn btn-link btn-app remove-file", "data-tracking-id": "file-lister-abort", onClick: onAbortClick(localFile, index), hidden: !localFile.uploadability.ableToUpload, isDisabled: !(localFile.uploadProgress.percentUploaded > 0) },
                                 React.createElement(Trans, null, "Cancel"))),
                             showDeleteBtn(localFile.uploadProgress.uploadStatus, localFile) && (React.createElement(Button, { variant: ButtonVariant.link, isDanger: true, "aria-label": t('Delete file'), title: t('Delete file'), className: "btn btn-link btn-app remove-file", "data-tracking-id": "file-lister-delete", onClick: onRemoveClick(localFile, index), hidden: !localFile.uploadability.ableToUpload },
                                 React.createElement(Trans, null, "Remove")))))),

package/lib/esm/components/shared/fileUpload/FileUpload.js

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
 import { Trans } from 'react-i18next';
 import FileLister from './FileLister';
-import { hasSomeSelectedFiles, isUploadingAttachment } from './reducer/AttachmentHelper';
+import { isUploadingAttachment } from './reducer/AttachmentHelper';
 import { AttachmentStateContext } from './reducer/AttachmentReducerContext';
 import { FileUploadButton } from './UploadButton';
 import { useFileUploader } from './useFileUploader';
@@ -14,11 +14,12 @@ const defaultProps = {
     showDescriptionInfoMsg: false,
 };
 function FileUpload(props) {
+    var _a, _b, _c;
     // Attachment Reducer Related
     const { attachmentState } = useContext(AttachmentStateContext);
     const { editFile, removeFile, retryUpload, uploadAll, retryAnalysis } = useFileUploader(props);
     return (React.createElement("section", { className: `${props.className}`, id: `${props.id}` },
-        hasSomeSelectedFiles(attachmentState.caseFiles.selectedLocalFiles) && (React.createElement(React.Fragment, null,
+        ((_c = (_b = (_a = attachmentState === null || attachmentState === void 0 ? void 0 : attachmentState.caseFiles) === null || _a === void 0 ? void 0 : _a.selectedLocalFiles) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0) > 0 && (React.createElement(React.Fragment, null,
             !props.isSessionId ? (React.createElement("h4", null,
                 React.createElement(Trans, null, "Uploading attachment(s)"))) : null,
             React.createElement(FileLister, { onRetryAnalysis: retryAnalysis, selectedLocalFiles: attachmentState.caseFiles.selectedLocalFiles, onFileEdit: editFile, onFileRemove: removeFile, onRetry: retryUpload, isSessionId: props.isSessionId, showSlowUploadMsg: attachmentState.showUploadingOnSlowConnectionMsg }))),