@rh-support/troubleshoot 2.2.50 → 2.4.10-beta.6

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

@@ -57,9 +57,9 @@ export default function Review(props) {
             React.createElement(CaseType, { hideIdea: true }),
             React.createElement(SupportLevel, null),
             React.createElement(Flex, { direction: { default: 'column', '2xl': 'row' } },
-                React.createElement(FlexItem, { flex: { default: 'flex_1' }, className: "pf-v5-u-mb-xl" },
+                React.createElement(FlexItem, { flex: { default: 'flex_1' }, className: "pf-u-mb-xl" },
                     React.createElement(Severity, { showSeverityInfoIcon: true, onSeverityChange: onSeverityChange })),
-                React.createElement(FlexItem, { flex: { default: 'flex_1' }, className: "pf-v5-u-mb-xl" },
+                React.createElement(FlexItem, { flex: { default: 'flex_1' }, className: "pf-u-mb-xl" },
                     React.createElement(ContactPhoneNumber, null))),
             React.createElement(ContactPhoneNumberAlert, null),
             React.createElement(Fts, { inlineEditable: true, initialIsEditing: isEmpty(contactInfo24x7), hideSaveCancel: true }),

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":"AAWA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAQvD,OAAO,EAGH,eAAe,EAElB,MAAM,iCAAiC,CAAC;AAgBzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,eA8T3C"}
+{"version":3,"file":"SessionRestore.d.ts","sourceRoot":"","sources":["../../../../src/components/SessionRestore/SessionRestore.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAQvD,OAAO,EAGH,eAAe,EAElB,MAAM,iCAAiC,CAAC;AAgBzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,eA6U3C"}

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

@@ -35,12 +35,13 @@ export function SessionRestore(props) {
     const sessionRestoreDispatch = useContext(SessionRestoreDispatchContext);
     const dispatchToAttachmentReducer = useContext(AttachmentDispatchContext);
     const { sessionRestore } = useContext(SessionRestoreStateContext);
-    const { selectedNotificationContacts, cepDetails, caseDetails, caseCreation500ErrorStatus } = useCaseSelector((state) => ({
+    const { selectedNotificationContacts, cepDetails, caseDetails, caseCreation500ErrorStatus, isFetchingRecommendationsFromWatsonX, } = useCaseSelector((state) => ({
         openshiftClusterID: state.caseDetails.openshiftClusterID,
         cepDetails: state.cepDetails,
         selectedNotificationContacts: state.selectedNotificationContacts,
         caseDetails: state.caseDetails,
         caseCreation500ErrorStatus: state.caseCreation500ErrorStatus,
+        isFetchingRecommendationsFromWatsonX: state.isFetchingRecommendationsFromWatsonX, //use this here bool
     }), isEqual);
     const caseDispatch = useCaseDispatch();
     const { globalMetadataState: { loggedInUsersAccount, loggedInUserRights, referrerUrl }, } = useContext(GlobalMetadataStateContext);
@@ -78,10 +79,11 @@ export function SessionRestore(props) {
         const needsNewSessionId = hasProductVersionOrSummary && isEmpty(relevantSession);
         if (needsNewSessionId) {
             const userAgent = getUserAgentForCaseMode(isCaseCreate);
+            const userAgentAB = userAgent + (isFetchingRecommendationsFromWatsonX ? '-A-1' : '-B-1');
             let session = {
-                userAgent,
+                userAgent: userAgentAB,
                 originatingSystem: userAgent,
-                referrerUrl: (caseDetails.referrer || referrerUrl).substring(0, SESSION_REFERRER_URL_LIMIT),
+                referrerUrl: referrerUrl.substring(0, SESSION_REFERRER_URL_LIMIT),
             };
             !sessionRestore.sessionCreationStatus.isCreating &&
                 !sessionRestore.sessionCreationStatus.isError &&
@@ -130,12 +132,15 @@ export function SessionRestore(props) {
             : !isEmpty(existingUserAgent) && existingUserAgent !== userAgent
                 ? existingUserAgent
                 : userAgent;
-        let session = { userAgent, originatingSystem, caseCreationError: caseCreation500ErrorStatus };
+        const userAgentAB = userAgent + (isFetchingRecommendationsFromWatsonX ? '-A-1' : '-B-1');
+        let session = {
+            userAgent: userAgentAB,
+            originatingSystem,
+            caseCreationError: caseCreation500ErrorStatus,
+        };
         // PCM-12337 - Moved the session patch call to submit case function in CaseReducer.ts
-        const newSessionDetails = getSessionDetailsFromCase(caseDetails, selectedNotificationContacts);
-        if (isEqual(newSessionDetails, relevantSession.sessionDetails))
-            return;
-        updateSession(sessionRestoreDispatch, sessionRestore.activeSessionId, newSessionDetails, session);
+        isEmpty(caseDetails.caseNumber) &&
+            updateSession(sessionRestoreDispatch, sessionRestore.activeSessionId, getSessionDetailsFromCase(caseDetails, selectedNotificationContacts), session);
     }, [
         caseDetails,
         currentUrlSeSessionId,
@@ -258,7 +263,7 @@ export function SessionRestore(props) {
             }
         }
         previousSessions = orderBy(previousSessions, (s) => s.session.modifiedDate, 'desc');
-        if (caseDetails.product || caseDetails.summary) {
+        if (activeSection !== AppRouteSections.SUBMIT_CASE && (caseDetails.product || caseDetails.summary)) {
             previousSessions = previousSessions.filter((s) => {
                 var _a, _b, _c, _d, _e, _f;
                 return s.session.isActive &&

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

@@ -1 +1 @@
-{"version":3,"file":"SessionRestoreCard.d.ts","sourceRoot":"","sources":["../../../../src/components/SessionRestore/SessionRestoreCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qDAAqD,CAAC;AASnF,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxD,gBAAgB,EAAE,YAAY,EAAE,CAAC;IACjC,aAAa,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,eA4B/C"}
+{"version":3,"file":"SessionRestoreCard.d.ts","sourceRoot":"","sources":["../../../../src/components/SessionRestore/SessionRestoreCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qDAAqD,CAAC;AAUnF,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxD,gBAAgB,EAAE,YAAY,EAAE,CAAC;IACjC,aAAa,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,eAqC/C"}

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

@@ -1,20 +1,27 @@
-import { Alert, AlertActionCloseButton } from '@patternfly/react-core';
+import BellIcon from '@patternfly/react-icons/dist/js/icons/bell-icon';
+import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
 import isEmpty from 'lodash/isEmpty';
 import map from 'lodash/map';
 import React, { useState } from 'react';
-import { useTranslation } from 'react-i18next';
+import { Trans } from 'react-i18next';
 import { SessionItem } from './SessionItem';
 export function SessionRestoreCard(props) {
-    const { t } = useTranslation();
-    const [dismissed, setDismissed] = useState(false);
+    const [hidden, setHidden] = useState(false);
     const onCardDismiss = () => {
-        setDismissed(true);
+        setHidden(true);
         props.onCardDismiss && props.onCardDismiss();
     };
-    if (dismissed || isEmpty(props.previousSessions))
+    if (hidden || isEmpty(props.previousSessions))
         return React.createElement(React.Fragment, null);
-    return (React.createElement(Alert, { variant: "custom", isInline: true, title: t('Restore a previous session'), actionClose: React.createElement(AlertActionCloseButton, { onClose: onCardDismiss }), component: "h3", className: "restore-session-alert" },
-        React.createElement("div", { className: "pf-v5-c-alert__description" },
+    return (React.createElement("div", { className: "pf-c-alert pf-m-inline", role: "alert" },
+        React.createElement("div", { className: "pf-c-alert__icon" },
+            React.createElement(BellIcon, { "aria-hidden": "true" })),
+        React.createElement("h3", { className: "pf-c-alert__title" },
+            React.createElement(Trans, null, "Restore a previous session")),
+        React.createElement("div", { className: "pf-c-alert__description" },
             React.createElement("ul", { className: "restore-session-list" }, map(props.previousSessions, (sessionItem) => (React.createElement("li", { key: sessionItem.session.id },
-                React.createElement(SessionItem, { onRestore: props.onRestore, sessionItem: sessionItem }))))))));
+                React.createElement(SessionItem, { onRestore: props.onRestore, sessionItem: sessionItem })))))),
+        React.createElement("div", { className: "pf-c-alert__action" },
+            React.createElement("button", { className: "pf-c-button pf-m-plain", type: "button", "aria-label": "Close", onClick: onCardDismiss, "data-tracking-id": "session-restore-card-dismiss" },
+                React.createElement(TimesIcon, { "aria-hidden": "true" })))));
 }

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

@@ -1,9 +1,6 @@
 import { FC } from 'react';
-import { RouteComponentProps } from 'react-router-dom';
-import { IRouteUrlParams } from '../../reducers/RouteConstNTypes';
 interface IProps {
     submitCaseAndNavigate: (isReSubmitting: boolean) => void;
-    routeProps: RouteComponentProps<IRouteUrlParams>;
 }
 export declare const ResubmitToast: FC<IProps>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"ResubmitToast.d.ts","sourceRoot":"","sources":["../../../../src/components/SubmitCase/ResubmitToast.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAGlE,UAAU,MAAM;IACZ,qBAAqB,EAAE,CAAC,cAAc,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,MAAM,CAwCpC,CAAC"}
+{"version":3,"file":"ResubmitToast.d.ts","sourceRoot":"","sources":["../../../../src/components/SubmitCase/ResubmitToast.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMlC,UAAU,MAAM;IACZ,qBAAqB,EAAE,CAAC,cAAc,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5D;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,MAAM,CAuCpC,CAAC"}

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

@@ -4,8 +4,7 @@ import React from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { updateCaseCreationErrorStatus } from '../../reducers/CaseReducer';
-import RouteUtils from '../../utils/routeUtils';
-export const ResubmitToast = ({ submitCaseAndNavigate, routeProps }) => {
+export const ResubmitToast = ({ submitCaseAndNavigate }) => {
     const { t } = useTranslation();
     const { caseCreation500ErrorStatus, caseCreationError } = useCaseSelector((state) => ({
         caseCreation500ErrorStatus: state.caseCreation500ErrorStatus,
@@ -18,7 +17,6 @@ export const ResubmitToast = ({ submitCaseAndNavigate, routeProps }) => {
     };
     const onReturnToCase = () => {
         updateCaseCreationErrorStatus(caseDispatch, false);
-        RouteUtils.navigateToSection(routeProps, '/', false);
     };
     return caseCreationError && caseCreation500ErrorStatus ? (React.createElement(Alert, { "data-tracking-id": "resubmit-case-toast", variant: AlertVariant.danger, title: t('Case was not submitted due to an internal error'), actionClose: React.createElement(AlertActionCloseButton, { onClose: onReturnToCase }), actionLinks: React.createElement(React.Fragment, null,
             React.createElement(AlertActionLink, { onClick: onResubmit }, t('Resubmit')),

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

@@ -1,2 +1,8 @@
-export default function SubmitCase(): JSX.Element;
+import { RouteComponentProps } from 'react-router-dom';
+import { IRouteUrlParams } from '../../reducers/RouteConstNTypes';
+interface IProps {
+    routeProps: RouteComponentProps<IRouteUrlParams>;
+}
+export default function SubmitCase(props: IProps): JSX.Element;
+export {};
 //# sourceMappingURL=SubmitCase.d.ts.map

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":"AAkCA,MAAM,CAAC,OAAO,UAAU,UAAU,gBAyTjC"}
+{"version":3,"file":"SubmitCase.d.ts","sourceRoot":"","sources":["../../../../src/components/SubmitCase/SubmitCase.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAQ,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAO7D,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAWlE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,eAsT/C"}

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

@@ -1,5 +1,5 @@
 import { Env, publicApi } from '@cee-eng/hydrajs';
-import { ActionList, ActionListItem, Button, Icon, Text, TextVariants, Tooltip } from '@patternfly/react-core';
+import { ActionList, ActionListItem, Button, Text, TextVariants, Tooltip } from '@patternfly/react-core';
 import CheckCircleIcon from '@patternfly/react-icons/dist/js/icons/check-circle-icon';
 import { AlertMessage, AlertType, useFetch } from '@rh-support/components';
 import { GlobalMetadataStateContext, useGlobalStateContext } from '@rh-support/react-context';
@@ -24,7 +24,7 @@ import FileUploader from '../shared/fileUpload/FileUploader';
 import { isUploadingAttachment } from '../shared/fileUpload/reducer/AttachmentHelper';
 import { AttachmentStateContext } from '../shared/fileUpload/reducer/AttachmentReducerContext';
 import Suggestions from '../Suggestions/Suggestions';
-export default function SubmitCase() {
+export default function SubmitCase(props) {
     var _a;
     const { entitlementSla, severity, caseType, version, versionsDetails, addNotifiedUserError, isCreatingCase, caseCreationError, caseCreationErrorMessage, selectedAccountDetails, caseNoOfCreatedCase, product, screenSessionRequested, } = useCaseSelector((state) => ({
         entitlementSla: state.caseDetails.entitlementSla,
@@ -84,29 +84,27 @@ export default function SubmitCase() {
     // To check if the user is ESS Customer and Product has ESS Support
     const isESSCustomer = isSpecialSupportOfferingEnabled((_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult, product);
     return (React.createElement("article", { className: "gird-main" },
-        React.createElement(AlertMessage, { className: "pf-v5-u-mt-lg", title: t('Failed to add user.'), variant: AlertType.DANGER, show: addNotifiedUserError }),
-        React.createElement(AlertMessage, { className: "pf-v5-u-mt-lg", variant: AlertType.DANGER, show: caseCreationError, title: t("Sorry, we're experiencing an error"), isInline: true },
+        React.createElement(AlertMessage, { className: "pf-u-mt-lg", title: t('Failed to add user.'), variant: AlertType.DANGER, show: addNotifiedUserError }),
+        React.createElement(AlertMessage, { className: "pf-u-mt-lg", variant: AlertType.DANGER, show: caseCreationError, title: t("Sorry, we're experiencing an error"), isInline: true },
             React.createElement(React.Fragment, null, caseCreationErrorMessage)),
         !isCreatingCase && !caseCreationError && (React.createElement(React.Fragment, null,
             !isESSCustomer && !screenSessionRequested && showRemoteRiderBanner && (React.createElement(RemoteRiderBanner, { onConfirm: onRemoteRiderConfirm, onClose: onRemoteRiderClose, caseNumber: caseNoOfCreatedCase, isSecureSupport: loggedInUsersAccount.data.secureSupport, loggedInUserRights: loggedInUserRights })),
             React.createElement("div", { className: "submit-case-header-container" },
-                React.createElement("p", { className: "kicker kicker-sm pf-v5-u-mb-sm" }, !isEmpty(RouteUtils.seBasePath) &&
+                React.createElement("p", { className: "kicker kicker-sm pf-u-mb-sm" }, !isEmpty(RouteUtils.seBasePath) &&
                     !isUploadingAttachment(attachmentState.caseFiles.selectedLocalFiles) ? (React.createElement(React.Fragment, null,
-                    React.createElement("div", { className: "submit-page-title pf-v5-u-mb-lg" },
-                        React.createElement(Icon, { className: "submit-case-check-icon pf-v5-u-mt-sm", size: "lg" },
-                            React.createElement(CheckCircleIcon, null)),
+                    React.createElement("div", { className: "submit-page-title pf-u-mb-lg" },
+                        React.createElement(CheckCircleIcon, { className: "submit-case-check-icon", size: "lg" }),
                         ' ',
-                        React.createElement(Text, { className: "pf-v5-u-mb-0", component: TextVariants.h1 },
+                        React.createElement(Text, { className: "pf-u-ml-md pf-u-mb-0", component: TextVariants.h1 },
                             React.createElement(Trans, null, "We've added your case to our queue"))),
-                    React.createElement("div", { className: "pf-v5-u-mt-sm" },
+                    React.createElement("div", { className: "pf-u-mt-sm" },
                         React.createElement(Trans, null, "Case number:"),
                         "\u00A0",
                         React.createElement(Link, { to: `/case/${caseNoOfCreatedCase}`, "data-tracking-id": "get-support-queued-case-number", className: isUploadingAttachment(attachmentState.caseFiles.selectedLocalFiles)
                                 ? 'case-link-disabled'
                                 : '' }, caseNoOfCreatedCase)))) : (React.createElement(React.Fragment, null,
                     React.createElement("div", { className: "submit-page-title" },
-                        React.createElement(Icon, { size: "lg", className: "submit-case-check-icon" },
-                            React.createElement(CheckCircleIcon, null)),
+                        React.createElement(CheckCircleIcon, { className: "submit-case-check-icon", size: "lg" }),
                         ' ',
                         React.createElement(Text, { component: TextVariants.h1 },
                             React.createElement(Trans, null, "We\u2019ve added your case to our queue"))),
@@ -121,10 +119,10 @@ export default function SubmitCase() {
                         getResponseTimeMessage(entitlementSla, severity),
                     React.createElement("a", { className: "inline-link", rel: "noopener noreferrer", href: "/support/offerings/production/sla", target: "_blank", "data-tracking-id": "get-support-sla" },
                         React.createElement(Trans, null, "Service Level Agreement (SLA)."))),
-                React.createElement("div", { className: "submit-page-contact-info pf-v5-u-mt-lg pf-v5-u-mb-sm" },
-                    React.createElement("p", { className: "contact-info-title pf-v5-u-mb-sm" },
+                React.createElement("div", { className: "submit-page-contact-info pf-u-mt-lg pf-u-mb-sm" },
+                    React.createElement("p", { className: "contact-info-title pf-u-mb-sm" },
                         React.createElement(Trans, null, "Is this contact information correct?")),
-                    React.createElement("p", { className: "pf-v5-u-font-size-sm" },
+                    React.createElement("p", { className: "pf-u-font-size-sm" },
                         React.createElement("strong", null,
                             React.createElement(Trans, null, "Email:")),
                         ' ',
@@ -135,16 +133,16 @@ export default function SubmitCase() {
                             React.createElement(Button, { component: "a", href: `${getRedhatDotComHost(Env.getEnvName())}/wapps/ugc/protected/${'personalInfo.html'}`, target: "_blank", variant: "secondary", "data-tracking-id": "get-support-update-info", className: "update-info-button" }, "Update info")),
                         React.createElement(ActionListItem, null, isUploadingAttachment(attachmentState.caseFiles.selectedLocalFiles) ? (React.createElement(React.Fragment, null,
                             React.createElement(Tooltip, { content: t('File upload in progress.'), position: "bottom" },
-                                React.createElement(Button, { className: "pf-v5-u-ml-md", component: "a", href: getCaseURL(), variant: "primary", "data-tracking-id": "get-support-view-case", "aria-label": t('View case'), isAriaDisabled: isUploadingAttachment(attachmentState.caseFiles.selectedLocalFiles) }, "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') }, "View case")))))),
+                                React.createElement(Button, { className: "pf-u-ml-md", component: "a", href: getCaseURL(), variant: "primary", "data-tracking-id": "get-support-view-case", "aria-label": t('View case'), isAriaDisabled: isUploadingAttachment(attachmentState.caseFiles.selectedLocalFiles) }, "View case")))) : (React.createElement(Button, { className: "pf-u-ml-md", 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') }, "View case")))))),
             !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(Text, { className: "pf-v5-u-mt-2xl pf-v5-u-font-weight-light", component: TextVariants.h2 },
+                    !isIdea && (React.createElement(Text, { className: "pf-u-mt-2xl pf-u-font-weight-light", component: TextVariants.h2 },
                     React.createElement(Trans, null, "Troubleshoot this case"))),
                 isNotAnIdea && (React.createElement(React.Fragment, null,
-                    React.createElement("div", { className: isIdea ? 'pf-v5-u-mt-lg' : '' },
+                    React.createElement("div", { className: isIdea ? 'pf-u-mt-lg' : '' },
                         React.createElement(InsightsResults, { isDisplayOnMain: true })),
                     React.createElement(ClusterRecommendations, { showClusterRecommendationsModal: false }))),
-                React.createElement("div", { className: "pf-v5-u-mt-lg" }, isIdea ? (React.createElement(AsideResults, null)) : (!isEmpty(topContent.data) &&
+                React.createElement("div", { className: "pf-u-mt-lg" }, isIdea ? (React.createElement(AsideResults, { routeProps: props.routeProps })) : (!isEmpty(topContent.data) &&
                     isNotAnIdea && (React.createElement(Suggestions, { title: isIdea ? t('Search recommendations') : t('Product recommendations'), showTitleDescription: true, showMax: 6 })))))))));
 }

package/lib/esm/components/Suggestions/Suggestions.js

@@ -42,7 +42,7 @@ export default function Suggestions(props) {
             (_b = accordionRef.current) === null || _b === void 0 ? void 0 : _b.collapseAll();
         }
     };
-    return (React.createElement("div", { className: "top-content-suggestion-accordion" },
+    return (React.createElement("div", null,
         showTitleDescription && (React.createElement("div", { className: "card card-support" },
             !isTCSearchEnabled && (React.createElement(Trans, null,
                 React.createElement("h3", { className: "card-heading popular-solutions green-card-heading" }, props.title ? props.title : t('i18nKeyPopularSolutions', 'Popular solutions and docs')))),

package/lib/esm/components/Suggestions/TopContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Suggestions/TopContent.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAGnC,OAAO,EAAE,WAAW,EAAE,MAAM,2DAA2D,CAAC;AAaxF,UAAU,MAAM;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,eA8I/C"}
+{"version":3,"file":"TopContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Suggestions/TopContent.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAGnC,OAAO,EAAE,WAAW,EAAE,MAAM,2DAA2D,CAAC;AAQxF,UAAU,MAAM;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,eA6C/C"}

package/lib/esm/components/Suggestions/TopContent.js

@@ -1,67 +1,21 @@
 import '@patternfly/pfe-accordion';
 import { pcm } from '@cee-eng/hydrajs';
-import { Accordion, AccordionContent, AccordionItem, AccordionToggle, Tooltip } from '@patternfly/react-core';
-import isEqual from 'lodash/isEqual';
+import { Tooltip } from '@patternfly/react-core';
 import map from 'lodash/map';
-import React, { useState } from 'react';
-import { useCaseSelector } from '../../context/CaseContext';
-import { SessionRestoreDispatchContext, SessionRestoreStateContext } from '../../context/SessionRestoreContext';
-import { getDescriptionWOQues } from '../../reducers/CaseHelpers';
-import { createOrUpdateSessionResources, getSessResTC } from '../../reducers/SessionRestoreReducer';
+import React from 'react';
 import RouteUtils from '../../utils/routeUtils';
-const { SessionResourceVisibility, SessionResourceSource } = pcm.preCase.session;
+const { SessionResourceSource } = pcm.preCase.session;
 export default function TopContent(props) {
-    const sessionRestoreDispatch = React.useContext(SessionRestoreDispatchContext);
-    const { sessionRestore: { activeSessionId, sessionResourceTracking }, } = React.useContext(SessionRestoreStateContext);
-    const [expanded, setExpanded] = useState('');
-    const { product, version, summary, issue, environment, periodicityOfIssue, timeFramesAndUrgency } = useCaseSelector((state) => ({
-        product: state.caseDetails.product,
-        version: state.caseDetails.version,
-        summary: state.caseDetails.summary,
-        issue: state.caseDetails.issue,
-        environment: state.caseDetails.environment,
-        periodicityOfIssue: state.caseDetails.periodicityOfIssue,
-        timeFramesAndUrgency: state.caseDetails.timeFramesAndUrgency,
-    }), isEqual);
     const onLinkClick = (item) => (event) => {
         props.onResourceClick && props.onResourceClick(item);
     };
-    const onToggle = (id) => {
-        if (id === expanded) {
-            setExpanded('');
-        }
-        else {
-            setExpanded(id);
-            onTopContentTabClicked(props.items);
-        }
-    };
-    // when user opens a top content tab, presented resouces are sent to session api
-    const onTopContentTabClicked = (docs) => {
-        createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.TOP_CONTENT, docs.map((doc, index) => getSessResTC(doc, SessionResourceVisibility.PRESENTED, doc.id, index)), JSON.stringify({
-            product,
-            version,
-            summary,
-            description: getDescriptionWOQues(issue, environment, periodicityOfIssue, timeFramesAndUrgency),
-        }));
-    };
-    return (React.createElement(React.Fragment, null, props.helperText ? (React.createElement(Tooltip, { content: React.createElement("div", null, props.helperText) },
-        React.createElement(Accordion, { isBordered: true },
-            React.createElement(AccordionItem, null,
-                React.createElement(AccordionToggle, { onClick: () => {
-                        onToggle(`${props.topContentIndex}`);
-                    }, isExpanded: expanded === `${props.topContentIndex}`, "data-tracking-id": `top-content-accordion-header-${props.topContentIndex}`, id: `${props.topContentIndex}` },
-                    React.createElement("h3", null, props.name)),
-                React.createElement(AccordionContent, { id: `${props.topContentIndex}`, isHidden: expanded !== `${props.topContentIndex}` },
-                    React.createElement("ul", { className: "list-flushleft", style: { listStyleType: 'disc' } }, map(props.items, (item, i) => (React.createElement("li", { key: i + item.contentTitle },
-                        React.createElement("p", null,
-                            React.createElement("a", { className: "se-recommended ts-top-problems", "data-tracking-id": "se-recommended-top-content", onClick: onLinkClick(item), href: `${item.contentUrl}?${RouteUtils.getSEResourceQueryParams(props.seSessionId, props.seResourceOriginID, SessionResourceSource.TOP_CONTENT)}`, target: "_blank", rel: "noopener noreferrer" }, item.contentTitle))))))))))) : (React.createElement(Accordion, { isBordered: true },
-        React.createElement(AccordionItem, null,
-            React.createElement(AccordionToggle, { onClick: () => {
-                    onToggle(`${props.topContentIndex}`);
-                }, isExpanded: expanded === `${props.topContentIndex}`, "data-tracking-id": `top-content-accordion-header-${props.topContentIndex}`, id: `${props.topContentIndex}` },
-                React.createElement("h3", null, props.name)),
-            React.createElement(AccordionContent, { id: `${props.topContentIndex}`, isHidden: expanded !== `${props.topContentIndex}` },
-                React.createElement("ul", { className: "list-flushleft", style: { listStyleType: 'disc' } }, map(props.items, (item, i) => (React.createElement("li", { key: i + item.contentTitle },
-                    React.createElement("p", null,
-                        React.createElement("a", { className: "se-recommended ts-top-problems", "data-tracking-id": "se-recommended-top-content", onClick: onLinkClick(item), href: `${item.contentUrl}?${RouteUtils.getSEResourceQueryParams(props.seSessionId, props.seResourceOriginID, SessionResourceSource.TOP_CONTENT)}`, target: "_blank", rel: "noopener noreferrer" }, item.contentTitle))))))))))));
+    return (React.createElement(React.Fragment, null,
+        props.helperText ? (React.createElement(Tooltip, { content: React.createElement("div", null, props.helperText) },
+            React.createElement("pfe-accordion-header", { "data-tracking-id": `top-content-accordion-header-${props.topContentIndex}` },
+                React.createElement("h3", null, props.name)))) : (React.createElement("pfe-accordion-header", { "data-tracking-id": `top-content-accordion-header-${props.topContentIndex}` },
+            React.createElement("h3", null, props.name))),
+        React.createElement("pfe-accordion-panel", null,
+            React.createElement("ul", { className: "list-flushleft" }, map(props.items, (item, i) => (React.createElement("li", { key: i + item.contentTitle },
+                React.createElement("p", null,
+                    React.createElement("a", { className: "se-recommended ts-top-problems", "data-tracking-id": "se-recommended-top-content", onClick: onLinkClick(item), href: `${item.contentUrl}?${RouteUtils.getSEResourceQueryParams(props.seSessionId, props.seResourceOriginID, SessionResourceSource.TOP_CONTENT)}`, target: "_blank", rel: "noopener noreferrer" }, item.contentTitle)))))))));
 }

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

@@ -47,24 +47,24 @@ function TroubleshootSection(props) {
                         " ",
                         React.createElement("b", null, product))),
                 React.createElement(LoadingDots, { show: topContent.isFetching }),
-                topContent.data.length === 0 && (React.createElement(Card, { id: "card", className: "card-support top-recommendations pf-v5-u-mb-md", isCompact: true },
+                topContent.data.length === 0 && (React.createElement(Card, { id: "card", className: "card-support top-recommendations pf-u-mb-md", isCompact: true },
                     React.createElement(CardHeader, { "aria-label": t('Popular solutions and docs'), className: "popular-solutions" },
                         React.createElement(CardTitle, { id: "card-title", className: "card-title" },
                             React.createElement(Trans, { i18nKey: 'i18nKeyPopularSolutions' }, "Popular solutions and docs"))),
-                    React.createElement(CardBody, { "aria-label": t('No recommendations for this product'), className: "file-recs-no-recommendation pf-v5-u-mt-md" },
+                    React.createElement(CardBody, { "aria-label": t('No recommendations for this product'), className: "file-recs-no-recommendation pf-u-mt-md" },
                         React.createElement(Trans, null, "No recommendations for this product")))),
                 React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading suggestions') } }, canShowTopContent && !isEmpty(version) && React.createElement(Suggestions, null)),
-                !isCreatingCase && React.createElement(ClusterRecommendations, { className: "pf-v5-u-mt-lg" }))),
-        React.createElement("section", { className: "pf-v5-u-mt-lg" },
+                !isCreatingCase && React.createElement(ClusterRecommendations, { className: "pf-u-mt-lg" }))),
+        React.createElement("section", { className: "pf-u-mt-lg" },
             isNotAnIdea && (React.createElement(InsightsResults, { isDisplayOnMain: true, "data-tracking-id": "troubleshoot-section-file-recs" })),
-            React.createElement("div", { className: "pf-v5-u-mt-lg" }, canAddAttachments ? (React.createElement(FileDiag, null)) : (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "pf-u-mt-lg" }, canAddAttachments ? (React.createElement(FileDiag, null)) : (React.createElement(React.Fragment, null,
                 React.createElement(Card, { id: "card", className: "card-support card-white file-diag", isCompact: true },
                     React.createElement(CardHeader, { "aria-label": !isNotAnIdea || loggedInUsersAccount.data.secureSupport
                             ? t('File uploader')
                             : t('Upload file to analyze'), className: "card-heading" },
                         React.createElement(CardTitle, { id: "card-title", className: "card-title" }, !isNotAnIdea || loggedInUsersAccount.data.secureSupport ? (React.createElement(Trans, null, "File uploader")) : (React.createElement(Trans, null, "Upload file to analyze")))),
                     React.createElement(CardBody, { "aria-label": t('No recommendations for this product'), className: "no-access-file-diag" },
-                        React.createElement("div", { className: "display-dashed pf-v5-u-font-weight-bold pf-v5-u-text-align-center pf-v5-u-mt-md" },
+                        React.createElement("div", { className: "display-dashed pf-u-font-weight-bold pf-u-text-align-center pf-u-mt-md" },
                             React.createElement(Trans, null, "You do not have access to upload files"),
                             ".")))))))));
 }

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

@@ -286,7 +286,7 @@ export default function UpdateSeverityModal(props) {
     const modalBody = () => {
         return (React.createElement(React.Fragment, null,
             React.createElement("form", { "aria-label": t('form') },
-                React.createElement("div", { className: "form-group pf-v5-u-mt-xs" },
+                React.createElement("div", { className: "form-group pf-u-mt-xs" },
                     React.createElement("div", null,
                         React.createElement(Dropdown, { name: "get-support-severity-modal", placeholder: t(`Select a severity`), title: t(`Select a severity`), list: allCaseSeverities.data
                                 ? toOptions(filteredSeverities, {
@@ -304,11 +304,11 @@ export default function UpdateSeverityModal(props) {
                                 ownersEntitlements.isFetching ||
                                 versionsDetails.isFetching, isLoadingList: isFetching || versionsDetails.isFetching, isInValid: allCaseSeverities.isError || isSeverityInValid, required: true, onChange: onSeverityChange, onOuterClick: setIsSeverityInValidLocal, "data-tracking-id": "get-support-severity-modal" })),
                     React.createElement("div", null,
-                        React.createElement("label", { htmlFor: "date-input", className: "pf-v5-u-mt-md" },
+                        React.createElement("label", { htmlFor: "date-input", className: "pf-u-mt-md" },
                             React.createElement(Trans, null, "Describe update"),
                             React.createElement("span", { className: "form-required", "aria-hidden": "true" }, "*")),
-                        React.createElement(TextArea, { placeholder: "Please identify any changes in the case's business impact", isDisabled: (caseOverviewState.caseSeverityUpdating && isCaseUpdating) || isPostingComment, value: descriptionValue, onChange: (_event, value) => handleTextAreaChange(value), resizeOrientation: "vertical", "aria-label": "summary", isRequired: true }),
-                        React.createElement("div", { className: "pf-v5-u-mt-xs" },
+                        React.createElement(TextArea, { placeholder: "Please identify any changes in the case's business impact", isDisabled: (caseOverviewState.caseSeverityUpdating && isCaseUpdating) || isPostingComment, value: descriptionValue, onChange: handleTextAreaChange, resizeOrientation: "vertical", "aria-label": "summary", isRequired: true }),
+                        React.createElement("div", { className: "pf-u-mt-xs" },
                             React.createElement(Trans, null, "Your comment will be visible under discussions")))))));
     };
     // Main modal and its headings

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

@@ -14,11 +14,11 @@ export default function Rule(props) {
     const onCtaClick = (event) => {
         props.onLinkClick && props.onLinkClick(props.link);
     };
-    return (React.createElement("div", { className: `pf-v5-c-alert ea-rule-alert${props.isInline ? ' pf-m-inline' : ''}`, role: "alert" },
-        React.createElement("span", { className: "pf-v5-c-alert__icon icon-info-circle", "aria-hidden": true }),
-        React.createElement("h3", { className: "pf-v5-c-alert__title" }, !isEmpty(props.link) ? (React.createElement("a", { href: getTrackingULRWithQueryParams(props.link, SessionResourceSource.EDMOUND_ABOTT), target: "_blank", rel: "noopener noreferrer", className: "se-recommended ts-known-vuln", "data-tracking-id": "se-recommended-asa-rule", onClick: onCtaClick }, props.title)) : (props.title)),
-        React.createElement("div", { className: "pf-v5-c-alert__description", dangerouslySetInnerHTML: { __html: DOMPurify.sanitize(parseMarkdown(props.description)) } }),
-        props.onHide && (React.createElement("div", { className: "pf-v5-c-alert__action" },
-            React.createElement("button", { className: "pf-v5-c-button pf-m-plain", type: "button", "aria-label": "Close", onClick: hide },
+    return (React.createElement("div", { className: `pf-c-alert ea-rule-alert${props.isInline ? ' pf-m-inline' : ''}`, role: "alert" },
+        React.createElement("span", { className: "pf-c-alert__icon icon-info-circle", "aria-hidden": true }),
+        React.createElement("h3", { className: "pf-c-alert__title" }, !isEmpty(props.link) ? (React.createElement("a", { href: getTrackingULRWithQueryParams(props.link, SessionResourceSource.EDMOUND_ABOTT), target: "_blank", rel: "noopener noreferrer", className: "se-recommended ts-known-vuln", "data-tracking-id": "se-recommended-asa-rule", onClick: onCtaClick }, props.title)) : (props.title)),
+        React.createElement("div", { className: "pf-c-alert__description", dangerouslySetInnerHTML: { __html: DOMPurify.sanitize(parseMarkdown(props.description)) } }),
+        props.onHide && (React.createElement("div", { className: "pf-c-alert__action" },
+            React.createElement("button", { className: "pf-c-button pf-m-plain", type: "button", "aria-label": "Close", onClick: hide },
                 React.createElement(TimesIcon, { "aria-hidden": "true" }))))));
 }

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

@@ -105,15 +105,15 @@ export default function FileLister(props) {
                         : `file-${index + 1} text-error`}` },
                     React.createElement("div", { className: "file-name" },
                         React.createElement("label", { htmlFor: `file-${index + 1}-description` },
-                            !isUploadOnTrack(localFile) && (React.createElement("i", { className: "icon-warning pf-v5-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-v5-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-v5-u-mr-sm", title: t('File uploaded and analyzed'), "aria-label": t('File uploaded and analyzed') })),
-                            isUploading(localFile.uploadProgress.uploadStatus) && (React.createElement("div", { className: "pf-v5-u-mr-sm pf-v5-u-display-inline-block", style: { height: '20px', width: '20px' } },
+                            !isUploadOnTrack(localFile) && (React.createElement("i", { className: "icon-warning pf-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-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-u-mr-sm", title: t('File uploaded and analyzed'), "aria-label": t('File uploaded and analyzed') })),
+                            isUploading(localFile.uploadProgress.uploadStatus) && (React.createElement("div", { className: "pf-u-mr-sm pf-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" },
                                 React.createElement(Trans, null, "can't be selected."))),
-                            localFile.isPrivate && (React.createElement(Label, { color: "red", className: "pf-v5-u-ml-sm" },
+                            localFile.isPrivate && (React.createElement(Label, { color: "red", className: "pf-u-ml-sm" },
                                 React.createElement(Trans, null, "Private")))),
                         !shouldHideDescription(localFile, props.isSessionId) &&
                             ((_a = localFile === null || localFile === void 0 ? void 0 : localFile.description) === null || _a === void 0 ? void 0 : _a.length) > 1 && (React.createElement("span", { className: "character-counter text-muted" }, 255 - ((_b = localFile.description) === null || _b === void 0 ? void 0 : _b.length))),
@@ -127,7 +127,7 @@ export default function FileLister(props) {
                             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")))))),
                     isAnalysingFile(localFile.analysisMetadata.analysisStatus) && (React.createElement(Progress, { measureLocation: ProgressMeasureLocation.top, value: getAnalysisStepCount(localFile), min: 0, max: (analysisSteps === null || analysisSteps === void 0 ? void 0 : analysisSteps.length) + 1, label: getAnalysisProgressTitle(localFile), valueText: getAnalysisProgressTitle(localFile) })),
-                    React.createElement("input", { id: `file-${index + 1}-description`, "data-tracking-id": `case-${props.isSessionId ? 'create' : 'details'}-file-${index + 1}-description`, className: "file-description form-control pf-v5-u-my-sm", type: "text", value: localFile.description, onChange: onDescriptionChange(localFile, index), maxLength: 255, placeholder: t(`${shouldHideDescription(localFile, props.isSessionId)
+                    React.createElement("input", { id: `file-${index + 1}-description`, "data-tracking-id": `case-${props.isSessionId ? 'create' : 'details'}-file-${index + 1}-description`, className: "file-description form-control pf-u-my-sm", type: "text", value: localFile.description, onChange: onDescriptionChange(localFile, index), maxLength: 255, placeholder: t(`${shouldHideDescription(localFile, props.isSessionId)
                             ? ''
                             : t('Enter a description')}`), hidden: shouldHideDescription(localFile, props.isSessionId) }),
                     isUploadedAndAnalysisSkipped(localFile) &&

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

@@ -150,12 +150,12 @@ function WidgetFileUploader(props) {
         React.createElement("h3", { className: "card-heading" }, props.isIdea || props.isSecureSupport ? (React.createElement(Trans, null, "File uploader")) : (React.createElement(Trans, null, "Upload file to analyze"))),
         React.createElement("div", { className: "card-body" },
             React.createElement(WidgetFileSelector, { isSessionId: props.isSessionId, isPrivate: props.isPrivate, isIdea: props.isIdea, showFileExceed: fileExceedInfo }),
-            !hasSomeSelectedFiles(selectedLocalFiles) ? ((!props.isIdea && props.helperText) || (React.createElement("p", { className: "pf-v5-u-mt-sm" },
+            !hasSomeSelectedFiles(selectedLocalFiles) ? ((!props.isIdea && props.helperText) || (React.createElement("p", { className: "pf-u-mt-sm" },
                 !props.isIdea ? (React.createElement(Trans, { i18nKey: "i18nUploadSosReport" },
                     "Upload a",
                     ' ',
                     React.createElement("a", { href: "/solutions/3592", target: "_blank" }, "sosreport"),
-                    "to help us provide the best solutions for your system.")) : (React.createElement("span", { className: "pf-v5-u-font-family-redhatVF-heading-sans-serif pf-v5-u-color-300" },
+                    "to help us provide the best solutions for your system.")) : (React.createElement("span", { className: "pf-u-font-family-redhatVF-heading-sans-serif pf-u-color-300" },
                     React.createElement(Trans, null, "Allowed file types: png, gif, jpg, jpeg."))),
                 ' '))) : (React.createElement(React.Fragment, null,
                 unallowedLocalFileExists && (React.createElement(Alert, { variant: "danger", title: "File type is not allowed on this case type. Please remove file to proceed." })),

package/lib/esm/components/shared/fileUpload/common/FileUploaderInfoIcon.js

@@ -14,5 +14,5 @@ export function FileUploaderInfoIcon() {
                 React.createElement("b", null, ".txt,.png,.jpg,.jpeg,.gif,.tar,.pdf")),
             React.createElement("p", null,
                 React.createElement(Trans, null, "Learn about how analyzing files can save you time by providing targeted solutions for your system"))) },
-        React.createElement(InfoCircleIcon, { className: "pf-v5-u-ml-auto" })));
+        React.createElement(InfoCircleIcon, { className: "pf-u-ml-auto" })));
 }

package/lib/esm/components/shared/fileUpload/css/fileSelector.css

@@ -126,7 +126,7 @@ i.web-icon-check {
 .file-diag .file-diag-list.text-error,
 .file-diag-list .remove-file {
     margin-top: 0;
-    color: var(--pf-v5-global--danger-color--100);
+    color: var(--pf-global--danger-color--100);
 }
 
 .file-diag .file-diag-list .remove-file {

package/lib/esm/components/shared/fileUpload/fileSelectors/FileSelectorButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileSelectorButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/fileUpload/fileSelectors/FileSelectorButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,UAAU,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC;IACvD,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,iBAAS,kBAAkB,CAAC,EACxB,WAAW,EACX,EAAO,EACP,SAA4B,EAC5B,WAA6B,EAC7B,SAAiB,EACjB,GAAG,QAAQ,EACd,EAAE,MAAM,eAuBR;AAED,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"FileSelectorButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/fileUpload/fileSelectors/FileSelectorButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,UAAU,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC;IACvD,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,iBAAS,kBAAkB,CAAC,EACxB,WAAW,EACX,EAAO,EACP,SAA4B,EAC5B,WAA6B,EAC7B,SAAiB,EACjB,GAAG,QAAQ,EACd,EAAE,MAAM,eAkBR;AAED,eAAe,kBAAkB,CAAC"}

package/lib/esm/components/shared/fileUpload/fileSelectors/FileSelectorButton.js

@@ -25,6 +25,6 @@ function FileSelectorButton(_a) {
         React.createElement("label", { className: "sr-only", htmlFor: "upload-btn" },
             React.createElement(Trans, null, "Upload new file")),
         React.createElement("input", Object.assign({ value: "", style: { display: 'none !important' }, id: `${id !== null && id !== void 0 ? id : 'upload-btn'}` }, getInputProps())),
-        React.createElement("button", Object.assign({}, btnProps, { type: "button", className: `pf-v5-c-button ${className}`, "data-tracking-id": "upload-a-file" }), buttonLabel)));
+        React.createElement("button", Object.assign({}, btnProps, { type: "button", className: `pf-c-button ${className}`, "data-tracking-id": "upload-a-file" }), buttonLabel)));
 }
 export default FileSelectorButton;

package/lib/esm/components/shared/fileUpload/fileSelectors/WidgetFileSelector.js

@@ -28,9 +28,9 @@ function WidgetFileSelector({ id = '', className = '', isSessionId, isPrivate =
         React.createElement("label", Object.assign({ className: "file-diag-dragndrop", htmlFor: "file-diag-selector" }, getRootProps({ onClick: onLabelClick }), { "data-tracking-id": "file-selector-widget-main" }),
             React.createElement("input", Object.assign({ id: "file-diag-selector" }, getInputProps())),
             isDragActive ? (t(`Drop your file here...`)) : (React.createElement(Trans, null, "Drag and drop, paste, or browse to upload a file")),
-            isIdea && (React.createElement("div", { className: "pf-v5-u-text-align-center pf-v5-u-color-300 pf-v5-u-font-weight-normal" },
+            isIdea && (React.createElement("div", { className: "pf-u-text-align-center pf-u-color-300 pf-u-font-weight-normal" },
                 React.createElement(Trans, null, "Files must be less than 5 MB.")))),
-        isIdea && (React.createElement("p", { className: "pf-v5-u-danger-color-200" },
+        isIdea && (React.createElement("p", { className: "pf-u-danger-color-200" },
             rejectedFiles.map((rejectedFile) => {
                 const isImage = /image\/(png|gif|jpe?g)/.test(rejectedFile.type);
                 return !isImage ? (React.createElement("div", null,

package/lib/esm/components/shared/fileUpload/fileSelectors/WidgetFileSelectorImage.js

@@ -27,10 +27,10 @@ function WidgetFileSelectorImage({ id = '', className = '', isSessionId, isPriva
         React.createElement("label", Object.assign({ className: "file-diag-dragndrop", htmlFor: "file-diag-selector" }, getRootProps({ onClick: onLabelClick }), { "data-tracking-id": "file-selector-widget-main" }),
             React.createElement("input", Object.assign({ id: "file-diag-selector" }, getInputProps())),
             isDragActive ? (t(`Drop your file here...`)) : (React.createElement(Trans, null, "Drag and drop, paste, or browse to upload a file")),
-            React.createElement("div", { className: "pf-v5-u-text-align-center pf-v5-u-color-300 pf-v5-u-font-weight-normal" },
+            React.createElement("div", { className: "pf-u-text-align-center pf-u-color-300 pf-u-font-weight-normal" },
                 React.createElement(Trans, null, "Files must be less than 5 MB."))),
         ' ',
-        React.createElement("p", { className: "pf-v5-u-danger-color-200" }, rejectedFiles.map((rejectedFile) => {
+        React.createElement("p", { className: "pf-u-danger-color-200" }, rejectedFiles.map((rejectedFile) => {
             const isImage = /image\/(png|gif|jpe?g)/.test(rejectedFile.type);
             return !isImage ? (React.createElement("div", null,
                 rejectedFile.name,

package/lib/esm/components/shared/fileUpload/reducer/AttachmentHelper.js

@@ -209,7 +209,6 @@ export const uploadFile = ({ dispatch, idToUploadTo, localFile, originalFile, in
                 size: localFile.size,
             }, putObjectRequest, listener, true, { partSize: 5 * 1024 * 1024, queueSize: 5 }, isSecureSupport, Object.assign(Object.assign({}, slowUploadConfig), { preferSlowS3Upload: Config.userConfig.preferSlowS3Upload }));
         }
-        attachmentId && updateAttachmentIdForFile(dispatch, attachmentId, index);
         const uploadPayload = {
             uploadStatus: isSessionId ? UploadStatusConstants.uploadedOnSession : UploadStatusConstants.uploadedOnCase,
             uploadErrorMessage: '',
@@ -217,6 +216,7 @@ export const uploadFile = ({ dispatch, idToUploadTo, localFile, originalFile, in
             onAbort: undefined,
         };
         updateUploadMetadata(dispatch, index, uploadPayload);
+        attachmentId && updateAttachmentIdForFile(dispatch, attachmentId, index);
         if (isSessionId && needsAnalyzing) {
             doSosReportAnalysisForFile(dispatch, idToUploadTo, attachmentId, localFile, isSessionId, index);
         }