@rh-support/troubleshoot 2.2.172 → 2.2.173

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

@@ -1 +1 @@
-{"version":3,"file":"CaseDetailsAside.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsAside.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAYvE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAMD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAkX7C"}
+{"version":3,"file":"CaseDetailsAside.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsAside.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAYvE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAMD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAmX7C"}

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

@@ -135,6 +135,7 @@ export function CaseDetailsAside(props) {
     const onDefaultCheckboxChange = (e) => __awaiter(this, void 0, void 0, function* () {
         try {
             if (viewAsInternalPref !== undefined) {
+                // @ts-ignore
                 yield updateOriginalCaseView(+!viewAsInternalPref);
                 setIsDefaultBoxChecked(!isDefaultBoxChecked);
             }

package/lib/esm/components/CaseEditView/CaseOverview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/index.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAkD,MAAM,OAAO,CAAC;AA6BvE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,qBA8fjD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/index.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAkD,MAAM,OAAO,CAAC;AA4BvE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,qBA6fjD"}

package/lib/esm/components/CaseEditView/CaseOverview/index.js

@@ -28,7 +28,6 @@ import { ReopenCaseModal } from '../ConfirmationModals/ReopenCaseModal';
 import { PDFContext } from '../PDFContainer';
 import { CaseInformation } from '../Tabs/CaseDetails/CaseInformation';
 import { CaseContactPhoneNumberAlert } from '../Tabs/CaseDetails/CasePhoneNumberConfirmAlert';
-import { CasePhoneNumberSev1ConfirmAlert } from '../Tabs/CaseDetails/CasePhoneNumberSev1ConfirmAlert';
 import Summary from '../Tabs/CaseDetails/Summary';
 import CaseOwnerInfo from './CaseOwnerInfo';
 import CaseStatus from './CaseStatus';
@@ -240,7 +239,6 @@ export default function CaseOverview(props) {
                             React.createElement("p", { className: "pf-v5-u-mb-sm" },
                                 React.createElement(Trans, null, "The customer has received two warnings regarding inactivity. This case will be closed soon if we don't receive any input."))) })))),
                 React.createElement(CaseContactPhoneNumberAlert, { isReview: true, tabRef: props.tabsRef }),
