@rh-support/troubleshoot 2.4.10-beta.8 → 2.5.0

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

@@ -1 +1 @@
-{"version":3,"file":"SessionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/SessionRestore/SessionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qDAAqD,CAAC;AAanF,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxD,WAAW,EAAE,YAAY,CAAC;CAC7B;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,eAwHxC"}
+{"version":3,"file":"SessionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/SessionRestore/SessionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qDAAqD,CAAC;AAMnF,OAAO,KAA+B,MAAM,OAAO,CAAC;AAOpD,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxD,WAAW,EAAE,YAAY,CAAC;CAC7B;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,qBA8HxC"}

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

@@ -80,13 +80,13 @@ export function SessionItem(props) {
             askIfResolved && (React.createElement(React.Fragment, null,
                 React.createElement("label", null,
                     React.createElement(Trans, null, "Did you find a solution?")),
-                React.createElement("button", { className: "btn btn-link btn-app", onClick: onResolve, disabled: isResolving, "data-tracking-id": "session-resolved-yes" }, isResolving ? React.createElement(LoadingIndicator, { isInline: true }) : React.createElement(OutlinedThumbsUpIcon, null)),
-                React.createElement("button", { className: "btn btn-link btn-app", onClick: onUnResolve, "data-tracking-id": "session-resolved-no" },
+                React.createElement("button", { className: "btn btn-link btn-app", onClick: onResolve, disabled: isResolving, "data-tracking-id": "session-resolved-yes", "aria-label": "Thumbs up", type: "button" }, isResolving ? React.createElement(LoadingIndicator, { isInline: true }) : React.createElement(OutlinedThumbsUpIcon, null)),
+                React.createElement("button", { className: "btn btn-link btn-app", onClick: onUnResolve, "data-tracking-id": "session-resolved-no", "aria-label": "Thumbs down", type: "button" },
                     React.createElement(OutlinedThumbsDownIcon, null)))),
             askToRestore && (React.createElement(React.Fragment, null,
                 React.createElement("label", null,
                     React.createElement(Trans, null, "Continue session?")),
-                React.createElement("button", { className: "btn btn-link btn-app", onClick: onRestoreSession, disabled: isRestoring, "data-tracking-id": "restore-session-yes" },
+                React.createElement("button", { className: "btn btn-link btn-app", onClick: onRestoreSession, disabled: isRestoring, "data-tracking-id": "restore-session-yes", type: "button" },
                     React.createElement(Trans, null, "Yes")),
-                React.createElement("button", { className: "btn btn-link btn-app", onClick: onUnResolveAndDismiss, disabled: isDeactivating, "data-tracking-id": "restore-session-no" }, isDeactivating ? React.createElement(LoadingIndicator, { isInline: true }) : React.createElement(Trans, null, "No")))))));
+                React.createElement("button", { className: "btn btn-link btn-app", onClick: onUnResolveAndDismiss, disabled: isDeactivating, "data-tracking-id": "restore-session-no", type: "button" }, isDeactivating ? React.createElement(LoadingIndicator, { isInline: true }) : React.createElement(Trans, null, "No")))))));
 }

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

@@ -1,8 +1,9 @@
+import React from 'react';
 import { RouteComponentProps } from 'react-router-dom';
 import { IRouteUrlParams } from '../../reducers/RouteConstNTypes';
 interface IProps {
     routeProps: RouteComponentProps<IRouteUrlParams>;
 }
-export declare function SessionRestore(props: IProps): JSX.Element;
+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":"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"}
+{"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,qBA2V3C"}

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

@@ -16,7 +16,7 @@ import includes from 'lodash/includes';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import orderBy from 'lodash/orderBy';
-import React, { useContext, useEffect, useState } from 'react';
+import React, { useContext, useEffect, useRef, useState } from 'react';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { RouteContext } from '../../context/RouteContext';
 import { SessionRestoreDispatchContext, SessionRestoreStateContext } from '../../context/SessionRestoreContext';
