@rh-support/troubleshoot 2.7.0 → 2.7.10

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

@@ -1,66 +1,81 @@
 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, { useContext } from 'react';
+import React, { useEffect, useRef } from 'react';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
+import { useShowCaseGroupField } from '../../hooks/useCaseGroupUiState';
 import { setCaseDetails } from '../../reducers/CaseReducer';
 import { AccountSelector } from '../AccountInfo/AccountSelector';
 import { OwnerSelector } from '../AccountInfo/OwnerSelector';
 import CaseGroup from '../CaseInformation/CaseGroup';
 import CaseType from '../CaseInformation/CaseType';
 import { ContactPhoneNumber } from '../CaseInformation/ContactPhoneNumber';
-import { ContactPhoneNumberAlert } from '../CaseInformation/ContactPhoneNumberAlert';
+// TODO: Re-enable once phone number verification flow is fully supported with GraphQL
+// 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';
-import { EARuleWidget } from '../Recommendations/EARules/EARuleWidget';
 export default function Review(props) {
     const caseDispatch = useCaseDispatch();
-    const { contactInfo24x7, ABTestVariation } = useCaseSelector((state) => ({
+    const showCaseGroupField = useShowCaseGroupField();
+    const { contactInfo24x7, caseType } = useCaseSelector((state) => ({
         contactInfo24x7: state.caseDetails.contactInfo24x7,
-        ABTestVariation: state.ABTestVariation,
+        caseType: state.caseDetails.caseType,
     }), isEqual);
-    const ability = useContext(AbilityContext);
-    const canSeeEmailNotifications = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_SEND_NOTIFICATIONS);
+    const previousCaseTypeRef = useRef(caseType);
+    useEffect(() => {
+        if (previousCaseTypeRef.current !== caseType && caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT) {
+            setCaseDetails(caseDispatch, {
+                environment: '',
+                periodicityOfIssue: '',
+                description: '',
+            });
+        }
+        previousCaseTypeRef.current = caseType;
+    }, [caseType, caseDispatch]);
+    // const ability = useContext(AbilityContext);
+    // const canSeeEmailNotifications = ability.can(
+    //     resourceActions.PATCH,
+    //     resources.CASE_DETAILS,
+    //     CaseDetailsFields.CASE_DETAILS_SEND_NOTIFICATIONS
+    // );
     const onSeverityChange = (payload) => {
         setCaseDetails(caseDispatch, payload);
     };
-    const isBTestvariation = ABTestVariation === 'B' || isEmpty(ABTestVariation);
     return (React.createElement(React.Fragment, null,
-        isBTestvariation && React.createElement(EARuleWidget, null),
         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, checkEntitledProduct: true, isOnReviewPage: true }),
+            React.createElement(AllProductsSelector, { routeProps: props.routeProps, loadTCOnChange: true, showTCAfterButtonClicked: true, isOnReviewPage: true }),
             React.createElement(OpenShiftClusterId, null),
-            React.createElement(Hostname, null),
-            React.createElement(KtQuestions, { inlineEditable: true, hideSaveCancel: true }),
-            React.createElement(CaseType, { hideIdea: true }),
+            React.createElement(KtQuestions, { inlineEditable: true, hideSaveCancel: true, onlyShowKT4: caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT }),
+            React.createElement(CaseType, null),
             React.createElement(SupportLevel, null),
             React.createElement(Grid, { hasGutter: true },
-                React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v5-u-mb-xl" },
+                React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v6-u-mb-xl" },
                     React.createElement(Severity, { showSeverityInfoIcon: true, onSeverityChange: onSeverityChange })),
-                React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v5-u-mb-xl" },
+                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-v5-u-mb-xs" },
+                React.createElement(GridItem, { span: 12, xl2: showCaseGroupField ? 6 : 12, className: "pf-v6-u-mb-xs" },
                     React.createElement(CaseLanguageSelector, null)),
-                React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v5-u-mb-xs" },
-                    React.createElement(CaseGroup, null))),
-            canSeeEmailNotifications && React.createElement(CaseContactSelector, null),
-            React.createElement(RHAssociatesSelector, null),
-            React.createElement(OpenReferenceNumber, { inlineEditable: false, hideSaveCancel: true }),
-            React.createElement(Cep, null))));
+                showCaseGroupField && (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: 12, className: "pf-v6-u-mb-xs" },
+                    React.createElement(CaseLabelsCreate, null))),
+            React.createElement(OpenReferenceNumber, { inlineEditable: false, hideSaveCancel: true }))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"RestoreLastSessionModal.d.ts","sourceRoot":"","sources":["../../../../src/components/SessionRestore/RestoreLastSessionModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qDAAqD,CAAC;AAGnF,OAAc,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AAQ9C,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxD,YAAY,EAAE,YAAY,CAAC;CAC9B;AAED,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,MAAM,CAmE9C,CAAC"}
+{"version":3,"file":"RestoreLastSessionModal.d.ts","sourceRoot":"","sources":["../../../../src/components/SessionRestore/RestoreLastSessionModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qDAAqD,CAAC;AAGnF,OAAc,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AAQ9C,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxD,YAAY,EAAE,YAAY,CAAC;CAC9B;AAED,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,MAAM,CAuE9C,CAAC"}

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

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Button, Modal, ModalVariant } from '@patternfly/react-core';
+import { Button, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant } from '@patternfly/react-core';
 import isEqual from 'lodash/isEqual';
 import React, { useContext } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -38,11 +38,13 @@ export const RestoreLastSessionModal = ({ onRestore, errorSession }) => {
         updateCaseCreationErrorStatus(caseDispatch, false);
         updateSession(sessionDispatch, errorSession.session.id, errorSession.sessionDetails, Object.assign(Object.assign({}, errorSession.session), { caseCreationError: false }));
     };