-                React.createElement(CasePhoneNumberSev1ConfirmAlert, { isReview: true, tabRef: props.tabsRef }),
                 React.createElement("header", null,
                     React.createElement("h2", { className: "case-ID" },
                         React.createElement(Trans, null, "Case"),

package/lib/esm/components/CaseEditView/ShareCase/PartnerCaseHelper.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RouteComponentProps } from 'react-router';
+import { RouteComponentProps } from 'react-router-dom';
 interface IProps {
     routeProps: RouteComponentProps;
     caseNumber: string;

package/lib/esm/components/CaseEditView/ShareCase/PartnerCaseHelper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PartnerCaseHelper.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ShareCase/PartnerCaseHelper.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAe,MAAM,cAAc,CAAC;AAIhE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,qBAAqB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CACxE;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,qBAsB9C"}
+{"version":3,"file":"PartnerCaseHelper.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ShareCase/PartnerCaseHelper.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAe,MAAM,kBAAkB,CAAC;AAIpE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,qBAAqB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CACxE;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,qBAsB9C"}

package/lib/esm/components/CaseEditView/ShareCase/PartnerCaseHelper.js

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { getTnCHost, getUrlParsedParams } from '@rh-support/utils';
 import React, { useEffect, useState } from 'react';
-import { useLocation } from 'react-router';
+import { useLocation } from 'react-router-dom';
 import { handleTnCQueryParams } from './TnC';
 export function PartnerCaseHelper(props) {
     var _a, _b;

package/lib/esm/components/CaseEditView/ShareCase/TnC.d.ts

@@ -1,4 +1,4 @@
-import { RouteComponentProps } from 'react-router';
+import { RouteComponentProps } from 'react-router-dom';
 export declare function getTnCUrl(accountNumber: any): string;
 export declare const handleTnCQueryParams: (caseNumber: string, routeProps: RouteComponentProps) => Promise<void>;
 //# sourceMappingURL=TnC.d.ts.map

package/lib/esm/components/CaseEditView/ShareCase/TnC.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TnC.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ShareCase/TnC.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,wBAAgB,SAAS,CAAC,aAAa,KAAA,UAQtC;AAMD,eAAO,MAAM,oBAAoB,eAAsB,MAAM,cAAc,mBAAmB,kBAc7F,CAAC"}
+{"version":3,"file":"TnC.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ShareCase/TnC.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD,wBAAgB,SAAS,CAAC,aAAa,KAAA,UAQtC;AAMD,eAAO,MAAM,oBAAoB,eAAsB,MAAM,cAAc,mBAAmB,kBAc7F,CAAC"}

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseDetailsManagement.d.ts

@@ -1,6 +1,6 @@
 import { IDClassNameProps } from '@rh-support/types/shared';
 import React from 'react';
-import { RouteComponentProps } from 'react-router';
+import { RouteComponentProps } from 'react-router-dom';
 interface IProps extends IDClassNameProps {
     caseNumber: string;
     routeProps: RouteComponentProps;

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseDetailsManagement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseDetailsManagement.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseDetailsManagement.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAmBnD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,mBAAmB,CAAC;IAChC,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CAClD;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,KAAK,EAAE,MAAM,qBAiE1D"}
+{"version":3,"file":"CaseDetailsManagement.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseDetailsManagement.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAkBvD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,mBAAmB,CAAC;IAChC,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CAClD;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,KAAK,EAAE,MAAM,qBAgE1D"}

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseDetailsManagement.js

@@ -14,7 +14,6 @@ import { ShareWithPartner } from '../../ShareCase/PartnerShare';
 import { CaseContactPhoneNumber } from './CaseContactPhoneNumber';
 import CaseInternalStatus from './CaseInternalStatus';
 import { CaseContactPhoneNumberAlert } from './CasePhoneNumberConfirmAlert';
-import { CasePhoneNumberSev1ConfirmAlert } from './CasePhoneNumberSev1ConfirmAlert';
 import CaseReferenceNumber from './CaseReferenceNumber';
 import CaseSbrGroups from './CaseSbrGroups';
 import SFDCUrl from './SFDCUrl';
@@ -40,7 +39,6 @@ export default function CaseDetailsManagement(props) {
                     React.createElement(FlexItem, { flex: { default: 'flex_1' } },
                         React.createElement(CaseContactPhoneNumber, null))),
                 React.createElement(CaseContactPhoneNumberAlert, { isConfirm: true }),
-                React.createElement(CasePhoneNumberSev1ConfirmAlert, { isConfirm: true }),
                 canSeeInternalStatus && React.createElement(CaseInternalStatus, null),
                 canSeeSBRGroups && React.createElement(CaseSbrGroups, null),
                 React.createElement(CaseGroup, null),

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CasePhoneNumberConfirmAlert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CasePhoneNumberConfirmAlert.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CasePhoneNumberConfirmAlert.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAUpD,UAAU,MAAM;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,qBAuGxD"}
+{"version":3,"file":"CasePhoneNumberConfirmAlert.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CasePhoneNumberConfirmAlert.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA+B,MAAM,OAAO,CAAC;AASpD,UAAU,MAAM;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,qBAsIxD"}

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CasePhoneNumberConfirmAlert.js

@@ -23,12 +23,14 @@ import { PDFContext } from '../../PDFContainer';
 export function CaseContactPhoneNumberAlert(props) {
     const { globalMetadataState: { loggedInUser }, } = useContext(GlobalMetadataStateContext);
     const [isCaseUpdating, setCasUpdating] = useState(false);
-    const { caseNumber, suppliedPhoneNumberVerified, contactSSOName, isCaseOwnerUpdating, severity } = useCaseSelector((state) => ({
+    const [closeConfirmAlert, setCloseConfirmAlert] = useState(false);
+    const { caseNumber, suppliedPhoneNumberVerified, contactSSOName, isCaseOwnerUpdating, phoneCountryCode, phoneAreaCodePrefixLineNumber, } = useCaseSelector((state) => ({
         caseNumber: state.caseDetails.caseNumber,
         suppliedPhoneNumberVerified: state.caseDetails.suppliedPhoneNumberVerified,
         contactSSOName: state.caseDetails.contactSSOName,
         isCaseOwnerUpdating: state.isCaseOwnerUpdating,
-        severity: state.caseDetails.severity,
+        phoneCountryCode: state.caseDetails.phoneCountryCode,
+        phoneAreaCodePrefixLineNumber: state.caseDetails.phoneAreaCodePrefixLineNumber,
     }), isEqual);
     const { t } = useTranslation();
     const caseDispatch = useCaseDispatch();
@@ -51,21 +53,25 @@ export function CaseContactPhoneNumberAlert(props) {
     };
     const isPhoneNeedsReview = !isEmpty(contactSSOName) &&
         contactSSOName === loggedInUser.data.ssoUsername &&
-        suppliedPhoneNumberVerified === 'Deferred' &&
-        !isCaseOwnerUpdating &&
-        severity !== "1 (Urgent)" /* SeverityLevelsInternal.SEV_1 */; // we show another alert when sev is 1
-    const NEW_OWNER_MSG = t('Please confirm the phone number we have on file is correct.');
+        suppliedPhoneNumberVerified !== 'True' &&
+        !isCaseOwnerUpdating;
+    const phone = phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber;
+    const confirmationMessage = `${t('Is this phone number correct,')} ${phone} ?`;
     if (!isPhoneNeedsReview)
         return React.createElement(React.Fragment, null);
-    return (React.createElement(React.Fragment, null, props.isReview && !isExportingPDF ? (React.createElement(Alert, { className: "pf-v5-u-mb-md phone-review-banner", isInline: true, variant: AlertVariant.warning, title: t('Review phone number'), component: "p", actionLinks: [
-            React.createElement(Link, { replace: true, to: {
+    return (React.createElement(React.Fragment, null, props.isReview && !closeConfirmAlert && !isExportingPDF ? (React.createElement(Alert, { className: "pf-v5-u-mb-md phone-review-banner", isInline: true, variant: AlertVariant.warning, title: t('Review phone number'), component: "p", actionLinks: [
+            React.createElement(Button, { key: "case-contact-phone-number-review-confirm", variant: ButtonVariant.link, isInline: true, onClick: () => onCaseDetailsChange({ suppliedPhoneNumberVerified: 'True' }), "data-tracking-id": "case-contact-phone-number-review-confirm", isLoading: isCaseUpdating, isDisabled: isCaseUpdating },
+                React.createElement(Trans, null, "Yes, confirm phone number")),
+            React.createElement(Link, { key: "case-contact-phone-number-review", replace: true, to: {
                     pathname: `/case/${caseNumber}/management`,
                 }, onClick: () => goToPhoneField(), "data-tracking-id": "case-contact-phone-number-review" },
-                React.createElement(Trans, null, "Review phone number")),
+                React.createElement(Trans, null, "No, update phone number")),
+            React.createElement(Button, { key: "case-contact-phone-number-alert-close", variant: ButtonVariant.link, onClick: () => setCloseConfirmAlert(!closeConfirmAlert), "data-tracking-id": "case-contact-phone-number-alert-close", isDisabled: isCaseUpdating },
+                React.createElement(Trans, null, "Close")),
         ] },
-        React.createElement(Trans, null, NEW_OWNER_MSG))) : props.isConfirm && !isExportingPDF ? (React.createElement(Alert, { isInline: true, className: "pf-v5-u-mb-md phone-review-banner", variant: AlertVariant.warning, title: t('Review phone number'), component: "p", actionLinks: [
+        React.createElement(Trans, null, confirmationMessage))) : props.isConfirm && !isExportingPDF ? (React.createElement(Alert, { isInline: true, className: "pf-v5-u-mb-md phone-review-banner", variant: AlertVariant.warning, title: t('Review phone number'), component: "p", actionLinks: [
             React.createElement(Button, { variant: ButtonVariant.link, isInline: true, onClick: () => onCaseDetailsChange({ suppliedPhoneNumberVerified: 'True' }), "data-tracking-id": "case-contact-phone-number-confirm", isLoading: isCaseUpdating, isDisabled: isCaseUpdating },
                 React.createElement(Trans, null, "Confirm phone number")),
         ] },
-        React.createElement(Trans, null, NEW_OWNER_MSG))) : (React.createElement(React.Fragment, null))));
+        React.createElement(Trans, null, confirmationMessage))) : (React.createElement(React.Fragment, null))));
 }

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/CaseComments.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseComments.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseComments.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AA8BvE,OAAO,KAAkD,MAAM,OAAO,CAAC;AAQvE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAClF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,kBAAkB,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAChH;AAED,QAAA,MAAM,YAAY,4EAiVhB,CAAC;AAEH,eAAe,YAAY,CAAC"}
+{"version":3,"file":"CaseComments.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseComments.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AA8BvE,OAAO,KAAkD,MAAM,OAAO,CAAC;AAQvE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAClF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,kBAAkB,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAChH;AAED,QAAA,MAAM,YAAY,4EAkVhB,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/CaseComments.js

@@ -137,7 +137,9 @@ const CaseComments = React.forwardRef((props, ref) => {
         return { __html: DOMPurify.sanitize(text) };
     };
     const commentMarkdown = (markdown) => {
-        const htmlString = parseCommentMarkdown(markdown, { showButtonForAttachmentLink: true, disableImagePreview: isExportingPDF }, { openLinksInNewTab: true, gfm: true, breaks: true });
+        const htmlString = parseCommentMarkdown(markdown, { showButtonForAttachmentLink: true, disableImagePreview: isExportingPDF }, 
+        // @ts-ignore
+        { openLinksInNewTab: true, gfm: true, breaks: true });
         return { __html: DOMPurify.sanitize(htmlString) };
     };
     const onCommentAreaClick = (e) => {

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/CaseDiscussion.js

@@ -21,7 +21,7 @@ import isEqual from 'lodash/isEqual';
 import Mark from 'mark.js';
 import React, { useContext, useEffect, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import { useLocation } from 'react-router';
+import { useLocation } from 'react-router-dom';
 import { AutoSizer, CellMeasurer, CellMeasurerCache, List, WindowScroller } from 'react-virtualized';
 import { useCaseDispatch, useCaseSelector } from '../../../../context/CaseContext';
 import { useCaseDetailsPageStateContext } from '../../../../context/CaseDetailsPageContext';

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/PostComment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PostComment.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/PostComment.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAQ7F,OAAO,EAAkB,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAsB5F,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,WAAW,EAAE,CAAC;CACjC;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,qBAwiBxC"}
+{"version":3,"file":"PostComment.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/PostComment.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAQ7F,OAAO,EAAkB,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAsB5F,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,WAAW,EAAE,CAAC;CACjC;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,qBAyiBxC"}

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/PostComment.js

@@ -62,6 +62,7 @@ export function PostComment(props) {
             const retrievedComment = yield getCommentTypeFromPreference();
             const retrievedCommentSignature = yield getCommentSignature();
             const defaultCommentType = retrievedComment ? retrievedComment : EditorMode.PLAIN;
+            // @ts-ignore
             setCommentType(defaultCommentType);
             const defaultCommentSignature = retrievedCommentSignature || '';
             setCommentSignature(defaultCommentSignature);

package/lib/esm/components/CaseInformation/OpenCaseIssue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OpenCaseIssue.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/OpenCaseIssue.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAS/D,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,OAAO,CAAC;CAC5B;AASD,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,qBA8InC;kBA9IQ,aAAa;;;AAiJtB,eAAe,aAAa,CAAC"}
+{"version":3,"file":"OpenCaseIssue.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/OpenCaseIssue.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAS/D,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,OAAO,CAAC;CAC5B;AASD,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,qBA6InC;kBA7IQ,aAAa;;;AAgJtB,eAAe,aAAa,CAAC"}

package/lib/esm/components/CaseInformation/OpenCaseIssue.js

@@ -82,7 +82,7 @@ function OpenCaseIssue(props) {
                 " "), allowInlineEdit: props.inlineEditable, hideSaveCancel: !!props.hideSaveCancel, initialIsEditing: !!props.initialIsEditing, saveOnBlur: true, collapseOnBlur: !!props.collapseOnBlur && !isSummaryEmpty, content: summary },
             React.createElement(TextInput, { id: isIdea() ? 'get-support-title' : 'get-support-summary', className: `form-control ${getTitleSummaryInvalid() ? ' form-invalid' : ''} ${isEmpty(version) ? 'issue-title-disabled' : ''}`, validated: summary && (summary === null || summary === void 0 ? void 0 : summary.length) > TITLE_SUMMARY_LENGTH_LIMIT ? 'error' : 'default', "aria-invalid": getTitleSummaryInvalid(), "aria-required": !!props.required, required: !!props.required, name: isIdea() ? 'get-support-title' : 'get-support-summary', placeholder: isIdea()
                     ? t('i18nkeySummarizeIdea', "Summarize what you're experiencing today")
-                    : t('i18nkeySummarizeExperience', 'Create a heading that summarizes your issue'), value: summary, onChange: onSummaryChange, onBlur: onSummaryBlur, autoFocus: !!props.autoFocus, "data-tracking-id": isIdea() ? 'get-support-title' : 'get-support-summary', rows: 1, "aria-disabled": isEmpty(version), isDisabled: isEmpty(version) }),
+                    : t('i18nkeySummarizeExperience', 'Create a heading that summarizes your issue'), value: summary, onChange: onSummaryChange, onBlur: onSummaryBlur, autoFocus: !!props.autoFocus, "data-tracking-id": isIdea() ? 'get-support-title' : 'get-support-summary', "aria-disabled": isEmpty(version), isDisabled: isEmpty(version) }),
             React.createElement(React.Fragment, null, hasLargeTitleSummary && (React.createElement("div", null,
                 React.createElement("p", { className: "form-instructions form-invalid pf-v5-u-danger-color-100 title-summary-error" }, t(`This title exceeds ${TITLE_SUMMARY_LENGTH_LIMIT} characters. Try shortening it.`))))),
             React.createElement(Description, { isSummarizeInvalid: getIssueSummaryInvalid() }),

package/lib/esm/components/CaseManagement/OpenShiftClusterId.js

@@ -14,7 +14,7 @@ import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useState } from 'react';
 import { Trans } from 'react-i18next';
-import { useLocation } from 'react-router';
+import { useLocation } from 'react-router-dom';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { ClusterRecommendationsContext, ClusterRecommendationsDispatchContext, } from '../../context/ClusterRecommendationsContext';
 import { RouteContext } from '../../context/RouteContext';

package/lib/esm/components/CaseManagement/OpenshiftDropdownV4.js

@@ -161,7 +161,7 @@ function OpenshiftDropdownV4(props) {
             return {};
         }
     });
-    const fetchAccountClusters = (search = '', page = 0) => __awaiter(this, void 0, void 0, function* () {
+    const fetchAccountClusters = (search = '', page = 1) => __awaiter(this, void 0, void 0, function* () {
         search = search.trim();
         setIsFetchingClusters(true);
         try {
@@ -213,7 +213,7 @@ function OpenshiftDropdownV4(props) {
         catch (e) {
             // silently fails
             setIsFetchingClusters(false);
-            return { items: [], totalResult: 0, page: 0, total: 0 };
+            return { items: [], totalResult: 0, page: 1, total: 0 };
         }
     });
     // when user visits case detail or clusterId comes from url,

package/lib/esm/components/ProductSelector/AllProductsSelector.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RouteComponentProps } from 'react-router';
+import { RouteComponentProps } from 'react-router-dom';
 import { IRouteUrlParams } from '../../reducers/RouteConstNTypes';
 interface IProps {
     setIsDropdownSelected?: (flag: boolean) => void;

package/lib/esm/components/ProductSelector/AllProductsSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AllProductsSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/AllProductsSelector.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAKnD,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAMrF,UAAU,MAAM;IACZ,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AAQD;;;;;;;GAOG;AACH,QAAA,MAAM,mBAAmB,4EAsIvB,CAAC;AAGH,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"AllProductsSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/AllProductsSelector.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAMrF,UAAU,MAAM;IACZ,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AAQD;;;;;;;GAOG;AACH,QAAA,MAAM,mBAAmB,4EAuIvB,CAAC;AAGH,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/lib/esm/components/ProductSelector/AllProductsSelector.js

@@ -1,5 +1,5 @@
 import { Modal, ModalVariant } from '@patternfly/react-core';
-import { AlertMessage, AlertType, LoadingIndicator } from '@rh-support/components';
+import { AlertMessage, AlertType } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import filter from 'lodash/filter';
 import find from 'lodash/find';
@@ -79,13 +79,12 @@ const AllProductsSelector = forwardRef((props, ref) => {
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: "form-group product-selector-wrapper" },
             React.createElement("div", { className: "all-product-selector-dropdown" },
-                React.createElement(ProductVersionDropdownSelector, { isLoading: allProducts.isFetching, products: props.checkEntitledProduct ? entitledProducts : allProducts.data.productsResult, onProductChange: onProductChange, onVersionChange: onVersionChange, ref: ref, isOnSummaryPage: props.isOnSummaryPage }))),
+                React.createElement(ProductVersionDropdownSelector, { isLoading: allProducts.isFetching, products: props.checkEntitledProduct ? entitledProducts : allProducts.data.productsResult, onProductChange: onProductChange, onVersionChange: onVersionChange, ref: ref, isOnSummaryPage: props.isOnSummaryPage, loadTCOnChange: props.loadTCOnChange, isFetching: topContent.isFetching }))),
         React.createElement("div", { className: "case-details-summary" },
             React.createElement(OpenCaseIssue, { inlineEditable: false, required: true, isOnSummaryPage: props.isOnSummaryPage })),
         React.createElement(AlertMessage, { isInline: true, variant: AlertType.DANGER, className: "pf-v5-u-mt-lg", title: t(`${loggedInUserRights.data.isSSOUsernameSameAsLoggedInUser(contactSSOName)
                 ? 'You are'
                 : 'Selected owner is'} not allowed to create case on this product.`), show: !allProducts.isFetching && props.checkEntitledProduct && !isEntitledProduct && !isEmpty(product) }),
-        React.createElement(LoadingIndicator, { show: topContent.isFetching && props.loadTCOnChange }),
         showModalButton &&
             !isEmpty(product) &&
             !isEmpty(version) &&

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RouteComponentProps } from 'react-router';
+import { RouteComponentProps } from 'react-router-dom';
 import { IRouteUrlParams } from '../../reducers/RouteConstNTypes';
 interface IProps {
     routeProps: RouteComponentProps<IRouteUrlParams>;

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

@@ -1 +1 @@
-{"version":3,"file":"ProductSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductSelector.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAInD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAMlE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACzE,gCAAgC,EAAE,OAAO,CAAC;IAC1C,aAAa,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAChE;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBAsFpD"}
+{"version":3,"file":"ProductSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductSelector.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAMlE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACzE,gCAAgC,EAAE,OAAO,CAAC;IAC1C,aAAa,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAChE;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBAsFpD"}

package/lib/esm/components/ProductSelector/ProductVersionDropdownSelector.d.ts

@@ -9,6 +9,8 @@ interface IProps extends IDClassNameProps {
     htmlForId?: string;
     isLoading?: boolean;
     isOnSummaryPage?: boolean;
+    loadTCOnChange?: boolean;
+    isFetching?: boolean;
 }
 declare const ProductVersionDropdownSelector: React.ForwardRefExoticComponent<IProps & React.RefAttributes<unknown>>;
 export { ProductVersionDropdownSelector };

package/lib/esm/components/ProductSelector/ProductVersionDropdownSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductVersionDropdownSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductVersionDropdownSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAiC,MAAM,OAAO,CAAC;AAOtD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;IAChC,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AAOD,QAAA,MAAM,8BAA8B,wEAoClC,CAAC;AAEH,OAAO,EAAE,8BAA8B,EAAE,CAAC"}
+{"version":3,"file":"ProductVersionDropdownSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductVersionDropdownSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAEpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAiC,MAAM,OAAO,CAAC;AAOtD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;IAChC,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAOD,QAAA,MAAM,8BAA8B,wEAuClC,CAAC;AAEH,OAAO,EAAE,8BAA8B,EAAE,CAAC"}

package/lib/esm/components/ProductSelector/ProductVersionDropdownSelector.js

@@ -1,3 +1,4 @@
+import { LoadingIndicator } from '@rh-support/components';
 import React, { forwardRef, useContext } from 'react';
 import { Trans } from 'react-i18next';
 import { RouteContext } from '../../context/RouteContext';
@@ -21,7 +22,9 @@ const ProductVersionDropdownSelector = forwardRef((props, ref) => {
                 React.createElement(Trans, null, "Version"),
                 ' ',
                 React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
-            React.createElement(NewProductVersionSelector, { onVersionChange: props.onVersionChange, isNextBtnClickedToShowValidationError: isNextBtnClickedToShowValidationError }))));
+            React.createElement("div", { className: "version-dropdown-wrapper" },
+                React.createElement(NewProductVersionSelector, { onVersionChange: props.onVersionChange, isNextBtnClickedToShowValidationError: isNextBtnClickedToShowValidationError }),
+                React.createElement(LoadingIndicator, { show: props.isFetching && props.loadTCOnChange })))));
 });
 ProductVersionDropdownSelector.defaultProps = defaultProps;
 export { ProductVersionDropdownSelector };

package/lib/esm/components/Recommendations/AsideResults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AsideResults.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/AsideResults.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AASvD,OAAO,EAAE,eAAe,EAAsC,MAAM,iCAAiC,CAAC;AAUtG,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,qBA0MzC"}
+{"version":3,"file":"AsideResults.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/AsideResults.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AASvD,OAAO,EAAE,eAAe,EAAsC,MAAM,iCAAiC,CAAC;AAUtG,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,qBA6LzC"}

package/lib/esm/components/Recommendations/AsideResults.js

@@ -9,7 +9,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { pcm, search } from '@cee-eng/hydrajs';
 import { useDebounce } from '@rh-support/components';
-import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import { computeRecommendationAbstract, computeRecommendationTitle, convertObjToEncodedQueryParams, getSolrParams, getTrimmedCharacters, PreviousCaseTypes, replaceHighlightingData, } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
@@ -30,7 +29,6 @@ export function AsideResults(props) {
     /*
      * Sidebar recommendation logic
      */
-    const { globalMetadataState: { loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
     const { isSelectedAccounntSecureSupport, product, version, caseResourceLinks, summary, issue, caseType } = useCaseSelector((state) => ({
         isSelectedAccounntSecureSupport: state.selectedAccountDetails.data.secureSupport,
         product: state.caseDetails.product,
@@ -74,13 +72,13 @@ export function AsideResults(props) {
                 const queryFilters = {
                     id: { values: recommendationState.insightsKcsIds, exclude: true },
                 };
-                const response = !loggedInUsersAccount.data.secureSupport
-                    ? yield search.getWatsonXRecommendationsForCase2(convertObjToEncodedQueryParams(Object.assign(Object.assign(Object.assign(Object.assign({ product: product, version: version }, ((payload === null || payload === void 0 ? void 0 : payload.summary) && {
-                        summary: getTrimmedCharacters(payload.summary, WATSONX_SUMMARY_LIMIT),
-                    })), ((payload === null || payload === void 0 ? void 0 : payload.description) && {
-                        description: getTrimmedCharacters(payload === null || payload === void 0 ? void 0 : payload.description, WATSONX_DESCRIPTION_LIMIT),
-                    })), { rerank: true }), getSolrParams(PAGE_SIZE, 129, queryFilters))), controllerRef.current.signal)
-                    : yield search.getRecommendationsForCase(payload, getSolrParams(PAGE_SIZE, 129, queryFilters), controllerRef.current.signal);
+                const payloadData = {
+                    product: product,
+                    version: version,
+                    summary: getTrimmedCharacters(payload.summary, WATSONX_SUMMARY_LIMIT),
+                    description: getTrimmedCharacters(payload.description, WATSONX_DESCRIPTION_LIMIT),
+                };
+                const response = yield search.getWatsonXRecommendationsForCase2(convertObjToEncodedQueryParams(Object.assign({ rerank: true }, getSolrParams(PAGE_SIZE, 129, queryFilters))), payloadData, controllerRef.current.signal);
                 const sideDocs = replaceHighlightingData(response.response.docs, response.highlighting);
                 recommendationDispatch({
                     type: RecommendationsConstants.receiveSidebarRecommendation,

package/lib/esm/components/Recommendations/EARules/EARuleWidget.js

@@ -37,5 +37,5 @@ export function EARuleWidget() {
     }, [validEARules, activeSessionId]);
     if (!isEARuleWidgetVisible || validEARules.length < 1)
         return null;
-    return !isEmpty(issue) && React.createElement(EARuleInfoInline, { eaRules: validEARules });
+    return React.createElement(EARuleInfoInline, { eaRules: validEARules });
 }

package/lib/esm/components/Recommendations/InsightsRuleInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InsightsRuleInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/InsightsRuleInfo.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAWvE,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAI7D,UAAU,MAAM;IACZ,GAAG,EAAE,wBAAwB,CAAC;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;CAChB;AAOD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,GAAG,CAAC;QACV,UAAU,iBAAiB;YACvB,SAAS,EAAE,GAAG,CAAC;SAClB;KACJ;CACJ;AAED,wBAAgB,gBAAgB,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,aAAa,EAAE,IAAI,EAAE,EAAE,MAAM,qBA6KhF"}
+{"version":3,"file":"InsightsRuleInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/InsightsRuleInfo.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAYvE,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAI7D,UAAU,MAAM;IACZ,GAAG,EAAE,wBAAwB,CAAC;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;CAChB;AAOD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,GAAG,CAAC;QACV,UAAU,iBAAiB;YACvB,SAAS,EAAE,GAAG,CAAC;SAClB;KACJ;CACJ;AAED,wBAAgB,gBAAgB,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,aAAa,EAAE,IAAI,EAAE,EAAE,MAAM,qBA6KhF"}

package/lib/esm/components/Recommendations/InsightsRuleInfo.js

@@ -2,7 +2,6 @@ import { pcm } from '@cee-eng/hydrajs';
 import { Accordion, AccordionContent, AccordionItem, AccordionToggle, Label, LabelGroup } from '@patternfly/react-core';
 import BullseyeIcon from '@patternfly/react-icons/dist/js/icons/bullseye-icon';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
-import { getRuleReasonHtml } from '@rh-support/utils';
 import DOMPurify from 'dompurify';
 import isEmpty from 'lodash/isEmpty';
 import React, { useContext, useEffect, useRef, useState } from 'react';
@@ -10,6 +9,7 @@ import { Trans } from 'react-i18next';
 import { SessionRestoreDispatchContext, SessionRestoreStateContext } from '../../context/SessionRestoreContext';
 import { useParseRuleMarkdown } from '../../hooks/useParseRuleMarkdown';
 import { createOrUpdateSessionResources, getSessResFromRec, getSessResFromRules, } from '../../reducers/SessionRestoreReducer';
+import { getRuleReasonHtml } from '../../utils/insightRuleInfoUtils';
 import { AttachmentStateContext } from '../shared/fileUpload/reducer/AttachmentReducerContext';
 const { SessionResourceSource, SessionResourceVisibility } = pcm.preCase.session;
 export function InsightsRuleInfo({ doc, showNewTag, duplicateKeys, rank }) {

package/lib/esm/components/Recommendations/RecommendationInfoBox.js

@@ -11,7 +11,7 @@ export const RecommendationInfoBox = () => {
                 React.createElement(AccordionContent, { isHidden: !isExpanded },
                     React.createElement("span", { className: "pf-v5-u-color-100" },
                         React.createElement(Trans, null, "To expedite your case, include these details: ")),
-                    React.createElement(List, { className: "pf-v5-u-ml-lg", style: { listStyleType: 'disc' } },
+                    React.createElement(List, { className: "pf-v5-u-ml-lg recommendation-box-tips", style: { listStyleType: 'disc' } },
                         React.createElement(ListItem, null,
                             React.createElement(Trans, null, "Problem")),
                         React.createElement(ListItem, null,

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RouteComponentProps } from 'react-router';
+import { RouteComponentProps } from 'react-router-dom';
 import { IRouteUrlParams } from '../../reducers/RouteConstNTypes';
 interface IProps {
     routeProps: RouteComponentProps<IRouteUrlParams>;

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

@@ -1 +1 @@
-{"version":3,"file":"Review.d.ts","sourceRoot":"","sources":["../../../../src/components/Review/Review.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAInD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAsBlE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AACD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,qBAsE3C"}
+{"version":3,"file":"Review.d.ts","sourceRoot":"","sources":["../../../../src/components/Review/Review.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAsBlE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AACD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,qBAsE3C"}

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

@@ -168,7 +168,7 @@ export default function SubmitCase(props) {
             React.createElement("div", { className: "submit-case-header-container" },
                 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-v5-u-mb-lg" },
+                    React.createElement("div", { role: "alert", 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)),
                         ' ',

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

@@ -1 +1 @@
-{"version":3,"file":"UpdateSeverityModal.d.ts","sourceRoot":"","sources":["../../../../src/components/UpdateSeverityModal/UpdateSeverityModal.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAA8D,MAAM,OAAO,CAAC;AAgBnF,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBA6iBxD"}
+{"version":3,"file":"UpdateSeverityModal.d.ts","sourceRoot":"","sources":["../../../../src/components/UpdateSeverityModal/UpdateSeverityModal.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAAmE,MAAM,OAAO,CAAC;AAgBxF,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAqkBxD"}

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

@@ -8,10 +8,10 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { publicApi } from '@cee-eng/hydrajs';
-import { Button, Modal, TextArea } from '@patternfly/react-core';
-import { Dropdown, ToastNotification, useFetch } from '@rh-support/components';
+import { Button, Dropdown, DropdownItem, DropdownList, Flex, FlexItem, MenuToggle, Modal, Spinner, TextArea, } from '@patternfly/react-core';
+import { ToastNotification, useFetch } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
-import { autoEnableFtsOnCaseViewEditPage, isFtsEditableOnEditPage, isSev1, PreviousCaseTypes, severitySort, showFtsOnCreateCasePage, toOption, toOptions, } from '@rh-support/utils';
+import { autoEnableFtsOnCaseViewEditPage, isFtsEditableOnEditPage, isSev1, PreviousCaseTypes, severitySort, showFtsOnCreateCasePage, } from '@rh-support/utils';
 import { isUndefined } from 'lodash';
 import find from 'lodash/find';
 import includes from 'lodash/includes';
@@ -74,6 +74,10 @@ export default function UpdateSeverityModal(props) {
     const [localFts, setLocalFts] = useState(isUndefined(fts) ? true : fts);
     const initialContactSameAsOwnerRef = useRef(ftsContactSameAsOwner !== null && ftsContactSameAsOwner !== void 0 ? ftsContactSameAsOwner : false);
     const isFtsEditable = isFtsEditableOnEditPage(entitlementSla, currentSeverity);
+    const [isOpen, setIsOpen] = useState(false);
+    const onToggleClick = () => {
+        setIsOpen(!isOpen);
+    };
     // To set the filtered severities from data
     const filteredSeverities = map(allCaseSeverities.data, (s) => {
         const sevItem = {
@@ -302,20 +306,21 @@ export default function UpdateSeverityModal(props) {
         React.createElement(Button, { key: "back", variant: "link", onClick: onCancel, "data-tracking-id": "update-severity-cancel", isDisabled: isCaseUpdating || isPostingComment }, t('Cancel')),
     ];
     // To handle the severity change
-    const onSeverityChange = (option) => {
+    const onSeverityChange = (event, option) => {
         if (canEditCase.alert())
             return;
-        if (isSev1(option.value.name) && isFtsEditableOnEditPage(entitlementSla, option.value.name)) {
+        if (isSev1(option.name) && isFtsEditableOnEditPage(entitlementSla, option.name)) {
             setLocalFts(true);
             setLocalFtsContact('');
-            setUpdatedCaseDetails((pre) => (Object.assign(Object.assign({}, pre), { severity: option.value.name, fts: !isIdea })));
+            setUpdatedCaseDetails((pre) => (Object.assign(Object.assign({}, pre), { severity: option.name, fts: !isIdea })));
         }
         else {
-            setUpdatedCaseDetails({ severity: option.value.name, fts: false });
+            setUpdatedCaseDetails({ severity: option.name, fts: false });
         }
-        setCurrentSeverity(option.value.name);
-        updateState(option.value.name);
+        setCurrentSeverity(option.name);
+        updateState(option.name);
         setIsSeverityInValidLocal(option);
+        setIsOpen(false);
     };
     // To set severity options
     useEffect(() => {
@@ -366,22 +371,19 @@ export default function UpdateSeverityModal(props) {
         return (React.createElement(React.Fragment, null,
             React.createElement("form", { "aria-label": t('form') },
                 React.createElement("div", { className: "form-group pf-v5-u-mt-xs" },
-                    React.createElement("div", null,
-                        React.createElement(Dropdown, { name: "get-support-severity-modal", placeholder: t(`Select a severity`), title: t(`Select a severity`), list: allCaseSeverities.data
-                                ? toOptions(filteredSeverities, {
-                                    labelKey: 'label',
-                                    additionalInfoKey: 'additionalInfo',
-                                    disabledKey: 'disabled',
-                                })
-                                : [], selectedItem: toOption(selectedSeverity, {
-                                labelKey: 'label',
-                                additionalInfoKey: 'additionalInfo',
-                                disabledKey: 'disabled',
-                            }), disabled: allCaseSeverities.isError ||
-                                isDisabled ||
-                                allCaseSeverities.isFetching ||
-                                ownersEntitlements.isFetching ||
-                                versionsDetails.isFetching, isLoadingList: isFetching || versionsDetails.isFetching, isInValid: allCaseSeverities.isError || isSeverityInValid, required: true, onChange: onSeverityChange, onOuterClick: setIsSeverityInValidLocal, "data-tracking-id": "get-support-severity-modal" })),
+                    React.createElement("div", { className: "get-support-severity-modal" },
+                        React.createElement(Dropdown, { id: "get-support-severity-modal", "data-tracking-id": "get-support-severity-modal", isOpen: isOpen, onSelect: onSeverityChange, onOpenChange: (isOpen) => setIsOpen(isOpen), toggle: (toggleRef) => (React.createElement(MenuToggle, { className: "get-support-severity-modal-text", ref: toggleRef, isFullWidth: true, onClick: onToggleClick, isExpanded: isOpen, status: allCaseSeverities.isError || isSeverityInValid ? 'danger' : undefined, isDisabled: allCaseSeverities.isError ||
+                                    isDisabled ||
+                                    allCaseSeverities.isFetching ||
+                                    ownersEntitlements.isFetching ||
+                                    versionsDetails.isFetching ||
+                                    isCaseUpdating },
+                                React.createElement(Flex, { justifyContent: { default: 'justifyContentSpaceBetween' } },
+                                    React.createElement(FlexItem, null, selectedSeverity.label || t(`Select a severity`)),
+                                    React.createElement(FlexItem, null, isFetching || versionsDetails.isFetching ? React.createElement(Spinner, { size: "md" }) : '')))), shouldFocusToggleOnSelect: true, isScrollable: true, popperProps: { direction: 'down', enableFlip: false } },
+                            React.createElement(DropdownList, null, allCaseSeverities.data
+                                ? filteredSeverities.map((option) => (React.createElement(DropdownItem, { value: option, key: option.name, description: option.additionalInfo }, option.label)))
+                                : []))),
                     React.createElement("div", null,
                         React.createElement("label", { htmlFor: "date-input", className: "pf-v5-u-mt-md" },
                             React.createElement(Trans, null, "Describe update"),

package/lib/esm/components/wizardLayout/WizardAside.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RouteComponentProps } from 'react-router';
+import { RouteComponentProps } from 'react-router-dom';
 import { IRouteUrlParams } from '../../reducers/RouteConstNTypes';
 interface IProps {
     routeProps: RouteComponentProps<IRouteUrlParams>;

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

@@ -1 +1 @@
-{"version":3,"file":"WizardAside.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardAside.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAInD,OAAO,EAGH,eAAe,EAKlB,MAAM,iCAAiC,CAAC;AASzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,2BAA2B,EAAE,OAAO,CAAC;CACxC;AAGD,iBAAS,WAAW,CAAC,KAAK,EAAE,MAAM,qBAsDjC;kBAtDQ,WAAW;;;AAwDpB,eAAe,WAAW,CAAC"}
+{"version":3,"file":"WizardAside.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardAside.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAGH,eAAe,EAKlB,MAAM,iCAAiC,CAAC;AASzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,2BAA2B,EAAE,OAAO,CAAC;CACxC;AAGD,iBAAS,WAAW,CAAC,KAAK,EAAE,MAAM,qBAsDjC;kBAtDQ,WAAW;;;AAwDpB,eAAe,WAAW,CAAC"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RouteComponentProps } from 'react-router';
+import { RouteComponentProps } from 'react-router-dom';
 import { IRouteUrlParams, ISectionConfiguration } from '../../reducers/RouteConstNTypes';
 interface IProps {
     routeProps: RouteComponentProps<IRouteUrlParams>;

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":"AAOA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAOnD,OAAO,EAAoB,eAAe,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAK3G,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,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,qBAwOtC;kBAxOQ,gBAAgB;;;AA0OzB,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"WizardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardNavigation.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAOvD,OAAO,EAAoB,eAAe,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAK3G,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,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,qBAwOtC;kBAxOQ,gBAAgB;;;AA0OzB,eAAe,gBAAgB,CAAC"}

package/lib/esm/css/app.css

@@ -129,11 +129,6 @@ input[type='checkbox'] {
     color: #333;
 }
 
-.form-instructions button {
-    font-weight: inherit;
-    font-size: inherit;
-}
-
 .dropdown-select {
     height: initial;
     border-color: #ededed;

package/lib/esm/css/productSelector.css

@@ -89,4 +89,9 @@
         -ms-flex-item-align: center;
         margin-left: auto;
     }
+
+    .version-dropdown-wrapper {
+        display: flex;
+        align-items: center;
+    }
 }

package/lib/esm/hooks/useParseRuleMarkdown.js

@@ -1,7 +1,7 @@
 import { markdownToHTML } from '@cee-eng/ui-toolkit';
-import { parseDotTemplate } from '@rh-support/utils';
 import { useContext } from 'react';
 import { SessionRestoreStateContext } from '../context/SessionRestoreContext';
+import { parseDotTemplate } from '../utils/insightRuleInfoUtils';
 import RouteUtils from '../utils/routeUtils';
 export const useParseRuleMarkdown = () => {
     const { sessionRestore: { activeSessionId, sessionResourceTracking }, } = useContext(SessionRestoreStateContext);

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

@@ -1 +1 @@
-{"version":3,"file":"RecommendationsReducer.d.ts","sourceRoot":"","sources":["../../../src/reducers/RecommendationsReducer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAoB,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACpH,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAiB,MAAM,0CAA0C,CAAC;AAC5G,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAIH,gCAAgC,EAEnC,MAAM,mBAAmB,CAAC;AAG3B,KAAK,WAAW,GAAG,OAAO,CAAC,wBAAwB,EAAE,qBAAqB,CAAC,CAAC;AAC5E,MAAM,MAAM,kCAAkC,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;AAE9E,MAAM,WAAW,qBAAqB;IAClC,wBAAwB,EAAE,OAAO,CAAC;IAClC,6BAA6B,EAAE,OAAO,CAAC;IACvC,YAAY,EAAE,YAAY,CAAC;IAC3B,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,WAAW,EAAE,mBAAmB,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,kBAAkB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC3C,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,uBAAuB,EAAE,uBAAuB,CAAC;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,2BAA2B,EAAE,qBAazC,CAAC;AAEF,oBAAY,wBAAwB;IAChC,sBAAsB,2BAA2B;IACjD,uBAAuB,4BAA4B;IACnD,4BAA4B,iCAAiC;IAC7D,cAAc,mBAAmB;IACjC,cAAc,mBAAmB;IACjC,4BAA4B,iCAAiC;IAC7D,4BAA4B,iCAAiC;IAC7D,sBAAsB,2BAA2B;IACjD,2BAA2B,gCAAgC;IAC3D,oBAAoB,yBAAyB;IAC7C,cAAc,mBAAmB;CACpC;AAGD,eAAO,MAAM,sBAAsB,UAAW,qBAAqB,0BAAwB,qBAmD1F,CAAC;AAGF,eAAO,MAAM,oBAAoB,aACnB,kCAAkC,QACtC,uBAAuB,YACnB,MAAM,aACL,MAAM,6BACU,MAAM,sCAErB,MAAM,0BACM,OAAO,sBACX,gCAAgC,gBACtC,WAAW,kBAsC5B,CAAC;AAEF,eAAO,MAAM,2BAA2B,aAC1B,kCAAkC,SACrC,mBAAmB,YAChB,MAAM,aACL,MAAM,6BACU,MAAM,+CAEb,gCAAgC,gBACtC,WAAW,kBAyC5B,CAAC;AAEF,eAAO,MAAM,cAAc,aAAc,kCAAkC,WAAW,mBAAmB,EAAE,SAE1G,CAAC;AAEF,eAAO,MAAM,cAAc,aAAc,kCAAkC,WAAW,MAAM,SAE3F,CAAC;AAEF,eAAO,MAAM,sBAAsB,aAAc,kCAAkC,kBAAkB,MAAM,EAAE,SAE5G,CAAC;AAEF,eAAO,MAAM,oBAAoB,aAAc,kCAAkC,SAEhF,CAAC"}
+{"version":3,"file":"RecommendationsReducer.d.ts","sourceRoot":"","sources":["../../../src/reducers/RecommendationsReducer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAoB,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACpH,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAiB,MAAM,0CAA0C,CAAC;AAC5G,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAIH,gCAAgC,EAEnC,MAAM,mBAAmB,CAAC;AAG3B,KAAK,WAAW,GAAG,OAAO,CAAC,wBAAwB,EAAE,qBAAqB,CAAC,CAAC;AAC5E,MAAM,MAAM,kCAAkC,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;AAE9E,MAAM,WAAW,qBAAqB;IAClC,wBAAwB,EAAE,OAAO,CAAC;IAClC,6BAA6B,EAAE,OAAO,CAAC;IACvC,YAAY,EAAE,YAAY,CAAC;IAC3B,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,WAAW,EAAE,mBAAmB,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,kBAAkB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC3C,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,uBAAuB,EAAE,uBAAuB,CAAC;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,2BAA2B,EAAE,qBAazC,CAAC;AAEF,oBAAY,wBAAwB;IAChC,sBAAsB,2BAA2B;IACjD,uBAAuB,4BAA4B;IACnD,4BAA4B,iCAAiC;IAC7D,cAAc,mBAAmB;IACjC,cAAc,mBAAmB;IACjC,4BAA4B,iCAAiC;IAC7D,4BAA4B,iCAAiC;IAC7D,sBAAsB,2BAA2B;IACjD,2BAA2B,gCAAgC;IAC3D,oBAAoB,yBAAyB;IAC7C,cAAc,mBAAmB;CACpC;AAGD,eAAO,MAAM,sBAAsB,UAAW,qBAAqB,0BAAwB,qBAmD1F,CAAC;AAGF,eAAO,MAAM,oBAAoB,aACnB,kCAAkC,QACtC,uBAAuB,YACnB,MAAM,aACL,MAAM,6BACU,MAAM,sCAErB,MAAM,0BACM,OAAO,sBACX,gCAAgC,gBACtC,WAAW,kBAsC5B,CAAC;AAEF,eAAO,MAAM,2BAA2B,aAC1B,kCAAkC,SACrC,mBAAmB,YAChB,MAAM,aACL,MAAM,6BACU,MAAM,+CAEb,gCAAgC,gBACtC,WAAW,kBAqC5B,CAAC;AAEF,eAAO,MAAM,cAAc,aAAc,kCAAkC,WAAW,mBAAmB,EAAE,SAE1G,CAAC;AAEF,eAAO,MAAM,cAAc,aAAc,kCAAkC,WAAW,MAAM,SAE3F,CAAC;AAEF,eAAO,MAAM,sBAAsB,aAAc,kCAAkC,kBAAkB,MAAM,EAAE,SAE5G,CAAC;AAEF,eAAO,MAAM,oBAAoB,aAAc,kCAAkC,SAEhF,CAAC"}

package/lib/esm/reducers/RecommendationsReducer.js

@@ -111,15 +111,13 @@ export const fetchWatsonXRecommendations = (dispatch, query, max_rows, page_size
         payload: { prevRecommendationsBody: Object.assign({}, query) },
     });
     try {
-        const watsonXQuery = Object.assign(Object.assign(Object.assign({ product: query === null || query === void 0 ? void 0 : query.product, version: query === null || query === void 0 ? void 0 : query.version }, ((query === null || query === void 0 ? void 0 : query.summary) && {
+        const bodyPayload = {
+            product: query === null || query === void 0 ? void 0 : query.product,
+            version: query === null || query === void 0 ? void 0 : query.version,
             summary: getTrimmedCharacters(query.summary, WATSONX_SUMMARY_LIMIT),
-        })), ((query === null || query === void 0 ? void 0 : query.description) && {
             description: getTrimmedCharacters(query.description, WATSONX_DESCRIPTION_LIMIT),
-        })), { rerank: true });
-        const paramsObj = Object.assign(Object.assign({}, watsonXQuery), getSolrParams(max_rows, highlighted_fragment_size, additionalFilters, seQueryFields));
-        const response = yield search.getWatsonXRecommendationsForCase2(
-        //@ts-ignore
-        convertObjToEncodedQueryParams(paramsObj), abortSignal);
+        };
+        const response = yield search.getWatsonXRecommendationsForCase2(convertObjToEncodedQueryParams(Object.assign({ rerank: true }, getSolrParams(max_rows, highlighted_fragment_size, additionalFilters, seQueryFields))), bodyPayload, abortSignal);
         const docs = replaceHighlightingData(response.response.docs, response.highlighting);
         dispatch({
             type: RecommendationsConstants.receivedRecommendations,

package/lib/esm/scss/_main.scss

@@ -416,7 +416,7 @@ div.support-grid-case-details.support-case {
 
                     &:hover,
                     &:focus {
-                        background-color: darken(#dedede, 5%);
+                        background-color: --pf-v5-global--palette--black-300;
                     }
                 }
             }
@@ -1008,7 +1008,8 @@ svg.pf-v5-u-ml-xs.icon-size {
     }
 }
 
-.case-internal-status-selector-text {
+.case-internal-status-selector-text,
+.get-support-severity-modal-text {
     .pf-v5-c-menu-toggle__text {
         width: 100%;
     }
@@ -1042,3 +1043,13 @@ svg.pf-v5-u-ml-xs.icon-size {
 .kt-question-help-icon {
     font-size: var(--pf-v5-global--icon--FontSize--md);
 }
+
+.recommendation-box-tips {
+    li {
+        margin-top: 0px !important;
+    }
+}
+
+#get-support-severity-modal {
+    max-width: min-content;
+}

package/lib/esm/scss/index.scss

@@ -1,9 +1,4 @@
 /* Troubleshoot
 ============================================ */
-
-#se-solution-engine {
-    font-size: inherit !important;
-}
-
 @import './pf-overrides';
 @import './main';

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

@@ -0,0 +1,4 @@
+import { Details } from '@cee-eng/hydrajs/@types/models/insights';
+export declare function getRuleReasonHtml(ruleReason: string, reportDetails: Details): string;
+export declare function parseDotTemplate(dotString: string, reportDetails: Details): string;
+//# sourceMappingURL=insightRuleInfoUtils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"insightRuleInfoUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/insightRuleInfoUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,yCAAyC,CAAC;AASlE,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,UAI3E;AAED,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,UASzE"}

package/lib/esm/utils/insightRuleInfoUtils.js

@@ -0,0 +1,23 @@
+import { markdownToHTML } from '@cee-eng/ui-toolkit';
+import doT from 'dot/doT';
+import assign from 'lodash/assign';
+doT.templateSettings = assign({}, doT.templateSettings, {
+    varname: 'pydata',
+    strip: false,
+});
+export function getRuleReasonHtml(ruleReason, reportDetails) {
+    const resultText = parseDotTemplate(ruleReason, reportDetails);
+    const html = markdownToHTML(resultText);
+    return html;
+}
+export function parseDotTemplate(dotString, reportDetails) {
+    let parsedDotString = '';
+    try {
+        const tempFn = doT.template(dotString);
+        parsedDotString = tempFn(reportDetails);
+    }
+    catch (e) {
+        parsedDotString = '';
+    }
+    return parsedDotString;
+}

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

@@ -1,5 +1,5 @@
 import { SessionResourceSource } from '@cee-eng/hydrajs/@types/api/pcm/troubleshootSession';
-import { RouteComponentProps } from 'react-router';
+import { RouteComponentProps } from 'react-router-dom';
 import { AppRouteSections, IRouteQueryParams, IRouteUrlParams } from '../reducers/RouteConstNTypes';
 export default class RouteUtils {
     static seBasePath: string;

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

@@ -1 +1 @@
-{"version":3,"file":"routeUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/routeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,qDAAqD,CAAC;AAG5F,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAEpG,MAAM,CAAC,OAAO,OAAO,UAAU;IAC3B,MAAM,CAAC,UAAU,SAAM;IAEvB;;;;;;;OAOG;IACH,MAAM,CAAC,cAAc,CACjB,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,EAChD,kBAAkB,GAAE,iBAAsB;IAe9C,MAAM,CAAC,cAAc,CACjB,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,EAChD,iBAAiB,UAAQ,EACzB,UAAU,GAAE,eAAoB,GACjC,MAAM;IAKT,MAAM,CAAC,iBAAiB,CAAC,YAAY,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,GAAG,gBAAgB;IAU1F,MAAM,CAAC,uBAAuB,CAC1B,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,EAChD,YAAY,EAAE,OAAO,EACrB,cAAc,EAAE,OAAO,EACvB,iBAAiB,EAAE,OAAO,EAC1B,cAAc,GAAE,iBAAsB;IAS1C,MAAM,CAAC,iBAAiB,CACpB,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,EAChD,UAAU,EAAE,MAAM,EAClB,iBAAiB,EAAE,OAAO,EAC1B,cAAc,GAAE,iBAAsB;IAS1C,MAAM,CAAC,iBAAiB,CACpB,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,EAChD,SAAS,EAAE,iBAAiB,EAC5B,cAAc,UAAQ;IAY1B,MAAM,CAAC,wBAAwB,CAC3B,WAAW,EAAE,MAAM,EACnB,kBAAkB,EAAE,MAAM,EAC1B,QAAQ,EAAE,qBAAqB,EAC/B,IAAI,SAAO;CAMlB"}
+{"version":3,"file":"routeUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/routeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,qDAAqD,CAAC;AAG5F,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAEpG,MAAM,CAAC,OAAO,OAAO,UAAU;IAC3B,MAAM,CAAC,UAAU,SAAM;IAEvB;;;;;;;OAOG;IACH,MAAM,CAAC,cAAc,CACjB,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,EAChD,kBAAkB,GAAE,iBAAsB;IAe9C,MAAM,CAAC,cAAc,CACjB,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,EAChD,iBAAiB,UAAQ,EACzB,UAAU,GAAE,eAAoB,GACjC,MAAM;IAKT,MAAM,CAAC,iBAAiB,CAAC,YAAY,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,GAAG,gBAAgB;IAU1F,MAAM,CAAC,uBAAuB,CAC1B,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,EAChD,YAAY,EAAE,OAAO,EACrB,cAAc,EAAE,OAAO,EACvB,iBAAiB,EAAE,OAAO,EAC1B,cAAc,GAAE,iBAAsB;IAS1C,MAAM,CAAC,iBAAiB,CACpB,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,EAChD,UAAU,EAAE,MAAM,EAClB,iBAAiB,EAAE,OAAO,EAC1B,cAAc,GAAE,iBAAsB;IAS1C,MAAM,CAAC,iBAAiB,CACpB,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,EAChD,SAAS,EAAE,iBAAiB,EAC5B,cAAc,UAAQ;IAY1B,MAAM,CAAC,wBAAwB,CAC3B,WAAW,EAAE,MAAM,EACnB,kBAAkB,EAAE,MAAM,EAC1B,QAAQ,EAAE,qBAAqB,EAC/B,IAAI,SAAO;CAMlB"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.2.172",
+    "version": "2.2.173",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -25,13 +25,13 @@
         "lib/**/*"
     ],
     "peerDependencies": {
-        "@cee-eng/hydrajs": "4.17.24",
+        "@cee-eng/hydrajs": "4.17.25",
         "@cee-eng/ui-toolkit": "1.1.8",
         "@patternfly/patternfly": "5.4.0",
         "@patternfly/react-core": "5.4.0",
         "dompurify": "^2.2.6",
         "downshift": "^6.0.5",
-        "i18next": "^19.0.1",
+        "i18next": "^23.15.0",
         "js-markdown-extra": "^1.2.4",
         "js-worker-search": "^1.4.1",
         "lazysizes": "^5.3.2",
@@ -44,14 +44,14 @@
         "react-bootstrap-typeahead": "^5.1.4",
         "react-dom": "18.2.0",
         "react-dropzone": "^10.2.1",
-        "react-i18next": "^12.3.1",
+        "react-i18next": "^15.0.1",
         "react-redux": "^7.2.2",
         "react-router-dom": "^5.1.2",
         "react-test-renderer": "18.2.0",
         "react-virtualized": "^9.22.5"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "4.17.24",
+        "@cee-eng/hydrajs": "4.17.25",
         "@cee-eng/ui-toolkit": "1.1.8",
         "@patternfly/patternfly": "5.4.0",
         "@patternfly/react-core": "5.4.0",
@@ -60,16 +60,18 @@
         "@progress/kendo-licensing": "1.3.5",
         "@progress/kendo-react-pdf": "^5.16.0",
         "@redux-devtools/extension": "^3.3.0",
-        "@rh-support/components": "2.1.82",
-        "@rh-support/react-context": "2.1.91",
-        "@rh-support/types": "2.0.4",
-        "@rh-support/user-permissions": "2.1.50",
-        "@rh-support/utils": "2.1.39",
+        "@rh-support/components": "2.1.83",
+        "@rh-support/react-context": "2.1.92",
+        "@rh-support/types": "2.0.5",
+        "@rh-support/user-permissions": "2.1.51",
+        "@rh-support/utils": "2.1.40",
         "@types/react-redux": "^7.1.33",
         "@types/redux": "^3.6.0",
         "dompurify": "^2.2.6",
+        "dot": "^1.1.3",
         "downshift": "^6.0.5",
-        "i18next": "^19.0.1",
+        "history": "4.10.1",
+        "i18next": "^23.15.0",
         "js-markdown-extra": "^1.2.4",
         "js-worker-search": "^1.4.1",
         "lazysizes": "^5.3.2",
@@ -82,7 +84,7 @@
         "react-bootstrap-typeahead": "^5.1.4",
         "react-dom": "18.2.0",
         "react-dropzone": "^10.2.1",
-        "react-i18next": "^12.3.1",
+        "react-i18next": "^15.0.1",
         "react-redux": "^7.2.2",
         "react-router-dom": "^5.1.2",
         "react-test-renderer": "18.2.0",
@@ -131,5 +133,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "0ea5806f9d702fa69d66245c813ee1b0f887c0f7"
+    "gitHead": "0e8e72a89ed859d57ceb68dbbb94caa13a6f3569"
 }

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CasePhoneNumberSev1ConfirmAlert.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-interface IProps {
-    isReview?: boolean;
-    isConfirm?: boolean;
-    tabRef?: React.MutableRefObject<HTMLDivElement>;
-}
-export declare function CasePhoneNumberSev1ConfirmAlert(props: IProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=CasePhoneNumberSev1ConfirmAlert.d.ts.map

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CasePhoneNumberSev1ConfirmAlert.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CasePhoneNumberSev1ConfirmAlert.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CasePhoneNumberSev1ConfirmAlert.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAUpD,UAAU,MAAM;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AAMD,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,MAAM,qBAuG5D"}

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CasePhoneNumberSev1ConfirmAlert.js

@@ -1,75 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { Alert, AlertVariant, Button, ButtonVariant } from '@patternfly/react-core';
-import { ToastNotification } from '@rh-support/components';
-import { GlobalMetadataStateContext } from '@rh-support/react-context';
-import { scrollIntoView } from '@rh-support/utils';
-import isEmpty from 'lodash/isEmpty';
-import isEqual from 'lodash/isEqual';
-import React, { useContext, useState } from 'react';
-import { Trans, useTranslation } from 'react-i18next';
-import { Link } from 'react-router-dom';
-import { useCaseDispatch, useCaseSelector } from '../../../../context/CaseContext';
-import { useCaseUpdateErrorMessage } from '../../../../hooks/useCaseUpdateErrorMessage';
-import { updateCaseDetails } from '../../../../reducers/CaseReducer';
-import { PDFContext } from '../../PDFContainer';
-/*
-On case detail page when case owner changes the sevirity to sev1, this alert will be displayed
-// what happens when partner changes ???
-*/
-export function CasePhoneNumberSev1ConfirmAlert(props) {
-    const { globalMetadataState: { loggedInUser }, } = useContext(GlobalMetadataStateContext);
-    const [isCaseUpdating, setCasUpdating] = useState(false);
-    const { caseNumber, suppliedPhoneNumberVerified, contactSSOName, severity, isCaseOwnerUpdating } = useCaseSelector((state) => ({
-        caseNumber: state.caseDetails.caseNumber,
-        suppliedPhoneNumberVerified: state.caseDetails.suppliedPhoneNumberVerified,
-        contactSSOName: state.caseDetails.contactSSOName,
-        severity: state.caseDetails.severity,
-        isCaseOwnerUpdating: state.isCaseOwnerUpdating,
-    }), isEqual);
-    const { t } = useTranslation();
-    const caseDispatch = useCaseDispatch();
-    const caseUpdateError = useCaseUpdateErrorMessage();
-    const { isExportingPDF } = useContext(PDFContext);
-    const onCaseDetailsChange = (caseDetails) => __awaiter(this, void 0, void 0, function* () {
-        setCasUpdating(true);
-        try {
-            yield updateCaseDetails(caseDispatch, caseNumber, caseDetails);
-            setCasUpdating(false);
-            ToastNotification.addSuccessMessage(t(`Phone number has been successfully confirmed`));
-        }
-        catch (e) {
-            setCasUpdating(false);
-            caseUpdateError.showError(e, t(`Phone number failed to be confirmed`));
-        }
-    });
-    const goToPhoneField = () => {
-        scrollIntoView(props.tabRef);
-    };
-    const isPhoneNeedsConfirm = !isEmpty(contactSSOName) &&
-        contactSSOName === loggedInUser.data.ssoUsername &&
-        severity === "1 (Urgent)" /* SeverityLevelsInternal.SEV_1 */ &&
-        suppliedPhoneNumberVerified !== 'True' &&
-        !isCaseOwnerUpdating;
-    const SEV1_MSG = 'This case severity is urgent. Please confirm the phone number we have on file is correct.';
-    if (!isPhoneNeedsConfirm)
-        return React.createElement(React.Fragment, null);
-    return (React.createElement(React.Fragment, null, props.isReview && !isExportingPDF ? (React.createElement(Alert, { className: "pf-v5-u-mb-md phone-review-banner", isInline: true, variant: AlertVariant.warning, title: t('Review phone number'), component: "p", actionLinks: [
-            React.createElement(Link, { replace: true, to: {
-                    pathname: `/case/${caseNumber}/management`,
-                }, onClick: () => goToPhoneField(), "data-tracking-id": "case-contact-phone-number-review" },
-                React.createElement(Trans, null, "Review phone number")),
-        ] },
-        React.createElement(Trans, null, SEV1_MSG))) : props.isConfirm && !isExportingPDF ? (React.createElement(Alert, { isInline: true, className: "pf-v5-u-mb-md phone-review-banner", variant: AlertVariant.warning, title: t('Review phone number'), component: "p", actionLinks: [
-            React.createElement(Button, { variant: ButtonVariant.link, isInline: true, onClick: () => onCaseDetailsChange({ suppliedPhoneNumberVerified: 'True' }), "data-tracking-id": "case-contact-phone-number-confirm", isLoading: isCaseUpdating, isDisabled: isCaseUpdating },
-                React.createElement(Trans, null, "Confirm phone number")),
-        ] },
-        React.createElement(Trans, null, SEV1_MSG))) : (React.createElement(React.Fragment, null))));
-}

package/lib/esm/hooks/useUserPreference.d.ts

@@ -1,7 +0,0 @@
-import { EditorMode } from '@rh-support/components';
-export declare function useUserPreference(): {
-    updateCommentType: (value: EditorMode) => Promise<void>;
-    getCommentTypeFromPreference: () => any;
-    hydraUserPreferences: import("@rh-support/types/shared").IApiResponseDetails<import("@cee-eng/hydrajs/@types/models/general").IPreference[]>;
-};
-//# sourceMappingURL=useUserPreference.d.ts.map

package/lib/esm/hooks/useUserPreference.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useUserPreference.d.ts","sourceRoot":"","sources":["../../../src/hooks/useUserPreference.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AASpD,wBAAgB,iBAAiB;+BAgBW,UAAU;;;EAmBrD"}

package/lib/esm/hooks/useUserPreference.js

@@ -1,36 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { GlobalMetadataDispatchContext, GlobalMetadataStateContext, updateUserPreferences, UserPreferencesKeys, } from '@rh-support/react-context';
-import { useContext } from 'react';
-export function useUserPreference() {
-    const { globalMetadataState: { loggedInUser, hydraUserPreferences }, } = useContext(GlobalMetadataStateContext);
-    const globalMetadataDispatch = useContext(GlobalMetadataDispatchContext);
-    const doesKeyExistWithSameValue = (key, value) => {
-        const item = getKeyValue(key);
-        return item && item.value === value;
-    };
-    const getKeyValue = (key) => {
-        const item = hydraUserPreferences.data.find((pref) => pref.key === key);
-        return item ? item.value : null;
-    };
-    const updateCommentType = (value) => __awaiter(this, void 0, void 0, function* () {
-        if (doesKeyExistWithSameValue(UserPreferencesKeys.commentType, value))
-            return;
-        yield updateUserPreferences(globalMetadataDispatch, loggedInUser.data.ssoUsername, [{ key: UserPreferencesKeys.commentType, value }], 'add', true);
-    });
-    const getCommentTypeFromPreference = () => {
-        return getKeyValue(UserPreferencesKeys.commentType);
-    };
-    return {
-        updateCommentType,
-        getCommentTypeFromPreference,
-        hydraUserPreferences,
-    };
-}