@rh-support/troubleshoot 2.5.29 → 2.5.30

package/lib/esm/components/CaseEditView/CaseSolutions/CaseSolutions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseSolutions.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseSolutions/CaseSolutions.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAuE3E,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,sBAAsB,EAAE,OAAO,CAAC;CACnC;AAUD,eAAO,MAAM,aAAa,+EAkhBxB,CAAC"}
+{"version":3,"file":"CaseSolutions.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseSolutions/CaseSolutions.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAuE3E,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,sBAAsB,EAAE,OAAO,CAAC;CACnC;AAUD,eAAO,MAAM,aAAa,+EA4gBxB,CAAC"}

package/lib/esm/components/CaseEditView/CaseSolutions/CaseSolutions.js

@@ -292,7 +292,7 @@ export const CaseSolutions = forwardRef((props, ref) => {
         React.createElement(Trans, null, "We're glad to hear this article was helpful. Would you like to close this case or keep it open? You can still view the case after it closes.")));
     return (React.createElement(React.Fragment, null,
         closeCaseModal,
-        linkedRecommendations.length !== 0 && pinnedRecommendations.length !== 0 && (React.createElement(Accordion, { isBordered: true, asDefinitionList: false, className: "card card-white case-details-aside-solutions" },
+        React.createElement(Accordion, { isBordered: true, asDefinitionList: false, className: "card card-white case-details-aside-solutions" },
             linkedRecommendations.length !== 0 && (React.createElement(AccordionItem, null,
                 React.createElement(AccordionToggle, { id: "sol-handpicked", isExpanded: handPickedOpen, onClick: () => setHandPickedOpen((pre) => !pre) },
                     React.createElement("span", null, canLinkUnlink ? (React.createElement(Trans, null, "Handpicked by you")) : (React.createElement(Trans, null, "Handpicked for this case"))),
@@ -312,7 +312,7 @@ export const CaseSolutions = forwardRef((props, ref) => {
                         : renderPinsByCustomer(rec, index, 'pinned-recommendations')), perPage: 5, className: "list-icons list-icons-flush", isFetching: !!isLoadingRecommendations, perPageOptions: [
                         { title: '5', value: 5 },
                         { title: '10', value: 10 },
-                    ] }))))))),
+                    ] })))))),
         topRecommendations.length > 0 && (React.createElement("div", { className: "card card-white card-support recommendations", ref: ref },
             React.createElement("h3", { className: "card-heading case-detail-panel-card-heading card-header-bg" },
                 React.createElement(Trans, null, "Knowledgebase recommendations")),

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;AAiBzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,qBA+V3C"}
+{"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"}

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

@@ -25,6 +25,7 @@ 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 { useMetadata } from '../../utils/metadataUtil';
 import RouteUtils from '../../utils/routeUtils';
 import { resetAttachment } from '../shared/fileUpload';
 import { restoreFilesFromSession } from '../shared/fileUpload/reducer/AttachmentHelper';
@@ -53,6 +54,7 @@ export function SessionRestore(props) {
     const [previousSessions, setPreviousSessions] = useState([]);
     const previousActiveSessionId = usePrevious(sessionRestore.activeSessionId);
     const isFirstMountRef = useRef(true);
+    const { getMetadata } = useMetadata();
     /**
      * Fetching previous sessions on load
      */
@@ -153,6 +155,7 @@ export function SessionRestore(props) {
             userAgent: userAgentAB,
             originatingSystem: originatingSystem,
             caseCreationError: caseCreation500ErrorStatus,
+            metadata: JSON.stringify(getMetadata()),
         };
         // PCM-12337 - Moved the session patch call to submit case function in CaseReducer.ts
         const newSessionDetails = getSessionDetailsFromCase(caseDetails, selectedNotificationContacts);

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

@@ -1 +1 @@
-{"version":3,"file":"WidgetFileSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/fileUpload/fileSelectors/WidgetFileSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAS1C,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAC9D,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE;QACb,IAAI,EAAE,OAAO,CAAC;QACd,QAAQ,EAAE,MAAM,EAAE,CAAC;KACtB,CAAC;CACL;AAED,iBAAS,kBAAkB,CAAC,EACxB,EAAO,EACP,SAAc,EACd,WAAW,EACX,SAAiB,EACjB,MAAc,EACd,cAA8C,GACjD,EAAE,wBAAwB,qBAsF1B;AAED,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"WidgetFileSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/fileUpload/fileSelectors/WidgetFileSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAS1C,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAC9D,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE;QACb,IAAI,EAAE,OAAO,CAAC;QACd,QAAQ,EAAE,MAAM,EAAE,CAAC;KACtB,CAAC;CACL;AAED,iBAAS,kBAAkB,CAAC,EACxB,EAAO,EACP,SAAc,EACd,WAAW,EACX,SAAiB,EACjB,MAAc,EACd,cAA8C,GACjD,EAAE,wBAAwB,qBAuF1B;AAED,eAAe,kBAAkB,CAAC"}

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

@@ -12,7 +12,7 @@ function WidgetFileSelector({ id = '', className = '', isSessionId, isPrivate =
     const { caseDetails } = useCaseSelector((state) => ({
         caseDetails: state.caseDetails,
     }), isEqual);
-    const { routeState: { activeSection, isCaseCreate }, } = useContext(RouteContext);
+    const { routeState: { activeStepName, isCaseCreate }, } = useContext(RouteContext);
     const MAX_SIZE = isIdea ? 5242880 : undefined;
     // Attachment Reducer Related
     const dispatchToAttachmentReducer = useContext(AttachmentDispatchContext);
@@ -31,7 +31,7 @@ function WidgetFileSelector({ id = '', className = '', isSessionId, isPrivate =
         // so that user can attach the same file twice
         inputRef.current.value = null;
         // Call a dtm track even whenever the file uploader is clicked
-        dtmTrackEventUploadFileToAnalyze(isCaseCreate, activeSection, caseDetails.caseType, caseDetails.product, caseDetails.version);
+        dtmTrackEventUploadFileToAnalyze(isCaseCreate, activeStepName, caseDetails.caseType, caseDetails.summary, caseDetails.product, caseDetails.version);
     };
     return (React.createElement(React.Fragment, null,
         React.createElement("label", Object.assign({ className: "file-diag-dragndrop", htmlFor: "file-diag-selector" }, getRootProps({ onClick: onLabelClick }), { "data-tracking-id": "file-selector-widget-main" }),

package/lib/esm/components/wizardLayout/WizardLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WizardLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardLayout.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAuC,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAavG,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,qBA4MzC"}
+{"version":3,"file":"WizardLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardLayout.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAuC,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAcvG,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,qBA+MzC"}

package/lib/esm/components/wizardLayout/WizardLayout.js

@@ -22,6 +22,7 @@ import { RouteContext } from '../../context/RouteContext';
 import { SessionRestoreDispatchContext, SessionRestoreStateContext } from '../../context/SessionRestoreContext';
 import { setABTestVariation, submitCase } from '../../reducers/CaseReducer';
 import { AppRouteSections } from '../../reducers/RouteConstNTypes';
+import { useMetadata } from '../../utils/metadataUtil';
 import RouteUtils from '../../utils/routeUtils';
 import PreCaseConfirmationModals, { PreCaseConfirmationModalsEnum, } from '../ConfirmationModals/PreCaseConfirmationModals';
 import AlertToastWrapper from '../Recommendations/AlertToastWrapper';
@@ -33,6 +34,7 @@ import WizardAside from './WizardAside';
 import WizardMain from './WizardMain';
 export function WizardLayout(props) {
     const { routeState: { activeSection, isCaseCreate }, } = useContext(RouteContext);
+    const { getMetadata } = useMetadata();
     const { caseCreationError, contactSSOName, caseType, product, caseState, ABTestVariation } = useCaseSelector((state) => ({
         caseState: state,
         caseCreationError: state.caseCreationError,
@@ -88,6 +90,7 @@ export function WizardLayout(props) {
         if (checkForConfirmationModalsOnReview())
             return;
         const sessionItem = previousSessions.data[activeSessionId];
+        sessionItem.session.metadata = JSON.stringify(getMetadata());
         const errorMessageCaseSubmit500 = (React.createElement(Trans, null,
             React.createElement("p", null,
                 "Try submitting again after a minute. Please ",

package/lib/esm/components/wizardLayout/WizardMain.js

@@ -52,12 +52,12 @@ function WizardMain(props) {
         RouteUtils.navigateToSection(props.routeProps, props.routeProps.location.pathname.replace(regex, ''), false);
     };
     const onSubmit = () => {
-        setActiveSectionChanged(dispatchToRouteReducer, AppRouteSections.SUBMIT_CASE);
+        setActiveSectionChanged(dispatchToRouteReducer, AppRouteSections.SUBMIT_CASE, 'Submit');
         props.submitCaseAndNavigate(false);
         return;
     };
     const onCurrentStepChanged = (step) => {
-        setActiveSectionChanged(dispatchToRouteReducer, step.id);
+        setActiveSectionChanged(dispatchToRouteReducer, step.id, step.name);
         updateisNextBtnClickedToShowValidationError(dispatchToRouteReducer, false);
     };
     const CustomFooter = (React.createElement(WizardFooter, null,

package/lib/esm/components/wizardLayout/WizardNavigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WizardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardNavigation.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAOvD,OAAO,EAAoB,eAAe,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAM3G,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAC3C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB,EAAE,CAAC,gCAAgC,EAAE,OAAO,KAAK,IAAI,CAAC;IACzE,gBAAgB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,0BAA0B,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IAC5E,kCAAkC,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACpF,qCAAqC,CAAC,EAAE,OAAO,CAAC;IAChD,gCAAgC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACjF,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,oBAAoB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;CACxE;AAGD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAsUtC;kBAtUQ,gBAAgB;;;AAwUzB,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"WizardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardNavigation.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAOvD,OAAO,EAAoB,eAAe,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAM3G,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAC3C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB,EAAE,CAAC,gCAAgC,EAAE,OAAO,KAAK,IAAI,CAAC;IACzE,gBAAgB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,0BAA0B,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IAC5E,kCAAkC,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACpF,qCAAqC,CAAC,EAAE,OAAO,CAAC;IAChD,gCAAgC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACjF,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,oBAAoB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;CACxE;AAGD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAqUtC;kBArUQ,gBAAgB;;;AAuUzB,eAAe,gBAAgB,CAAC"}

package/lib/esm/components/wizardLayout/WizardNavigation.js

@@ -70,7 +70,7 @@ function WizardNavigation(props) {
         const isCreatingCase = RouteUtils.getQueryParams(props.routeProps).caseCreate === 'true';
         dtmTrackEventCaseCreationStepEncountered(isCreatingCase, 
         // @ts-ignore
-        props.activeStep.id, (_a = caseState.caseDetails) === null || _a === void 0 ? void 0 : _a.caseNumber, (_b = caseState.caseDetails) === null || _b === void 0 ? void 0 : _b.caseType, caseState.caseDetails.summary, caseState.caseDetails.product, caseState.caseDetails.version);
+        props.activeStep.name, (_a = caseState.caseDetails) === null || _a === void 0 ? void 0 : _a.caseNumber, (_b = caseState.caseDetails) === null || _b === void 0 ? void 0 : _b.caseType, caseState.caseDetails.summary, caseState.caseDetails.product, caseState.caseDetails.version);
         if (props.activeStep.id === AppRouteSections.TROUBLESHOOT) {
             window.scrollTo({
                 top: 0,
@@ -150,7 +150,6 @@ function WizardNavigation(props) {
                     navBarRef,
                     timeout: 0,
                     onlyIfNotInViewport: true,
-                    offset: 120,
                 });
                 setHasUserScrolled(true);
                 props.setUserScrolledLabel(true);

package/lib/esm/reducers/CaseReducer.js

@@ -184,7 +184,7 @@ export const submitCase = (dispatch_1, sessionRestoreDispatch_1, caseDetails_1,
         }
         // For updating the sessions and posting cep details after case creation
         postCaseCreationProcessing(isSecureSupport, dispatch, sessionRestoreDispatch, sessionItem, caseNumber, caseDetails);
-        dtmTrackEventCaseCreationStepEncountered(isCreatingCaseFlow, 'submit', caseNumber, (_b = caseDetails.caseDetails) === null || _b === void 0 ? void 0 : _b.caseType, caseDetails.caseDetails.summary, caseDetails.caseDetails.product, caseDetails.caseDetails.version);
+        dtmTrackEventCaseCreationStepEncountered(isCreatingCaseFlow, 'Submit', caseNumber, (_b = caseDetails.caseDetails) === null || _b === void 0 ? void 0 : _b.caseType, caseDetails.caseDetails.summary, caseDetails.caseDetails.product, caseDetails.caseDetails.version);
         dispatch({ type: CaseReducerConstants.caseCreated, payload: { caseNoOfCreatedCase: caseNumber } });
     }
     catch (error) {

package/lib/esm/reducers/RouteReducer.d.ts

@@ -2,6 +2,7 @@ import { IAction } from '@rh-support/types/shared';
 import { AppRouteSections } from './RouteConstNTypes';
 export interface IRouteState {
     activeSection: AppRouteSections | undefined;
+    activeStepName: string | undefined;
     isCaseCreate: boolean;
     isSearchIntent: boolean;
     isNextBtnClickedToShowValidationError: boolean;
@@ -24,7 +25,7 @@ export declare const initialRouteReducerState: IRouteState;
 export declare const routeReducer: (pState: IRouteState, action: IActionType) => IRouteState;
 export declare const setNoValidEntitlement: (dispatch: RouteReducerDispatchType, noValidEntitlement: boolean) => void;
 export declare const setRouteFlags: (dispatch: RouteReducerDispatchType, isCaseCreate: boolean, isSearchIntent: boolean) => void;
-export declare const setActiveSectionChanged: (dispatch: RouteReducerDispatchType, activeSection: AppRouteSections) => void;
+export declare const setActiveSectionChanged: (dispatch: RouteReducerDispatchType, activeSection: AppRouteSections, activeStepName: string) => void;
 export declare const updateisNextBtnClickedToShowValidationError: (dispatch: RouteReducerDispatchType, isNextBtnClickedToShowValidationError: boolean) => void;
 export {};
 //# sourceMappingURL=RouteReducer.d.ts.map

package/lib/esm/reducers/RouteReducer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RouteReducer.d.ts","sourceRoot":"","sources":["../../../src/reducers/RouteReducer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAGnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,MAAM,WAAW,WAAW;IACxB,aAAa,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC5C,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,qCAAqC,EAAE,OAAO,CAAC;IAC/C,kBAAkB,EAAE,OAAO,CAAC;CAC/B;AAGD,oBAAY,qBAAqB;IAC7B,oBAAoB,yBAAyB;IAC7C,aAAa,kBAAkB;IAC/B,wCAAwC,6CAA6C;IACrF,qBAAqB,0BAA0B;CAClD;AAED,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IAClD,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACnB;AACD,KAAK,WAAW,GAAG,OAAO,CAAC,qBAAqB,EAAE,iBAAiB,CAAC,CAAC;AACrE,MAAM,MAAM,wBAAwB,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;AAEpE,wBAAgB,cAAc,CAAC,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO,CAE9E;AAGD,eAAO,MAAM,wBAAwB,EAAE,WAMtC,CAAC;AAEF,eAAO,MAAM,YAAY,WAAY,WAAW,UAAU,WAAW,KAAG,WA4BvE,CAAC;AAEF,eAAO,MAAM,qBAAqB,aAAc,wBAAwB,sBAAsB,OAAO,SAEpG,CAAC;AAEF,eAAO,MAAM,aAAa,aAAc,wBAAwB,gBAAgB,OAAO,kBAAkB,OAAO,SAK/G,CAAC;AAEF,eAAO,MAAM,uBAAuB,aAAc,wBAAwB,iBAAiB,gBAAgB,SAK1G,CAAC;AAEF,eAAO,MAAM,2CAA2C,aAC1C,wBAAwB,yCACK,OAAO,SAMjD,CAAC"}
+{"version":3,"file":"RouteReducer.d.ts","sourceRoot":"","sources":["../../../src/reducers/RouteReducer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAGnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,MAAM,WAAW,WAAW;IACxB,aAAa,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC5C,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,qCAAqC,EAAE,OAAO,CAAC;IAC/C,kBAAkB,EAAE,OAAO,CAAC;CAC/B;AAGD,oBAAY,qBAAqB;IAC7B,oBAAoB,yBAAyB;IAC7C,aAAa,kBAAkB;IAC/B,wCAAwC,6CAA6C;IACrF,qBAAqB,0BAA0B;CAClD;AAED,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IAClD,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACnB;AACD,KAAK,WAAW,GAAG,OAAO,CAAC,qBAAqB,EAAE,iBAAiB,CAAC,CAAC;AACrE,MAAM,MAAM,wBAAwB,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;AAEpE,wBAAgB,cAAc,CAAC,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO,CAE9E;AAGD,eAAO,MAAM,wBAAwB,EAAE,WAOtC,CAAC;AAEF,eAAO,MAAM,YAAY,WAAY,WAAW,UAAU,WAAW,KAAG,WA6BvE,CAAC;AAEF,eAAO,MAAM,qBAAqB,aAAc,wBAAwB,sBAAsB,OAAO,SAEpG,CAAC;AAEF,eAAO,MAAM,aAAa,aAAc,wBAAwB,gBAAgB,OAAO,kBAAkB,OAAO,SAK/G,CAAC;AAEF,eAAO,MAAM,uBAAuB,aACtB,wBAAwB,iBACnB,gBAAgB,kBACf,MAAM,SAMzB,CAAC;AAEF,eAAO,MAAM,2CAA2C,aAC1C,wBAAwB,yCACK,OAAO,SAMjD,CAAC"}

package/lib/esm/reducers/RouteReducer.js

@@ -13,25 +13,26 @@ export function isSearchIntent(isCaseCreate, summary) {
 // Reducer
 export const initialRouteReducerState = {
     activeSection: undefined,
+    activeStepName: undefined,
     isCaseCreate: false,
     isSearchIntent: false,
     isNextBtnClickedToShowValidationError: false,
     noValidEntitlement: false,
 };
 export const routeReducer = (pState, action) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     switch (action.type) {
         case RouteReducerConstants.activeSectionChanged: {
-            return Object.assign(Object.assign({}, pState), { activeSection: (_a = action.payload) === null || _a === void 0 ? void 0 : _a.activeSection });
+            return Object.assign(Object.assign({}, pState), { activeSection: (_a = action.payload) === null || _a === void 0 ? void 0 : _a.activeSection, activeStepName: (_b = action.payload) === null || _b === void 0 ? void 0 : _b.activeStepName });
         }
         case RouteReducerConstants.setRouteFlags: {
-            return Object.assign(Object.assign({}, pState), { isCaseCreate: (_b = action.payload) === null || _b === void 0 ? void 0 : _b.isCaseCreate, isSearchIntent: (_c = action.payload) === null || _c === void 0 ? void 0 : _c.isSearchIntent });
+            return Object.assign(Object.assign({}, pState), { isCaseCreate: (_c = action.payload) === null || _c === void 0 ? void 0 : _c.isCaseCreate, isSearchIntent: (_d = action.payload) === null || _d === void 0 ? void 0 : _d.isSearchIntent });
         }
         case RouteReducerConstants.setisNextBtnClickedToShowValidationError: {
-            return Object.assign(Object.assign({}, pState), { isNextBtnClickedToShowValidationError: (_d = action.payload) === null || _d === void 0 ? void 0 : _d.isNextBtnClickedToShowValidationError });
+            return Object.assign(Object.assign({}, pState), { isNextBtnClickedToShowValidationError: (_e = action.payload) === null || _e === void 0 ? void 0 : _e.isNextBtnClickedToShowValidationError });
         }
         case RouteReducerConstants.setNoValidEntitlement: {
-            return Object.assign(Object.assign({}, pState), { noValidEntitlement: (_e = action.payload) === null || _e === void 0 ? void 0 : _e.noValidEntitlement });
+            return Object.assign(Object.assign({}, pState), { noValidEntitlement: (_f = action.payload) === null || _f === void 0 ? void 0 : _f.noValidEntitlement });
         }
         default: {
             return pState;
@@ -47,10 +48,10 @@ export const setRouteFlags = (dispatch, isCaseCreate, isSearchIntent) => {
         payload: { isCaseCreate: isCaseCreate, isSearchIntent: isSearchIntent },
     });
 };
-export const setActiveSectionChanged = (dispatch, activeSection) => {
+export const setActiveSectionChanged = (dispatch, activeSection, activeStepName) => {
     dispatch({
         type: RouteReducerConstants.activeSectionChanged,
-        payload: { activeSection },
+        payload: { activeSection, activeStepName },
     });
 };
 export const updateisNextBtnClickedToShowValidationError = (dispatch, isNextBtnClickedToShowValidationError) => {

package/lib/esm/scss/_main.scss

@@ -1062,6 +1062,10 @@ svg.pf-v5-u-ml-xs.icon-size {
     max-width: min-content;
 }
 
+.review-form {
+    background-color: #e0e0e0 !important;
+}
+
 #DeepPurpleColorAILabel {
     background-color: #6600cc !important; //deep purple override because not available in PF yet
     position: relative;

package/lib/esm/utils/metadataUtil.d.ts

@@ -0,0 +1,26 @@
+interface IUserMetadata {
+    screenResolution: {
+        width: number;
+        height: number;
+    };
+    interactionTiming: Array<{
+        componentId?: string;
+        interactionTime?: number;
+        totalTimeSpent?: number;
+    }>;
+    customMetadata?: Record<string, any>;
+}
+export declare function useMetadata(): {
+    getMetadata: () => IUserMetadata;
+    getScreenResolution: () => {
+        width: number;
+        height: number;
+    };
+    getInteractionTiming: () => {
+        componentId?: string;
+        interactionTime?: number;
+        totalTimeSpent?: number;
+    }[];
+};
+export {};
+//# sourceMappingURL=metadataUtil.d.ts.map

package/lib/esm/utils/metadataUtil.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"metadataUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/metadataUtil.tsx"],"names":[],"mappings":"AAKA,UAAU,aAAa;IACnB,gBAAgB,EAAE;QACd,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,iBAAiB,EAAE,KAAK,CAAC;QACrB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,cAAc,CAAC,EAAE,MAAM,CAAC;KAC3B,CAAC,CAAC;IACH,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACxC;AAED,wBAAgB,WAAW;;;eAXZ,MAAM;gBACL,MAAM;;;sBAGA,MAAM;0BACF,MAAM;yBACP,MAAM;;EAgF9B"}

package/lib/esm/utils/metadataUtil.js

@@ -0,0 +1,62 @@
+import { useContext, useEffect, useRef } from 'react';
+import { RouteContext } from '../context/RouteContext';
+import { AppRouteSections } from '../reducers/RouteConstNTypes';
+export function useMetadata() {
+    const { routeState: { activeSection }, } = useContext(RouteContext);
+    // Ref to store metadata object
+    const metadataRef = useRef({
+        screenResolution: {
+            width: window.screen.width,
+            height: window.screen.height,
+        },
+        interactionTiming: [],
+    });
+    const lastChangeTimeRef = useRef(null);
+    const previousActiveSectionRef = useRef(null);
+    // Updates interaction timing whenever activeSection changes.
+    useEffect(() => {
+        if (!Object.values(AppRouteSections).includes(activeSection)) {
+            return;
+        }
+        setInteractionTiming();
+        setScreenResolution();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [activeSection]);
+    // Sets interaction timing based on the current and previous active sections.
+    const setInteractionTiming = () => {
+        const currentTime = new Date().getTime();
+        if (lastChangeTimeRef.current !== null && previousActiveSectionRef.current !== null) {
+            const interval = (currentTime - lastChangeTimeRef.current) / 1000;
+            const newInterval = {
+                componentId: previousActiveSectionRef.current,
+                interactionTime: interval,
+            };
+            metadataRef.current.interactionTiming.push(newInterval);
+        }
+        if (activeSection === AppRouteSections.SUBMIT_CASE) {
+            const totalTimeSpent = metadataRef.current.interactionTiming.reduce((acc, timing) => {
+                return acc + (timing.interactionTime || 0);
+            }, 0);
+            metadataRef.current.interactionTiming.push({
+                totalTimeSpent,
+            });
+        }
+        lastChangeTimeRef.current = currentTime;
+        previousActiveSectionRef.current = activeSection !== null && activeSection !== void 0 ? activeSection : null;
+    };
+    // Updates screen resolution in the metadata.
+    const setScreenResolution = () => {
+        metadataRef.current.screenResolution = {
+            width: window.screen.width,
+            height: window.screen.height,
+        };
+    };
+    const getMetadata = () => metadataRef.current;
+    const getScreenResolution = () => metadataRef.current.screenResolution;
+    const getInteractionTiming = () => metadataRef.current.interactionTiming;
+    return {
+        getMetadata,
+        getScreenResolution,
+        getInteractionTiming,
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.5.29",
+    "version": "2.5.30",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -134,5 +134,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "56a481aa8f2d7994ac501a77fd986e14e41058d4"
+    "gitHead": "bb66a0d88ad5fc09388220681cfc12e063221838"
 }