-    return (React.createElement(Modal, { "data-tracking-id": "restore-session-modal", variant: ModalVariant.small, title: t('Restore last session?'), isOpen: !caseCreationError && caseCreation500ErrorStatus, onClose: onOpenNewCase, actions: [
+    return (React.createElement(Modal, { "data-tracking-id": "restore-session-modal", variant: ModalVariant.small, isOpen: !caseCreationError && caseCreation500ErrorStatus, onClose: onOpenNewCase, "aria-labelledby": "restore-session-modal-title", "aria-describedby": "restore-session-modal-body" },
+        React.createElement(ModalHeader, { title: t('Restore last session?'), labelId: "restore-session-modal-title" }),
+        React.createElement(ModalBody, { id: "restore-session-modal-body" },
+            React.createElement(Trans, null, "It looks like an error prevented your last case from being submitted. Would you like to restore the last session or open a new case?")),
+        React.createElement(ModalFooter, null,
             React.createElement(Button, { key: "restore", variant: "primary", onClick: onRestoreClick, "data-tracking-id": "restore-session-button" },
                 React.createElement(Trans, null, " Restore")),
             React.createElement(Button, { key: "openANewCase", variant: "secondary", onClick: onOpenNewCase, "data-tracking-id": "restore-session-open-case-button" },
-                React.createElement(Trans, null, "Open a new case")),
-        ] },
-        React.createElement(Trans, null, "It looks like an error prevented your last case from being submitted. Would you like to restore the last session or open a new case?")));
+                React.createElement(Trans, null, "Open a new case")))));
 };

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

@@ -1,9 +1,11 @@
+import { ISessionItem } from '@cee-eng/hydrajs/@types/api/pcm/troubleshootSession';
 import React from 'react';
 import { RouteComponentProps } from 'react-router-dom';
 import { IRouteUrlParams } from '../../reducers/RouteConstNTypes';
 interface IProps {
     routeProps: RouteComponentProps<IRouteUrlParams>;
 }