@@ -24,7 +24,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, getRelevantSessionFromSessions, loadPreviousSessions, markAllSessionsUnresolved, updateActiveSessionId, updateSession, } from '../../reducers/SessionRestoreReducer';
+import { createSession, getIndividualSessionById, getRelevantSessionFromSessions, loadPreviousSessions, markAllSessionsUnresolved, updateActiveSessionId, updateSession, } from '../../reducers/SessionRestoreReducer';
 import RouteUtils from '../../utils/routeUtils';
 import { resetAttachment } from '../shared/fileUpload';
 import { restoreFilesFromSession } from '../shared/fileUpload/reducer/AttachmentHelper';
@@ -35,13 +35,13 @@ export function SessionRestore(props) {
     const sessionRestoreDispatch = useContext(SessionRestoreDispatchContext);
     const dispatchToAttachmentReducer = useContext(AttachmentDispatchContext);
     const { sessionRestore } = useContext(SessionRestoreStateContext);
-    const { selectedNotificationContacts, cepDetails, caseDetails, caseCreation500ErrorStatus, isFetchingRecommendationsFromWatsonX, } = useCaseSelector((state) => ({
+    const { selectedNotificationContacts, cepDetails, caseDetails, caseCreation500ErrorStatus, ABTestVariation } = 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
+        ABTestVariation: state.ABTestVariation,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
     const { globalMetadataState: { loggedInUsersAccount, loggedInUserRights, referrerUrl }, } = useContext(GlobalMetadataStateContext);
@@ -52,11 +52,14 @@ export function SessionRestore(props) {
     const [isRestoring, setIsRestoring] = useState(false);
     const [previousSessions, setPreviousSessions] = useState([]);
     const previousActiveSessionId = usePrevious(sessionRestore.activeSessionId);
+    const isFirstMountRef = useRef(true);
     /**
      * Fetching previous sessions on load
      */
     useEffect(() => {
+        currentUrlSeSessionId && getIndividualSessionById(sessionRestoreDispatch, currentUrlSeSessionId);
         loadPreviousSessions(sessionRestoreDispatch, caseDispatch);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [sessionRestoreDispatch, caseDispatch]);
     /**
      * Creating/use existing session new session if one doesn't exist when:
@@ -71,34 +74,46 @@ export function SessionRestore(props) {
      * 5. The session doesn't have any visited resource the last time.
      */
     useEffect(() => {
-        if (!sessionRestore.hasFetchedPreviousSessions)
+        if (!isEmpty(sessionRestore.activeSessionId))
             return;
         const hasProductVersionOrSummary = (!isEmpty(caseDetails.product) && !isEmpty(caseDetails.version)) || !isEmpty(caseDetails.summary);
+        // Need to skip on the first mount as case details is not reset when navigating from case create page to case list and back.
+        // we will just skip if we have product, version or summary in the case details context or we don't have session id in the url.
+        if (isFirstMountRef.current) {
+            isFirstMountRef.current = false;
+            if (hasProductVersionOrSummary || !currentUrlSeSessionId) {
+                return;
+            }
+        }
         const currentRelevantSession = getRelevantSessionFromSessions(sessionRestoreDispatch, currentUrlSeSessionId, sessionRestore.previousSessions.data, caseDetails);
         const relevantSession = sessionRestore.previousSessions.data[currentRelevantSession];
-        const needsNewSessionId = hasProductVersionOrSummary && isEmpty(relevantSession);
-        if (needsNewSessionId) {
-            const userAgent = getUserAgentForCaseMode(isCaseCreate);
-            const userAgentAB = userAgent + (isFetchingRecommendationsFromWatsonX ? '-A-1' : '-B-1');
-            let session = {
-                userAgent: userAgentAB,
-                originatingSystem: userAgent,
-                referrerUrl: referrerUrl.substring(0, SESSION_REFERRER_URL_LIMIT),
-            };
-            !sessionRestore.sessionCreationStatus.isCreating &&
-                !sessionRestore.sessionCreationStatus.isError &&
-                createSession(sessionRestoreDispatch, getSessionDetailsFromCase(caseDetails, selectedNotificationContacts), session);
-        }
-        else if (!isEmpty(relevantSession)) {
-            // 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) {
-                restoreSession(relevantSession, true);
+        const setSession = () => __awaiter(this, void 0, void 0, function* () {
+            const needsNewSessionId = hasProductVersionOrSummary && isEmpty(relevantSession);
+            if (needsNewSessionId) {
+                const userAgent = getUserAgentForCaseMode(isCaseCreate);
+                const userAgentAB = userAgent + (ABTestVariation ? '-A-1' : '-B-1');
+                let session = {
+                    userAgent: userAgentAB,
+                    originatingSystem: userAgent,
+                    referrerUrl: referrerUrl.substring(0, SESSION_REFERRER_URL_LIMIT),
+                    isInternal: loggedInUserRights.data.isInternal(),
+                };
+                if (!sessionRestore.sessionCreationStatus.isCreating && !sessionRestore.sessionCreationStatus.isError) {
+                    yield createSession(sessionRestoreDispatch, getSessionDetailsFromCase(caseDetails, selectedNotificationContacts), session);
+                }
             }
-        }
-        else if (isEmpty(relevantSession) && !isEmpty(currentUrlSeSessionId)) {
-            updateActiveSessionId(sessionRestoreDispatch, undefined);
-        }
+            else if (!isEmpty(relevantSession)) {
+                // 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) {
+                    restoreSession(relevantSession, true);
+                }
+            }
+            else if (isEmpty(relevantSession) && !isEmpty(currentUrlSeSessionId)) {
+                updateActiveSessionId(sessionRestoreDispatch, undefined);
+            }
+        });
+        setSession();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         caseDetails.product,
@@ -132,15 +147,16 @@ export function SessionRestore(props) {
             : !isEmpty(existingUserAgent) && existingUserAgent !== userAgent
                 ? existingUserAgent
                 : userAgent;
-        const userAgentAB = userAgent + (isFetchingRecommendationsFromWatsonX ? '-A-1' : '-B-1');
         let session = {
-            userAgent: userAgentAB,
-            originatingSystem,
+            userAgent,
+            originatingSystem: originatingSystem,
             caseCreationError: caseCreation500ErrorStatus,
         };
         // PCM-12337 - Moved the session patch call to submit case function in CaseReducer.ts
-        isEmpty(caseDetails.caseNumber) &&
-            updateSession(sessionRestoreDispatch, sessionRestore.activeSessionId, getSessionDetailsFromCase(caseDetails, selectedNotificationContacts), session);
+        const newSessionDetails = getSessionDetailsFromCase(caseDetails, selectedNotificationContacts);
+        if (isEqual(newSessionDetails, relevantSession === null || relevantSession === void 0 ? void 0 : relevantSession.sessionDetails))
+            return;
+        updateSession(sessionRestoreDispatch, sessionRestore.activeSessionId, newSessionDetails, session);
     }, [
         caseDetails,
         currentUrlSeSessionId,
@@ -178,7 +194,7 @@ export function SessionRestore(props) {
         sessionRestore.hasFetchedPreviousSessions,
     ], 500);
     /** Just update the URL with new sessionItem */
-    const restoreSession = (sessionItem, isAutoRestoringSession = false) => __awaiter(this, void 0, void 0, function* () {
+    const restoreSession = (sessionItem_1, ...args_1) => __awaiter(this, [sessionItem_1, ...args_1], void 0, function* (sessionItem, isAutoRestoringSession = false) {
         if (isEmpty(sessionItem))
             return;
         try {
@@ -263,7 +279,7 @@ export function SessionRestore(props) {
             }
         }
         previousSessions = orderBy(previousSessions, (s) => s.session.modifiedDate, 'desc');
-        if (activeSection !== AppRouteSections.SUBMIT_CASE && (caseDetails.product || caseDetails.summary)) {
+        if (caseDetails.product || caseDetails.summary) {
             previousSessions = previousSessions.filter((s) => {
                 var _a, _b, _c, _d, _e, _f;
                 return s.session.isActive &&
@@ -284,7 +300,7 @@ export function SessionRestore(props) {
     ], 1000);
     if (!sessionRestoreCardSections.includes(activeSection))
         return React.createElement(React.Fragment, null);
-    return (React.createElement(React.Fragment, null,
+    return (React.createElement("div", { className: "pf-v5-u-mb-md pf-v5-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.d.ts

@@ -1,9 +1,10 @@
 import { ISessionItem } from '@cee-eng/hydrajs/@types/api/pcm/troubleshootSession';
+import React from 'react';
 interface IProps {
     onRestore: (sessionItem: ISessionItem) => Promise<void>;
     previousSessions: ISessionItem[];
     onCardDismiss: () => void;
 }
-export declare function SessionRestoreCard(props: IProps): JSX.Element;
+export declare function SessionRestoreCard(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=SessionRestoreCard.d.ts.map

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;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"}
+{"version":3,"file":"SessionRestoreCard.d.ts","sourceRoot":"","sources":["../../../../src/components/SessionRestore/SessionRestoreCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qDAAqD,CAAC;AAInF,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,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,qBA4B/C"}

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

@@ -1,27 +1,20 @@
-import BellIcon from '@patternfly/react-icons/dist/js/icons/bell-icon';
-import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
+import { Alert, AlertActionCloseButton } from '@patternfly/react-core';
 import isEmpty from 'lodash/isEmpty';
 import map from 'lodash/map';
 import React, { useState } from 'react';
-import { Trans } from 'react-i18next';
+import { useTranslation } from 'react-i18next';
 import { SessionItem } from './SessionItem';
 export function SessionRestoreCard(props) {
-    const [hidden, setHidden] = useState(false);
+    const { t } = useTranslation();
+    const [dismissed, setDismissed] = useState(false);
     const onCardDismiss = () => {
-        setHidden(true);
+        setDismissed(true);
         props.onCardDismiss && props.onCardDismiss();
     };
-    if (hidden || isEmpty(props.previousSessions))
+    if (dismissed || isEmpty(props.previousSessions))
         return React.createElement(React.Fragment, null);
-    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" },
+    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("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("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" })))));
+                React.createElement(SessionItem, { onRestore: props.onRestore, sessionItem: sessionItem }))))))));
 }

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

@@ -1,6 +1,9 @@
 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;AAMlC,UAAU,MAAM;IACZ,qBAAqB,EAAE,CAAC,cAAc,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5D;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,MAAM,CAuCpC,CAAC"}
+{"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"}

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

@@ -4,7 +4,8 @@ import React from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { updateCaseCreationErrorStatus } from '../../reducers/CaseReducer';
-export const ResubmitToast = ({ submitCaseAndNavigate }) => {
+import RouteUtils from '../../utils/routeUtils';
+export const ResubmitToast = ({ submitCaseAndNavigate, routeProps }) => {
     const { t } = useTranslation();
     const { caseCreation500ErrorStatus, caseCreationError } = useCaseSelector((state) => ({
         caseCreation500ErrorStatus: state.caseCreation500ErrorStatus,
@@ -17,6 +18,7 @@ export const ResubmitToast = ({ submitCaseAndNavigate }) => {
     };
     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,8 +1,9 @@
+import React from 'react';
 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 default function SubmitCase(props: IProps): React.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":"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"}
+{"version":3,"file":"SubmitCase.d.ts","sourceRoot":"","sources":["../../../../src/components/SubmitCase/SubmitCase.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,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,qBAwZ/C"}

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

@@ -1,20 +1,21 @@
 import { Env, publicApi } from '@cee-eng/hydrajs';
-import { ActionList, ActionListItem, Button, Text, TextVariants, Tooltip } from '@patternfly/react-core';
+import { ActionList, ActionListItem, Button, Icon, 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 { AlertMessage, AlertType, formattedApiErrorMessage, SupportFeedbackForm, useFetch, } from '@rh-support/components';
 import { GlobalMetadataStateContext, useGlobalStateContext } from '@rh-support/react-context';
-import { getConfigField, getRedhatDotComHost, isSpecialSupportOfferingEnabled, PCM_CONFIG_FIELD_TYPE, PreviousCaseTypes, } from '@rh-support/utils';
+import { getConfigField, getRedhatDotComHost, getUrlParsedParams, isSpecialSupportOfferingEnabled, PCM_CONFIG_FIELD_TYPE, PreviousCaseTypes, } from '@rh-support/utils';
 import find from 'lodash/find';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import { Link } from 'react-router-dom';
-import { useCaseSelector } from '../../context/CaseContext';
+import { Link, useLocation } from 'react-router-dom';
+import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { ClusterRecommendationsContext } from '../../context/ClusterRecommendationsContext';
 import { RulesStateContext } from '../../context/RulesContext';
 import { TCStateContext } from '../../context/TopContentContext';
-import { getIrtForSLAAndSeverity, getOrtForSLAAndSeverity } from '../../reducers/CaseHelpers';
+import { getIrtForSLAAndSeverity } from '../../reducers/CaseHelpers';
+import { setCaseState } from '../../reducers/CaseReducer';
 import RouteUtils from '../../utils/routeUtils';
 import { AsideResults } from '../Recommendations/AsideResults';
 import ClusterRecommendations from '../Recommendations/ClusterRecommendations';
@@ -26,7 +27,7 @@ import { AttachmentStateContext } from '../shared/fileUpload/reducer/AttachmentR
 import Suggestions from '../Suggestions/Suggestions';
 export default function SubmitCase(props) {
     var _a;
-    const { entitlementSla, severity, caseType, version, versionsDetails, addNotifiedUserError, isCreatingCase, caseCreationError, caseCreationErrorMessage, selectedAccountDetails, caseNoOfCreatedCase, product, screenSessionRequested, } = useCaseSelector((state) => ({
+    const { entitlementSla, severity, caseType, version, versionsDetails, addNotifiedUserError, isCreatingCase, caseCreationError, caseCreationErrorMessage, caseCreationErrorCode, caseCreation500ErrorStatus, selectedAccountDetails, caseNoOfCreatedCase, product, screenSessionRequested, phoneCountryCode, phoneAreaCodePrefixLineNumber, } = useCaseSelector((state) => ({
         entitlementSla: state.caseDetails.entitlementSla,
         severity: state.caseDetails.severity,
         caseType: state.caseDetails.caseType,
@@ -36,11 +37,16 @@ export default function SubmitCase(props) {
         isCreatingCase: state.isCreatingCase,
         caseCreationError: state.caseCreationError,
         caseCreationErrorMessage: state.caseCreationErrorMessage,
+        caseCreationErrorCode: state.caseCreationErrorCode,
+        caseCreation500ErrorStatus: state.caseCreation500ErrorStatus,
         selectedAccountDetails: state.selectedAccountDetails,
         caseNoOfCreatedCase: state.caseNoOfCreatedCase,
         product: state.caseDetails.product,
         screenSessionRequested: state.caseDetails.screenSessionRequested,
+        phoneCountryCode: state.caseDetails.phoneCountryCode,
+        phoneAreaCodePrefixLineNumber: state.caseDetails.phoneAreaCodePrefixLineNumber,
     }), isEqual);
+    const caseDispatch = useCaseDispatch();
     const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
     const { topContentState: { topContent }, } = useContext(TCStateContext);
     const { rulesState } = useContext(RulesStateContext);
@@ -57,14 +63,14 @@ export default function SubmitCase(props) {
     };
     const getResponseTimeMessage = (sla, severity) => {
         const irt = getIrtForSLAAndSeverity(sla, severity);
-        const ort = getOrtForSLAAndSeverity(sla, severity);
-        const finalORT = ort.replace(' or as agreed', '');
+        //const ort = getOrtForSLAAndSeverity(sla, severity);
+        //const finalORT = ort.replace(' or as agreed', '');
         // when on product version detail doNotShowIRT is true, we don't show Initial Response Time info
         const versionDetail = (versionsDetails === null || versionsDetails === void 0 ? void 0 : versionsDetails.data) && find(versionsDetails.data, (vDetail) => vDetail.name === version);
         return isEmpty(irt || (versionDetail === null || versionDetail === void 0 ? void 0 : versionDetail.doNotShowIRT)) ? (React.createElement(React.Fragment, null)) : (React.createElement(Trans, null,
-            "Our response time is ",
-            React.createElement("strong", null, finalORT),
-            ", or as in your"));
+            "Our initial response time is ",
+            React.createElement("strong", null, irt),
+            ", or the time specified in your"));
     };
     useEffect(() => {
         getBusinessHours.request(loggedInUser.data.normalizedTZ);
@@ -76,6 +82,7 @@ export default function SubmitCase(props) {
     const onRemoteRiderClose = () => {
         setIsRemoteRiderBannerVisible(false);
     };
+    // conditions to show Remote Rider banner
     const showRemoteRiderBanner = isRemoteRiderBannerVisible &&
         !loggedInUser.data.isInternal &&
         showRemoteRiderTermsInline &&
@@ -83,30 +90,101 @@ export default function SubmitCase(props) {
     const isNotAnIdea = caseType !== PreviousCaseTypes.FEATURE_ENHANCEMENT;
     // 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);
+    const queryParams = getUrlParsedParams(useLocation().search);
+    const errorCode = queryParams === null || queryParams === void 0 ? void 0 : queryParams.caseCreationErrorCode; // to get errorCode from URL param
+    //adding the caseNumber in url to access it after refresh
+    useEffect(() => {
+        if (caseNoOfCreatedCase) {
+            const newParams = {
+                caseNumber: caseNoOfCreatedCase,
+            };
+            RouteUtils.updateQueryParams(props.routeProps, newParams);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [caseNoOfCreatedCase]);
+    // to handle API error code from URL param and set error message alert
+    useEffect(() => {
+        if (isEqual(queryParams === null || queryParams === void 0 ? void 0 : queryParams.caseCreationErrorCode, '403') &&
+            !isCreatingCase &&
+            !caseCreationError &&
+            isEmpty(caseNoOfCreatedCase)) {
+            const errorMessage = (React.createElement("p", null,
+                "Unable to create case Contact is set to not manage cases.",
+                React.createElement("br", null),
+                "Please ",
+                React.createElement("a", { href: "/support/contact/customerService" }, "contact Customer Service"),
+                " if you think this is an error."));
+            const error = {
+                code: errorCode,
+                message: errorMessage,
+            };
+            formattedApiErrorMessage(error, { errorCode: { message: errorMessage } });
+            setCaseState(caseDispatch, {
+                caseCreationErrorMessage: error.message,
+            });
+        }
+        else if (caseCreation500ErrorStatus &&
+            !isCreatingCase &&
+            !caseCreationError &&
+            isEmpty(caseNoOfCreatedCase)) {
+            const errorMessageCaseSubmit500 = (React.createElement(Trans, null,
+                React.createElement("p", null,
+                    "Try submitting again after a minute. Please ",
+                    React.createElement(SupportFeedbackForm, { isInline: true }),
+                    " if you continue to see this message.")));
+            const error = {
+                code: 500,
+                message: errorMessageCaseSubmit500,
+            };
+            formattedApiErrorMessage(error, { '500': { message: errorMessageCaseSubmit500 } });
+            setCaseState(caseDispatch, {
+                caseCreationErrorMessage: error.message,
+            });
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [queryParams]);
+    // to update URL params with API error code in case of unsuccessful case submission
+    useEffect(() => {
+        if (caseCreationErrorCode) {
+            RouteUtils.updateQueryParams(props.routeProps, { caseCreationErrorCode: caseCreationErrorCode });
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [caseCreationErrorCode]);
+    // on page refresh if case number exists redirect user to the case
+    useEffect(() => {
+        const caseNumber = queryParams === null || queryParams === void 0 ? void 0 : queryParams.caseNumber;
+        if (caseNumber) {
+            const navigationObj = { pathname: `/case/${caseNumber}`, search: '' };
+            props.routeProps.history.push(navigationObj);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
     return (React.createElement("article", { className: "gird-main" },
-        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(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(React.Fragment, null, caseCreationErrorMessage)),
-        !isCreatingCase && !caseCreationError && (React.createElement(React.Fragment, null,
+        !isCreatingCase && !caseCreationError && !isEmpty(caseNoOfCreatedCase) && (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-u-mb-sm" }, !isEmpty(RouteUtils.seBasePath) &&
+                React.createElement("p", { className: "kicker kicker-sm pf-v5-u-mb-sm" }, !isEmpty(RouteUtils.seBasePath) &&
                     !isUploadingAttachment(attachmentState.caseFiles.selectedLocalFiles) ? (React.createElement(React.Fragment, null,
-                    React.createElement("div", { className: "submit-page-title pf-u-mb-lg" },
-                        React.createElement(CheckCircleIcon, { className: "submit-case-check-icon", size: "lg" }),
+                    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(Text, { className: "pf-u-ml-md pf-u-mb-0", component: TextVariants.h1 },
+                        React.createElement(Text, { role: "alert", className: "pf-v5-u-mb-0", component: TextVariants.h1 },
                             React.createElement(Trans, null, "We've added your case to our queue"))),
-                    React.createElement("div", { className: "pf-u-mt-sm" },
+                    React.createElement("div", { className: "pf-v5-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(CheckCircleIcon, { className: "submit-case-check-icon", size: "lg" }),
+                        React.createElement(Icon, { size: "lg", className: "submit-case-check-icon" },
+                            React.createElement(CheckCircleIcon, null)),
                         ' ',
-                        React.createElement(Text, { component: TextVariants.h1 },
+                        React.createElement(Text, { role: "alert", component: TextVariants.h1 },
                             React.createElement(Trans, null, "We\u2019ve added your case to our queue"))),
                     React.createElement(React.Fragment, null,
                         React.createElement(Trans, null, "Case number: "),
@@ -118,31 +196,42 @@ export default function SubmitCase(props) {
                         !versionsDetails.isFetching &&
                         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-u-mt-lg pf-u-mb-sm" },
-                    React.createElement("p", { className: "contact-info-title pf-u-mb-sm" },
+                        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(Trans, null, "Is this contact information correct?")),
-                    React.createElement("p", { className: "pf-u-font-size-sm" },
+                    React.createElement("p", { className: "pf-v5-u-font-size-sm" },
                         React.createElement("strong", null,
                             React.createElement(Trans, null, "Email:")),
                         ' ',
-                        userEmail)),
+                        userEmail,
+                        React.createElement("br", null),
+                        React.createElement("strong", null,
+                            React.createElement(Trans, null, "Phone Number:")),
+                        ' ',
+                        phoneCountryCode,
+                        " ",
+                        phoneAreaCodePrefixLineNumber)),
                 React.createElement("div", null,
                     React.createElement(ActionList, null,
                         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" }, "Update info")),
+                            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-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")))))),
+                                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(Trans, null, "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-u-mt-2xl pf-u-font-weight-light", component: TextVariants.h2 },
+                    !isIdea && (React.createElement(Text, { className: "pf-v5-u-mt-2xl pf-v5-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-u-mt-lg' : '' },
+                    React.createElement("div", { className: isIdea ? 'pf-v5-u-mt-lg' : '' },
                         React.createElement(InsightsResults, { isDisplayOnMain: true })),
                     React.createElement(ClusterRecommendations, { showClusterRecommendationsModal: false }))),
-                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 })))))))));
+                React.createElement("div", { className: "pf-v5-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/Suggestions.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 interface IProps {
     showTitleDescription?: boolean;
     showMax?: number;
     title?: string;
 }
-export default function Suggestions(props: IProps): JSX.Element;
+export default function Suggestions(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=Suggestions.d.ts.map

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":"AAgBA,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,eAsGhD"}
+{"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"}