+export declare const isSessionFromCurrentAuthCycle: (sessionItem: ISessionItem | undefined, currentLoginStartTime: number) => boolean;
 export declare function SessionRestore(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=SessionRestore.d.ts.map

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":"AAUA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAQvD,OAAO,EAGH,eAAe,EAElB,MAAM,iCAAiC,CAAC;AAkBzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,qBAiW3C"}
+{"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"}

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

@@ -8,6 +8,7 @@ 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';
@@ -24,7 +25,7 @@ import { CaseReducerConstants, SESSION_REFERRER_URL_LIMIT } from '../../reducers
 import { getSessionDetailsFromCase } from '../../reducers/CaseHelpers';
 import { setCaseAccountNumber, setCaseOwner, setCaseState, updateCaseWithSession } from '../../reducers/CaseReducer';
 import { AppRouteSections, sessionRestoreCardSections, } from '../../reducers/RouteConstNTypes';
-import { createSession, getIndividualSessionById, getRelevantSessionFromSessions, loadPreviousSessions, markAllSessionsUnresolved, updateActiveSessionId, updateSession, } from '../../reducers/SessionRestoreReducer';
+import { createSession, getIndividualSessionById, getRelevantSessionFromSessions, isAISureSession, loadPreviousSessions, markAllSessionsUnresolved, updateActiveSessionId, updateSession, } from '../../reducers/SessionRestoreReducer';
 import { useMetadata } from '../../utils/metadataUtil';
 import RouteUtils from '../../utils/routeUtils';
 import { resetAttachment } from '../shared/fileUpload';
@@ -32,7 +33,18 @@ import { restoreFilesFromSession } from '../shared/fileUpload/reducer/Attachment
 import { AttachmentDispatchContext } from '../shared/fileUpload/reducer/AttachmentReducerContext';
 import { RestoreLastSessionModal } from './RestoreLastSessionModal';
 import { SessionRestoreCard } from './SessionRestoreCard';
+export const isSessionFromCurrentAuthCycle = (sessionItem, currentLoginStartTime) => {
+    var _a, _b;
+    if (isEmpty(sessionItem) || !currentLoginStartTime)
+        return true;
+    const sessionModifiedTime = Date.parse((_b = (_a = sessionItem === null || sessionItem === void 0 ? void 0 : sessionItem.session) === null || _a === void 0 ? void 0 : _a.modifiedDate) !== null && _b !== void 0 ? _b : '');
+    if (Number.isNaN(sessionModifiedTime))
+        return true;
+    return sessionModifiedTime >= currentLoginStartTime;
+};
 export function SessionRestore(props) {
+    var _a;
+    const apolloClient = useApolloClient();
     const sessionRestoreDispatch = useContext(SessionRestoreDispatchContext);
     const dispatchToAttachmentReducer = useContext(AttachmentDispatchContext);
     const { sessionRestore } = useContext(SessionRestoreStateContext);
@@ -45,7 +57,7 @@ export function SessionRestore(props) {
         ABTestVariation: state.ABTestVariation,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
-    const { globalMetadataState: { loggedInUsersAccount, loggedInUserRights, referrerUrl }, } = useContext(GlobalMetadataStateContext);
+    const { globalMetadataState: { loggedInUsersAccount, loggedInUserRights, referrerUrl, loggedInUserJwtToken }, } = useContext(GlobalMetadataStateContext);
     const queryParamsFromUrl = RouteUtils.getQueryParams(props.routeProps);
     const currentUrlSeSessionId = queryParamsFromUrl.seSessionId;
     const previousUrlSeSessionId = usePrevious(currentUrlSeSessionId);
@@ -55,6 +67,7 @@ export function SessionRestore(props) {
     const previousActiveSessionId = usePrevious(sessionRestore.activeSessionId);
     const isFirstMountRef = useRef(true);
     const { getMetadata } = useMetadata();
+    const currentLoginStartTime = ((_a = loggedInUserJwtToken === null || loggedInUserJwtToken === void 0 ? void 0 : loggedInUserJwtToken.iat) !== null && _a !== void 0 ? _a : 0) * 1000;
     /**
      * Fetching previous sessions on load
      */
@@ -90,8 +103,9 @@ export function SessionRestore(props) {
         }
         const currentRelevantSession = getRelevantSessionFromSessions(sessionRestoreDispatch, currentUrlSeSessionId, sessionRestore.previousSessions.data, caseDetails);
         const relevantSession = sessionRestore.previousSessions.data[currentRelevantSession];
+        const canReuseRelevantSession = !isEmpty(relevantSession) && isSessionFromCurrentAuthCycle(relevantSession, currentLoginStartTime);
         const setSession = () => __awaiter(this, void 0, void 0, function* () {
-            const needsNewSessionId = hasProductVersionOrSummary && isEmpty(relevantSession);
+            const needsNewSessionId = hasProductVersionOrSummary && !canReuseRelevantSession;
             if (needsNewSessionId) {
                 const userAgent = getUserAgentForCaseMode(isCaseCreate);
                 const userAgentAB = userAgent + (isEqual(ABTestVariation, 'A') ? '-A-1' : '-B-1');
@@ -105,7 +119,7 @@ export function SessionRestore(props) {
                     yield createSession(sessionRestoreDispatch, getSessionDetailsFromCase(caseDetails, selectedNotificationContacts), session);
                 }
             }
-            else if (!isEmpty(relevantSession)) {
+            else if (canReuseRelevantSession) {
                 // Checking if session needs to be restored based on found relevant session
                 // Found relevent session is not same as activeSessionId and is not being restored
                 if (currentRelevantSession !== sessionRestore.activeSessionId && !isRestoring) {
@@ -146,11 +160,15 @@ export function SessionRestore(props) {
         const userAgent = getUserAgentForCaseMode(isCaseCreate);
         // existingOriginatingSystem or If useragents are different then existingUserAgent or userAgent
         const userAgentAB = userAgent + (isEqual(ABTestVariation, 'A') ? '-A-1' : '-B-1');
-        const originatingSystem = !isEmpty(existingOriginatingSystem)
-            ? existingOriginatingSystem
-            : !isEmpty(existingUserAgent) && existingUserAgent !== userAgent
-                ? existingUserAgent
-                : userAgent;
+        const mustReplaceForeignPcmTag = String(existingOriginatingSystem !== null && existingOriginatingSystem !== void 0 ? existingOriginatingSystem : '').toLowerCase() === 'aisure' ||
+            String(existingUserAgent !== null && existingUserAgent !== void 0 ? existingUserAgent : '').toLowerCase() === 'aisure';
+        const originatingSystem = mustReplaceForeignPcmTag
+            ? userAgent
+            : !isEmpty(existingOriginatingSystem)
+                ? existingOriginatingSystem
+                : !isEmpty(existingUserAgent) && existingUserAgent !== userAgent
+                    ? existingUserAgent
+                    : userAgent;
         let session = {
             userAgent: userAgentAB,
             originatingSystem: originatingSystem,
@@ -210,7 +228,7 @@ export function SessionRestore(props) {
                 resetAttachment(dispatchToAttachmentReducer);
                 caseDispatch({ type: CaseReducerConstants.resetCaseState });
                 setCaseAccountNumber(caseDispatch, loggedInUserRights.data.getAccountNumber(), true, loggedInUsersAccount.data);
-                setCaseOwner(caseDispatch, loggedInUserRights.data.getHydraContactFromLoggedInUser(), sessionItem.sessionDetails.product);
+                setCaseOwner(caseDispatch, loggedInUserRights.data.getHydraContactFromLoggedInUser(), sessionItem.sessionDetails.product, undefined, undefined, true, undefined, true, undefined, undefined, loggedInUserRights.data.isInternal() ? loggedInUserRights.data.getAccountNumber() : undefined);
             }
             const sessionDetails = sessionRestore.previousSessions.data[sessionItem.session.id].sessionDetails;
             // Automatically restoring a troubleshooting session in case creation can lead to overwriting open-case section details
@@ -223,8 +241,10 @@ 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);
-            restoreFilesFromSession(dispatchToAttachmentReducer, sessionItem.session.id);
+            yield updateCaseWithSession(caseDispatch, sessionItem, loggedInUserRights.data.getAccountNumber(), loggedInUserRights.data.getHydraContactFromLoggedInUser(), loggedInUsersAccount.data, apolloClient);
+            if (!isAISureSession(sessionItem)) {
+                restoreFilesFromSession(dispatchToAttachmentReducer, sessionItem.session.id);
+            }
             // navigate to beginning section if submit case.
             if (isCaseSubmit) {
                 const newParams = {
@@ -277,6 +297,7 @@ export function SessionRestore(props) {
                 if (sessionItem.session.id !== sessionRestore.activeSessionId &&
                     sessionItem.session.isActive &&
                     !sessionItem.session.isResolved &&
+                    isSessionFromCurrentAuthCycle(sessionItem, currentLoginStartTime) &&
                     sessionItem.sessionDetails.summary &&
                     sessionItem.sessionDetails.product) {
                     previousSessions.push(sessionItem);
@@ -289,6 +310,7 @@ export function SessionRestore(props) {
                 var _a, _b, _c, _d, _e, _f;
                 return s.session.isActive &&
                     !s.session.isResolved &&
+                    isSessionFromCurrentAuthCycle(s, currentLoginStartTime) &&
                     s.session.id !== sessionRestore.activeSessionId &&
                     ((!isEmpty(caseDetails.product) && caseDetails.product === s.sessionDetails.product) ||
                         includes(((_a = caseDetails === null || caseDetails === void 0 ? void 0 : caseDetails.summary) !== null && _a !== void 0 ? _a : '').toLowerCase(), ((_c = (_b = s === null || s === void 0 ? void 0 : s.sessionDetails) === null || _b === void 0 ? void 0 : _b.summary) !== null && _c !== void 0 ? _c : '').toLowerCase()) ||
@@ -305,7 +327,7 @@ export function SessionRestore(props) {
     ], 1000);
     if (!sessionRestoreCardSections.includes(activeSection))
         return React.createElement(React.Fragment, null);
-    return (React.createElement("div", { className: "pf-v5-u-mb-md pf-v5-u-mt-0" },
+    return (React.createElement("div", { className: "pf-v6-u-mb-lg pf-v6-u-mt-0" },
         ' ',
         React.createElement(SessionRestoreCard, { onRestore: restoreSession, previousSessions: previousSessions, onCardDismiss: onSessionRestoreCardDismiss }),
         React.createElement(RestoreLastSessionModal, { onRestore: restoreSession, errorSession: sessionRestore.sessionOfCaseCreationError })));

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

@@ -14,7 +14,7 @@ export function SessionRestoreCard(props) {
     if (dismissed || 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: "p", className: "restore-session-alert" },
-        React.createElement("div", { className: "pf-v5-c-alert__description" },
+        React.createElement("div", { className: "pf-v6-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 }))))))));
 }

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;AAUrF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,qBAsX/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,qBA8Y/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, Content, ContentVariants, Icon, Tooltip } from '@patternfly/react-core';
 import CheckCircleIcon from '@patternfly/react-icons/dist/js/icons/check-circle-icon';
 import { AlertMessage, AlertType, formattedApiErrorMessage, SupportFeedbackForm, useFetch, } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
@@ -17,6 +17,7 @@ import { TCStateContext } from '../../context/TopContentContext';
 import { getIrtForSLAAndSeverity } from '../../reducers/CaseHelpers';
 import { setCaseState } from '../../reducers/CaseReducer';
 import RouteUtils from '../../utils/routeUtils';
+import { getClickedResourcesSequence, postVisitedResourcesComment } from '../../utils/visitedResourcesUtils';
 import { AsideResults } from '../Recommendations/AsideResults';
 import ClusterRecommendations from '../Recommendations/ClusterRecommendations';
 import InsightsResults from '../Recommendations/InsightsResults';
@@ -139,31 +140,42 @@ export default function SubmitCase(props) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
+    // Post visited resources comment when case is successfully created
+    useEffect(() => {
+        if (caseNoOfCreatedCase &&
+            !isCreatingCase &&
+            !caseCreationError &&
+            !loggedInUsersAccount.data.secureSupport &&
+            !loggedInUsersAccount.data.hasConfirmedStatesideSupport) {
+            postVisitedResourcesComment(caseNoOfCreatedCase, getClickedResourcesSequence());
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [caseNoOfCreatedCase, isCreatingCase, caseCreationError]);
     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 || (!isCreatingCase && !caseCreationError && isEmpty(caseNoOfCreatedCase)), title: t("Sorry, we're experiencing an error"), isInline: true },
+        React.createElement(AlertMessage, { className: "pf-v6-u-mt-lg", title: t('Failed to add user.'), variant: AlertType.DANGER, show: addNotifiedUserError }),
+        React.createElement(AlertMessage, { className: "pf-v6-u-mt-lg", variant: AlertType.DANGER, show: caseCreationError || (!isCreatingCase && !caseCreationError && isEmpty(caseNoOfCreatedCase)), title: t("Sorry, we're experiencing an error"), isInline: true },
             React.createElement(React.Fragment, null, caseCreationErrorMessage)),
         !isCreatingCase && !caseCreationError && !isEmpty(caseNoOfCreatedCase) && (React.createElement(React.Fragment, null,
             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-v6-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-v6-u-mb-lg" },
+                        React.createElement(Icon, { className: "submit-case-check-icon pf-v6-u-mt-sm", size: "lg" },
+                            React.createElement(CheckCircleIcon, { style: { color: '#3D7317' } })),
                         ' ',
-                        React.createElement(Text, { role: "alert", className: "pf-v5-u-mb-0", component: TextVariants.h1 },
+                        React.createElement(Content, { role: "alert", className: "pf-v6-u-mb-0", component: ContentVariants.h1, style: { color: '#3D7317' } },
                             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-v6-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(Icon, { size: "lg", className: "submit-case-check-icon", style: { color: '#3D7317' } },
+                            React.createElement(CheckCircleIcon, { style: { color: '#3D7317' } })),
                         ' ',
-                        React.createElement(Text, { role: "alert", component: TextVariants.h1 },
+                        React.createElement(Content, { role: "alert", component: ContentVariants.h1 },
                             React.createElement(Trans, null, "We\u2019ve added your case to our queue"))),
                     React.createElement(React.Fragment, null,
                         React.createElement(Trans, null, "Case number: "),
@@ -177,10 +189,10 @@ export default function SubmitCase(props) {
                     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"),
                         ".")),
-                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-v6-u-mt-lg pf-v6-u-mb-sm" },
+                    React.createElement("p", { className: "contact-info-title pf-v6-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-v6-u-font-size-sm" },
                         React.createElement("strong", null,
                             React.createElement(Trans, null, "Email:")),
                         ' ',
@@ -193,24 +205,24 @@ export default function SubmitCase(props) {
                         " ",
                         phoneAreaCodePrefixLineNumber)),
                 React.createElement("div", null,
-                    React.createElement(ActionList, null,
+                    React.createElement(ActionList, { className: "submitCase-action-list" },
                         React.createElement(ActionListItem, null,
                             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" },
                                 React.createElement(Trans, null, "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) },
-                                    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') },
+                                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, isSecureSupport: loggedInUsersAccount.data.secureSupport })),
+            !isEmpty(attachmentState.caseFiles.selectedLocalFiles) && (React.createElement(FileUploader, { idToUploadTo: caseNoOfCreatedCase, isSessionId: false })),
             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(Content, { className: "pf-v6-u-mt-2xl pf-v6-u-font-weight-light", component: ContentVariants.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-v6-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, { routeProps: props.routeProps })) : (!isEmpty(topContent.data) &&
+                React.createElement("div", { className: "pf-v6-u-mt-lg" }, isIdea ? (React.createElement(AsideResults, { routeProps: props.routeProps })) : (!isEmpty(topContent.data) &&
                     isNotAnIdea && React.createElement(Suggestions, { showTitleDescription: true, showMax: 6 }))))))));
 }

package/lib/esm/components/Suggestions/EmptyTopContentSidebar.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export default function EmptyTopContentSidebar(): React.JSX.Element;
+//# sourceMappingURL=EmptyTopContentSidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyTopContentSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Suggestions/EmptyTopContentSidebar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,MAAM,CAAC,OAAO,UAAU,sBAAsB,sBA2C7C"}

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

@@ -0,0 +1,26 @@
+import { Card, CardBody, CardHeader, Tooltip } from '@patternfly/react-core';
+import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
+import isEqual from 'lodash/isEqual';
+import React, { useContext } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { useCaseSelector } from '../../context/CaseContext';
+import { TCStateContext } from '../../context/TopContentContext';
+export default function EmptyTopContentSidebar() {
+    const { t } = useTranslation();
+    const { topContentState: { topContent }, } = useContext(TCStateContext);
+    const { version } = useCaseSelector((state) => ({
+        version: state.caseDetails.version,
+    }), isEqual);
+    // Only show if there's a version but no topContent data
+    if (!version || topContent.data.length > 0) {
+        return null;
+    }
+    return (React.createElement(Card, { id: "card", className: "pf-v6-u-mt-md" },
+        React.createElement(CardHeader, { id: "card-title" },
+            React.createElement(Trans, { i18nKey: 'i18nKeyPopularSolutions' }, "Red Hat hand picked support articles"),
+            React.createElement(Tooltip, { content: React.createElement("div", null,
+                    React.createElement(Trans, null, "Support articles are matched to the product and version details you selected, not the problem details you entered.")) },
+                React.createElement(InfoCircleIcon, { className: "pf-v6-u-ml-sm", "aria-label": "More info about how support articles are matched" }))),
+        React.createElement(CardBody, { "aria-label": t('No recommendations for this product'), className: "file-recs-no-recommendation" },
+            React.createElement(Trans, null, "No recommendations for this product"))));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"Suggestions.d.ts","sourceRoot":"","sources":["../../../../src/components/Suggestions/Suggestions.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAU5D,UAAU,MAAM;IACZ,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,MAAM,qBAqHhD"}
+{"version":3,"file":"Suggestions.d.ts","sourceRoot":"","sources":["../../../../src/components/Suggestions/Suggestions.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAW5D,UAAU,MAAM;IACZ,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,MAAM,qBAiIhD"}

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

@@ -1,5 +1,5 @@
 import { pcm } from '@cee-eng/hydrajs';
-import { Tooltip } from '@patternfly/react-core';
+import { Accordion, Tooltip } from '@patternfly/react-core';
 import InfoCircleIcon from '@patternfly/react-icons/dist/esm/icons/info-circle-icon';
 import { TopContentSearch } from '@rh-support/components';
 import { FeatureFlagKey, useIsFeatureAvailable } from '@rh-support/react-context';
@@ -11,12 +11,14 @@ import { useCaseSelector } from '../../context/CaseContext';
 import { SessionRestoreDispatchContext, SessionRestoreStateContext } from '../../context/SessionRestoreContext';
 import { TCStateContext } from '../../context/TopContentContext';
 import { createOrUpdateSessionResources, getSessResTC } from '../../reducers/SessionRestoreReducer';
+import { trackClickedResourcesSequence } from '../../utils/visitedResourcesUtils';
 import TopContent from './TopContent';
 const { SessionResourceVisibility, SessionResourceSource } = pcm.preCase.session;
 export default function Suggestions(props) {
     const { topContentState: { topContent }, } = useContext(TCStateContext);
     const { sessionRestore: { activeSessionId, sessionResourceTracking }, } = useContext(SessionRestoreStateContext);
     const accordionRef = useRef(null);
+    const toggleButtonRefs = useRef([]);
     const { version, product } = useCaseSelector((state) => ({
         version: state.caseDetails.version,
         product: state.caseDetails.product,
@@ -30,35 +32,39 @@ export default function Suggestions(props) {
     const [filteredTC, setFilteredTC] = useState(topContent.data);
     const onResourceClick = (item) => {
         createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.TOP_CONTENT, [getSessResTC(item, SessionResourceVisibility.VISITED)], JSON.stringify({ product, version }));
+        trackClickedResourcesSequence('Top Content', item.contentUrl, item.contentTitle);
     };
     const showAllCategories = () => {
         setMaxTC(topContent.data.length);
     };
     const onSearchChange = (searchTerm, filteredData) => {
-        var _a, _b;
         setFilteredTC(filteredData);
-        if (searchTerm) {
-            (_a = accordionRef.current) === null || _a === void 0 ? void 0 : _a.expandAll();
-        }
-        else {
-            (_b = accordionRef.current) === null || _b === void 0 ? void 0 : _b.collapseAll();
-        }
+        setTimeout(() => {
+            const shouldBeExpanded = Boolean(searchTerm);
+            for (const id of toggleButtonRefs.current) {
+                const button = document.getElementById(`${id}`);
+                const isExpanded = (button === null || button === void 0 ? void 0 : button.getAttribute('aria-expanded')) === 'true';
+                if (button && isExpanded !== shouldBeExpanded) {
+                    button.click();
+                }
+            }
+        });
     };
-    return (React.createElement("div", { className: "top-content-suggestion-accordion" },
-        showTitleDescription && (React.createElement("div", { className: "card card-support" },
-            !isTCSearchEnabled && (React.createElement("h3", { className: "card-heading popular-solutions green-card-heading" },
-                props.title
-                    ? props.title
-                    : t('i18nKeyPopularSolutions', 'Red Hat hand picked support articles'),
-                React.createElement(Tooltip, { content: React.createElement("div", null,
-                        React.createElement(Trans, null, "Support articles are matched to the product and version details you selected, not the problem details you entered.")) },
-                    React.createElement(InfoCircleIcon, { className: "pf-v5-u-ml-sm", "aria-label": t('More info about how support articles are matched') })))),
-            isTCSearchEnabled && (React.createElement("div", { className: "card-body" },
-                React.createElement(TopContentSearch, { topContentData: topContent.data, topContentResultsWrapperRef: accordionRef, onSearch: onSearchChange, dataTrackingId: "top-content-filter-troubleshoot", enableEventTracking: true }))))),
-        React.createElement("pfe-accordion", { ref: accordionRef }, map(filteredTC.slice(0, maxTC), (sug, index) => {
-            var _a, _b;
-            return (React.createElement(TopContent, { seSessionId: activeSessionId, seResourceOriginID: (_b = (_a = sessionResourceTracking[SessionResourceSource.TOP_CONTENT]) === null || _a === void 0 ? void 0 : _a.resourceOriginId) !== null && _b !== void 0 ? _b : '', topContentIndex: index, onResourceClick: onResourceClick, name: sug.categoryName, key: sug.categoryName, items: sug.content, helperText: (sug === null || sug === void 0 ? void 0 : sug.helperText) || '' }));
-        })),
-        showMax && filteredTC.length > maxTC && (React.createElement("div", { className: "text-right" },
-            React.createElement("button", { className: "btn btn-app btn-link", type: "button", onClick: showAllCategories, "data-tracking-id": "suggestions-more-categories" }, "More categories")))));
+    return (React.createElement("div", { className: "top-content-suggestion-accordion" }, showTitleDescription && (React.createElement("div", { className: "card card-support top-content-card-wrapper" },
+        isTCSearchEnabled && (React.createElement("h3", { className: "card-heading popular-solutions green-card-heading" },
+            props.title
+                ? props.title
+                : t('i18nKeyPopularSolutions', 'Red Hat hand picked support articles'),
+            React.createElement(Tooltip, { content: React.createElement("div", null,
+                    React.createElement(Trans, null, "Support articles are matched to the product and version details you selected, not the problem details you entered.")) },
+                React.createElement(InfoCircleIcon, { className: "pf-v6-u-ml-sm", "aria-label": t('More info about how support articles are matched') })))),
+        React.createElement("div", { className: "card-body" },
+            !isTCSearchEnabled && (React.createElement(TopContentSearch, { className: "pf-v6-u-text-color-regular", topContentData: topContent.data, topContentResultsWrapperRef: accordionRef, onSearch: onSearchChange, dataTrackingId: "top-content-filter-troubleshoot", enableEventTracking: true })),
+            React.createElement(Accordion, { className: "pf-v6-u-mt-md" }, map(filteredTC.slice(0, maxTC), (sug, index) => {
+                var _a, _b;
+                toggleButtonRefs.current.push(index);
+                return (React.createElement(TopContent, { seSessionId: activeSessionId, seResourceOriginID: (_b = (_a = sessionResourceTracking[SessionResourceSource.TOP_CONTENT]) === null || _a === void 0 ? void 0 : _a.resourceOriginId) !== null && _b !== void 0 ? _b : '', topContentIndex: index, onResourceClick: onResourceClick, name: sug.categoryName, key: sug.categoryName, items: sug.content, helperText: (sug === null || sug === void 0 ? void 0 : sug.helperText) || '' }));
+            })),
+            showMax && filteredTC.length > maxTC && (React.createElement("div", { className: "text-right" },
+                React.createElement("button", { className: "btn btn-app btn-link", type: "button", onClick: showAllCategories, "data-tracking-id": "suggestions-more-categories" }, "More categories"))))))));
 }

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":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,2DAA2D,CAAC;AAIxF,OAAO,KAAmB,MAAM,OAAO,CAAC;AASxC,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,qBA8I/C"}
+{"version":3,"file":"TopContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Suggestions/TopContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,2DAA2D,CAAC;AAKxF,OAAO,KAAmB,MAAM,OAAO,CAAC;AASxC,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,qBAmI/C"}