@rh-support/troubleshoot 2.1.11 → 2.1.13-beta-0

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

@@ -8,6 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { Button, Form, FormGroup, Modal, ModalVariant, Popover, PopoverPosition, TextArea, TextInput, ValidatedOptions, } from '@patternfly/react-core';
+import QuestionCircleIcon from '@patternfly/react-icons/dist/js/icons/question-circle-icon';
 import { LoadingIndicator, ToastNotification, useConfirmation } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
 import { AbilityContext, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
@@ -21,6 +22,7 @@ import { useCaseDiscussionTabDispatchContext, useCaseDiscussionTabStateContext,
 import { useCaseUpdateErrorMessage } from '../../hooks/useCaseUpdateErrorMessage';
 import { updateDiscussionStateComments } from '../../reducers/CaseDiscussionTabReducer';
 import { checkForCaseStatusToggleOnAttachOrComment, postCepDetails, setCaseDetails, setCaseState, updateCaseDetails, } from '../../reducers/CaseReducer';
+import { PDFContext } from '../CaseEditView/PDFContainer';
 export function Cep(props) {
     var _a, _b, _c, _d, _e, _f;
     const { t } = useTranslation();
@@ -45,6 +47,7 @@ export function Cep(props) {
     const { caseDetailsPageState: { caseFeedbacksHydra }, } = useCaseDetailsPageStateContext();
     const canEditCase = useCanEditCase();
     const [saveButtonIsClicked, setSaveButtonIsClicked] = useState(false);
+    const { isExportingPDF } = useContext(PDFContext);
     /** Sync cepDetailsLocal with cepDetails from reducer */
     useEffect(() => {
         setCepDetailsLocal(cepDetails);
@@ -134,13 +137,12 @@ export function Cep(props) {
     if (!canUseCep) {
         return React.createElement(React.Fragment, null);
     }
-    return (React.createElement("div", { className: "form-group push-top" },
-        React.createElement("input", { type: "checkbox", id: "get-support-cep", name: "get-support-cep", checked: cep, onChange: onCepChange, "data-tracking-id": "get-support-cep" }),
+    return (React.createElement("div", { className: "form-group pf-u-mt-lg" },
+        React.createElement("input", { type: "checkbox", id: "get-support-cep", name: "get-support-cep", checked: isEqual(cep, undefined) ? false : cep, onChange: onCepChange, "data-tracking-id": "get-support-cep" }),
         React.createElement("label", { htmlFor: "get-support-cep" },
             React.createElement(Trans, null, "Consultant has been engaged")),
-        React.createElement(Popover, { "aria-label": "CEP info", position: PopoverPosition.top, bodyContent: React.createElement(Trans, null, "Used by consultants to indicate that a consulting engagement is in progress and the issue requires increased attention from support resources."), closeBtnAriaLabel: "Close" },
-            React.createElement("i", { "aria-label": "CEP info", className: "fa fa-question-circle" })),
-        ' ',
+        !isExportingPDF ? (React.createElement(Popover, { "aria-label": "CEP info", position: PopoverPosition.top, bodyContent: React.createElement(Trans, null, "Used by consultants to indicate that a consulting engagement is in progress and the issue requires increased attention from support resources."), closeBtnAriaLabel: "Close" },
+            React.createElement(QuestionCircleIcon, { className: "pf-u-ml-xs icon-size", "aria-label": "CEP Info" }))) : (''),
         React.createElement(LoadingIndicator, { show: isCaseUpdating && isPostingCep, isInline: true, size: "sm" }),
         React.createElement(Modal, { id: "cep-details-modal", title: t('Consultant engagement is in progress'), "aria-describedby": "cep-modal-description", isOpen: isCepModalOpen, showClose: true, variant: ModalVariant.large, onClose: onCancel, actions: [
                 React.createElement(Button, { key: "confirm", variant: "primary", className: "btn btn-app btn-primary", onClick: onSubmit, isDisabled: saveButtonIsClicked && isFormInvalid, "data-tracking-id": "cep-details-save" },

package/lib/esm/components/CaseManagement/NoClusterIDReasonSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NoClusterIDReasonSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/NoClusterIDReasonSelector.tsx"],"names":[],"mappings":"AAcA,UAAU,MAAM;IACZ,uBAAuB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,4BAA4B,EAAE,MAAM,CAAC;IACrC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AA0BD,QAAA,MAAM,yBAAyB,UAAW,MAAM,gBAqI/C,CAAC;AAEF,OAAO,EAAE,yBAAyB,EAAE,CAAC"}
+{"version":3,"file":"NoClusterIDReasonSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/NoClusterIDReasonSelector.tsx"],"names":[],"mappings":"AAgBA,UAAU,MAAM;IACZ,uBAAuB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,4BAA4B,EAAE,MAAM,CAAC;IACrC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAeD,QAAA,MAAM,yBAAyB,UAAW,MAAM,gBAoJ/C,CAAC;AAEF,OAAO,EAAE,yBAAyB,EAAE,CAAC"}

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

@@ -6,6 +6,7 @@ import { haventLoadedMetadata } from '@rh-support/utils';
 import filter from 'lodash/filter';
 import React, { useContext, useEffect, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
+import { PDFContext } from '../CaseEditView/PDFContainer';
 const createState = (display_value, display_name) => {
     return {
         display_name,
@@ -18,8 +19,6 @@ const createState = (display_value, display_name) => {
         },
     };
 };
-const registerMyClusterID = () => (React.createElement("a", { className: "show-target", href: "https://console.redhat.com/openshift/register ", target: "_blank", rel: "noopener noreferrer" },
-    React.createElement(Trans, null, "Register my Cluster ID")));
 const NoClusterIDReasonSelector = (props) => {
     const { t } = useTranslation();
     const [isOpen, setIsOpen] = useState(false);
@@ -28,6 +27,7 @@ const NoClusterIDReasonSelector = (props) => {
     const [notRegistered, setNotRegistered] = useState(false);
     const globalDispatch = useGlobalDispatchContext();
     const { globalMetadataState: { caseNoClusterIdReasons }, } = useContext(GlobalMetadataStateContext);
+    const { isExportingPDF } = useContext(PDFContext);
     const onToggle = (isOpen) => {
         setIsOpen(isOpen);
     };
@@ -90,11 +90,15 @@ const NoClusterIDReasonSelector = (props) => {
         }
     }, [props.isInValid]);
     const titleId = 'Reason-name-select';
+    const registerMyClusterID = () => (React.createElement("a", { className: `show-target ${isExportingPDF ? 'hide-in-pdf' : ''}`, href: "https://console.redhat.com/openshift/register ", target: "_blank", rel: "noopener noreferrer" },
+        React.createElement(Trans, null, "Register my Cluster ID")));
     return (React.createElement("div", { className: "form-group" },
         React.createElement("label", { id: titleId },
             React.createElement(Trans, null, "I don't have my Cluster ID, because:"),
-            React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
-        React.createElement(Select, { variant: SelectVariant.typeahead, typeAheadAriaLabel: t('Select an option or briefly describe your reason'), onToggle: onToggle, onSelect: onSelect, selections: getSelectedItem(), isOpen: isOpen, placeholderText: t('Select an option or briefly describe your reason'), noValidate: props.isInValid, "aria-labelledby": titleId, "aria-invalid": props.isInValid, "aria-describedby": "validate-reason-helper", validated: validated, className: `form-control${props.isInValid ? ' form-invalid' : ''}`, isDisabled: caseNoClusterIdReasons.isFetching || props.isDisabled, required: true, onFilter: () => null, ref: selectRef, onTypeaheadInputChanged: onTypeaheadInputChanged }, (caseNoClusterIdReasonsList || []).map((option, index) => (React.createElement(SelectOption, { key: index, value: createState(option, t(option)) })))),
+            React.createElement("span", { className: `form-required ${isExportingPDF ? 'hide-in-pdf' : ''}`, "aria-hidden": true },
+                ' ',
+                "*")),
+        React.createElement(Select, { variant: SelectVariant.typeahead, typeAheadAriaLabel: t('Select an option or briefly describe your reason'), onToggle: onToggle, onSelect: onSelect, selections: getSelectedItem(), isOpen: isOpen, placeholderText: t('Select an option or briefly describe your reason'), noValidate: props.isInValid, "aria-labelledby": titleId, "aria-invalid": props.isInValid, "aria-describedby": "validate-reason-helper", validated: validated, className: `form-control${props.isInValid ? ' form-invalid' : ''}`, isDisabled: caseNoClusterIdReasons.isFetching || props.isDisabled, required: true, onFilter: () => null, ref: selectRef, onTypeaheadInputChanged: onTypeaheadInputChanged, "data-tracking-id": "no-openshift-cluster-id-reason" }, (caseNoClusterIdReasonsList || []).map((option, index) => (React.createElement(SelectOption, { key: index, value: createState(option, t(option)) })))),
         React.createElement(LoadingIndicator, { show: caseNoClusterIdReasons.isFetching, size: "xs" }),
         React.createElement("p", { id: "validate-reason-helper", className: `form-instructions ${props.isInValid ? 'form-invalid' : ''}` },
             React.createElement(React.Fragment, null,

package/lib/esm/components/CaseManagement/OpenShiftV3Inputbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OpenShiftV3Inputbox.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenShiftV3Inputbox.tsx"],"names":[],"mappings":"AAOA,UAAU,MAAM;IACZ,uBAAuB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,eA4BzC;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"OpenShiftV3Inputbox.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenShiftV3Inputbox.tsx"],"names":[],"mappings":"AAQA,UAAU,MAAM;IACZ,uBAAuB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,eA+BzC;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

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

@@ -1,19 +1,21 @@
 import { TextInput } from '@patternfly/react-core';
-import React from 'react';
+import React, { useContext } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
+import { PDFContext } from '../CaseEditView/PDFContainer';
 import CaseOpenShiftV3Popover from '../CaseEditView/Tabs/CaseDetails/CaseOpenshiftClusterId/CaseOpenShiftV3Popover';
 import { v3Tov4TransitionLink } from './OpenShiftClusterId';
 function OpenShiftV3Inputbox(props) {
     const { t } = useTranslation();
+    const { isExportingPDF } = useContext(PDFContext);
     return (React.createElement("div", { className: "form-group" },
         React.createElement("label", { htmlFor: "case-details-v3-cluster-name" },
             React.createElement(Trans, null, "OpenShift Cluster Name"),
             React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"),
             React.createElement(CaseOpenShiftV3Popover, null)),
-        React.createElement(TextInput, { id: "case-details-v3-cluster-name", value: props.v3ClusterName, type: "text", onChange: props.onReasonInputBoxChanged, "aria-label": t('Enter your Cluster Name'), placeholder: t('Enter your Cluster Name'), required: true, className: `form-control ${props.isInValid ? 'form-invalid' : ''}` }),
+        React.createElement(TextInput, { id: "case-details-v3-cluster-name", value: props.v3ClusterName, type: "text", onChange: props.onReasonInputBoxChanged, "aria-label": t('Enter your Cluster Name'), placeholder: t('Enter your Cluster Name'), required: true, className: `form-control ${props.isInValid ? 'form-invalid' : ''}`, "data-tracking-id": "openshift-v3-cluster-name" }),
         React.createElement("p", { id: "validated-helper", className: `form-instructions ${props.isInValid ? 'form-invalid' : ''}` },
             "If you do not have your Cluster Name available, briefly explain why.",
             ' ',
-            !props.v3Selected && v3Tov4TransitionLink())));
+            !props.v3Selected && !isExportingPDF && v3Tov4TransitionLink())));
 }
 export { OpenShiftV3Inputbox };

package/lib/esm/components/CaseManagement/OpenshiftDropdownV4.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OpenshiftDropdownV4.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenshiftDropdownV4.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAG5E,OAAO,EAAE,gBAAgB,EAAuB,MAAM,0BAA0B,CAAC;AAUjF,UAAU,MAAO,SAAQ,gBAAgB;IACrC,uBAAuB,EAAE,MAAM,CAAC;IAChC,sBAAsB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzF,kBAAkB,EAAE,OAAO,CAAC;IAC5B,iCAAiC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAChD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAuBD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,eA8WzC;kBA9WQ,mBAAmB;;;AAiX5B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"OpenshiftDropdownV4.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenshiftDropdownV4.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAG5E,OAAO,EAAE,gBAAgB,EAAuB,MAAM,0BAA0B,CAAC;AAWjF,UAAU,MAAO,SAAQ,gBAAgB;IACrC,uBAAuB,EAAE,MAAM,CAAC;IAChC,sBAAsB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzF,kBAAkB,EAAE,OAAO,CAAC;IAC5B,iCAAiC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAChD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAuBD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,eAiXzC;kBAjXQ,mBAAmB;;;AAoX5B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

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

@@ -13,9 +13,10 @@ import { useLRUCache } from '@rh-support/components';
 import debounce from 'lodash/debounce';
 import groupBy from 'lodash/groupBy';
 import isEmpty from 'lodash/isEmpty';
-import React, { useEffect, useMemo, useRef, useState } from 'react';
+import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { getDisplayNameForCluster } from '../../utils/caseOpenshiftClusterIdUtils';
+import { PDFContext } from '../CaseEditView/PDFContainer';
 import CaseOpenShiftPopover from '../CaseEditView/Tabs/CaseDetails/CaseOpenshiftClusterId/CaseOpenShiftPopover';
 const defaultProps = {
     className: '',
@@ -49,6 +50,7 @@ function OpenshiftDropdownV4(props) {
     const [isFetchingClusters, setIsFetchingClusters] = useState(false);
     const [totalResultsNo, setTotalResultsNo] = useState(0);
     const { getFromCache, setInCache } = useLRUCache(50);
+    const { isExportingPDF } = useContext(PDFContext);
     // gets a cluster id and returns display name
     const getDisplayName = (id, noClusterIdReasonExplanation, display_name) => {
         if (isEmpty(id))
@@ -283,16 +285,16 @@ function OpenshiftDropdownV4(props) {
         React.createElement("div", { className: `${props.className} form-group` },
             React.createElement("label", { htmlFor: "case-details-cluster-nickname-selector" },
                 React.createElement(Trans, null, "OpenShift Cluster ID"),
-                React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"),
-                React.createElement(CaseOpenShiftPopover, null)),
+                React.createElement("span", { className: `form-required ${isExportingPDF ? 'hide-in-pdf' : ''}`, "aria-hidden": true }, "*"),
+                !isExportingPDF ? React.createElement(CaseOpenShiftPopover, null) : ''),
             React.createElement("span", { id: titleId, hidden: true }, "Select a state"),
-            React.createElement(Select, Object.assign({ variant: SelectVariant.typeahead, isDisabled: props.isDisabled, typeAheadAriaLabel: t('Search by Cluster ID, alias, and domain or manually enter your Cluster ID'), onToggle: onToggle, onSelect: onSelect, onClear: onDropdownClear, selections: getSelectedItem(), isOpen: isOpen, "aria-labelledby": titleId, placeholderText: t('Search by Cluster ID, alias, and domain or manually enter your Cluster ID'), hasInlineFilter: false, onTypeaheadInputChanged: debounceFn, onFilter: () => undefined, validated: validated, "aria-invalid": props.isClusterIdInvalid, "aria-describedby": "clusterID-validate-helper", required: true }, (isFetchingClusters && { loadingVariant: 'spinner' }), (!isFetchingClusters &&
+            React.createElement(Select, Object.assign({ variant: SelectVariant.typeahead, isDisabled: props.isDisabled, typeAheadAriaLabel: t('Search by Cluster ID, alias, and domain or manually enter your Cluster ID'), onToggle: onToggle, onSelect: onSelect, onClear: !isExportingPDF ? onDropdownClear : undefined, selections: getSelectedItem(), isOpen: isOpen, "aria-labelledby": titleId, placeholderText: t('Search by Cluster ID, alias, and domain or manually enter your Cluster ID'), hasInlineFilter: false, onTypeaheadInputChanged: debounceFn, onFilter: () => undefined, validated: validated, "aria-invalid": props.isClusterIdInvalid, "aria-describedby": "clusterID-validate-helper", required: true }, (isFetchingClusters && { loadingVariant: 'spinner' }), (!isFetchingClusters &&
                 clustersRawResponse.length < totalResultsNo && {
                 loadingVariant: {
                     text: 'Display additional results',
                     onClick: onViewMoreClick,
                 },
-            })), clustersSelectOptions),
+            }), { "data-tracking-id": "openshift-cluster-id" }), clustersSelectOptions),
             React.createElement("div", { id: "clusterID-validate-helper", className: `form-instructions ${props.isClusterIdInvalid ? 'form-invalid' : ''}` }, props.clusterIdDropdownFormInstructions))));
 }
 OpenshiftDropdownV4.defaultProps = defaultProps;

package/lib/esm/components/CaseManagement/RHAssociatesSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RHAssociatesSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/RHAssociatesSelector.tsx"],"names":[],"mappings":"AAoBA,MAAM,WAAW,MAAM;CAAG;AAG1B,iBAAS,oBAAoB,CAAC,KAAK,EAAE,MAAM,eAiM1C;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"RHAssociatesSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/RHAssociatesSelector.tsx"],"names":[],"mappings":"AAoBA,MAAM,WAAW,MAAM;CAAG;AAG1B,iBAAS,oBAAoB,CAAC,KAAK,EAAE,MAAM,eAkM1C;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

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

@@ -110,7 +110,7 @@ function RHAssociatesSelector(props) {
         React.createElement(ContactSelectorInternal, { className: "push-bottom-narrow", selectedContacts: filter(selectedNotificationContacts, (c) => c.isInternal), showSelectedContacts: true, contactsToExclude: !isEmpty(selectedOwner.data) ? [{ ssoUsername: selectedOwner.data.ssoUsername }] : [], id: "open-case-rh-notifications", name: "open-case-rh-notifications", multiple: true, contactListParams: {
                 internal: false,
                 isInternalContact: true,
-            }, placeholder: t(`Add an internal associate to watch this case`), onSelect: onNotifiedUserChange, renderToken: renderToken, isUpdating: isRHAssociatesUpdating }),
+            }, placeholder: t(`Add an internal associate to watch this case`), onSelect: onNotifiedUserChange, renderToken: renderToken, isUpdating: isRHAssociatesUpdating, "data-tracking-id": "case-contact-select-rh-watcher" }),
         caseNumber && showAddWatchButton() && (React.createElement(Button, { variant: "secondary", onClick: addCurrentUser, type: "button", "data-tracking-id": "case-add-me-rh-watcher" },
             React.createElement(Trans, null, "Add me as a watcher"))),
         caseNumber && showRemoveWatchButton() && (React.createElement("div", { ref: toolTipRef, className: "remove-me-as-watcher pf-u-display-inline-block" }, isCurrentUserCaseContact ? (React.createElement(React.Fragment, null,

package/lib/esm/components/CaseManagement/SendNotifications/CaseContactSelector.js

@@ -248,7 +248,7 @@ function CaseContactSelector(props) {
     };
     if (!canSeeEmailNotifications)
         return React.createElement(React.Fragment, null);
-    return (React.createElement("div", { className: "form-group" },
+    return (React.createElement("div", { className: "form-group pf-u-mb-md" },
         React.createElement("label", { htmlFor: "get-support-notifications" },
             React.createElement(Trans, null, "Send notifications")),
         loggedInUserRights.data.isOrgAdmin() ? (React.createElement(React.Fragment, null,

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

@@ -1 +1 @@
-{"version":3,"file":"EditDescription.d.ts","sourceRoot":"","sources":["../../../../src/components/EditDescription/EditDescription.tsx"],"names":[],"mappings":"AAaA,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;CAC3B;AAUD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,eAoEpD"}
+{"version":3,"file":"EditDescription.d.ts","sourceRoot":"","sources":["../../../../src/components/EditDescription/EditDescription.tsx"],"names":[],"mappings":"AAcA,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;CAC3B;AAUD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,eAuEpD"}

package/lib/esm/components/EditDescription/EditDescription.js

@@ -11,12 +11,13 @@ import { kase } from '@cee-eng/hydrajs';
 import { encodeAngularBrackets, linkifyBZIDs, linkifyWithCaseIDs } from '@cee-eng/ui-toolkit';
 import { InlineEdit, LoadingIndicator, TextAreaAutosize, ToastNotification } from '@rh-support/components';
 import isEqual from 'lodash/isEqual';
-import React, { useState } from 'react';
+import React, { useContext, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useParams } from 'react-router-dom';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { DESCRIPTION_LENGTH_LIMIT, LargeDescriptionErrorMessage } from '../../reducers/CaseConstNTypes';
 import { setCaseDetails } from '../../reducers/CaseReducer';
+import { PDFContext } from '../CaseEditView/PDFContainer';
 const linkifiedDescription = (text) => {
     text = encodeAngularBrackets(text);
     text = linkifyWithCaseIDs(text);
@@ -33,6 +34,7 @@ export default function EditDescription(props) {
     const caseDispatch = useCaseDispatch();
     const [localDescription, setLocalDescription] = useState(description);
     const [isUpdating, setIsUpdating] = useState(false);
+    const { isExportingPDF } = useContext(PDFContext);
     const [isDescriptionTextAreaFocused, setDescriptionTextAreaFocused] = useState(false);
     const onDescriptionSave = () => __awaiter(this, void 0, void 0, function* () {
         setDescriptionTextAreaFocused(false);
@@ -58,7 +60,7 @@ export default function EditDescription(props) {
     };
     const descriptionErrorMessage = t(LargeDescriptionErrorMessage, { limit: DESCRIPTION_LENGTH_LIMIT });
     return (React.createElement(InlineEdit, { labelContent: React.createElement(React.Fragment, null,
-            React.createElement(Trans, null, "Description")), loadingIndicator: isUpdating ? React.createElement(LoadingIndicator, { size: "xs" }) : null, labelProps: { htmlFor: 'edit-description' }, content: React.createElement("div", { dangerouslySetInnerHTML: { __html: linkifiedDescription(localDescription) } }), allowInlineEdit: !!props.inlineEditable, saveDisabled: localDescription === description || isUpdating, usePreformattedTag: true, onSave: onDescriptionSave },
+            React.createElement(Trans, null, "Description")), loadingIndicator: isUpdating ? React.createElement(LoadingIndicator, { size: "xs" }) : null, labelProps: { htmlFor: 'edit-description' }, content: React.createElement("div", { dangerouslySetInnerHTML: { __html: linkifiedDescription(localDescription) } }), allowInlineEdit: !!props.inlineEditable, saveDisabled: localDescription === description || isUpdating, usePreformattedTag: true, onSave: onDescriptionSave, isExportingPDF: isExportingPDF },
         React.createElement(TextAreaAutosize, { id: "edit-description", name: "edit-description", className: `form-control${hasLargeCaseDescription ? ' form-invalid' : ''}`, value: localDescription, disabled: isUpdating, onChange: onDescriptionChange, "data-tracking-id": "edit-description" }),
         React.createElement("p", { className: "form-instructions" }, `${hasLargeCaseDescription && isDescriptionTextAreaFocused ? descriptionErrorMessage : ''}`)));
 }

package/lib/esm/components/IdeaInformation/IdeaInformtion.js

@@ -93,12 +93,12 @@ export default function IdeaInformation() {
             React.createElement("form", null,
                 React.createElement(Description, { inlineEditable: false, customTitle: t('Please describe your request') }),
                 React.createElement(KtQuestions, { onlyShowKT4: true }),
-                React.createElement(SupportLevel, null),
                 React.createElement(Flex, { direction: { default: 'column', '2xl': 'row' } },
-                    React.createElement(FlexItem, { flex: { default: 'flex_1' } },
-                        React.createElement(Severity, { showSeverityInfoIcon: true, onSeverityChange: onSeverityChange })),
-                    React.createElement(FlexItem, { flex: { default: 'flex_1' } },
-                        React.createElement(ContactPhoneNumber, null))),
+                    React.createElement(FlexItem, { flex: { default: 'flex_1' }, className: "pf-u-mb-xl" },
+                        React.createElement(SupportLevel, null)),
+                    React.createElement(FlexItem, { flex: { default: 'flex_1' }, className: "pf-u-mb-xl" },
+                        React.createElement(Severity, { showSeverityInfoIcon: true, onSeverityChange: onSeverityChange }))),
+                React.createElement(ContactPhoneNumber, null),
                 React.createElement(ContactPhoneNumberAlert, null),
                 React.createElement(CaseLanguageSelector, { isManageStep: true }),
                 React.createElement(CaseGroup, { init: true }),

package/lib/esm/components/OpenCase/OpenCase.js

@@ -7,7 +7,7 @@ export default function OpenCase(props) {
     const canChangeAccountInfo = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.ACCOUNT_AND_OWNER);
     return (React.createElement("form", null,
         canChangeAccountInfo && (React.createElement(React.Fragment, null,
-            React.createElement(AccountSelector, null),
-            React.createElement(OwnerSelector, null))),
+            React.createElement(AccountSelector, { "data-tracking-id": "get-support-account-selector" }),
+            React.createElement(OwnerSelector, { "data-tracking-id": "get-support-owner-selector" }))),
         React.createElement(SupportTypeSelectorPage, null)));
 }

package/lib/esm/components/OpenCase/SupportTypeSelectorPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SupportTypeSelectorPage.d.ts","sourceRoot":"","sources":["../../../../src/components/OpenCase/SupportTypeSelectorPage.tsx"],"names":[],"mappings":"AAqBA,MAAM,CAAC,OAAO,UAAU,uBAAuB,gBA+K9C"}
+{"version":3,"file":"SupportTypeSelectorPage.d.ts","sourceRoot":"","sources":["../../../../src/components/OpenCase/SupportTypeSelectorPage.tsx"],"names":[],"mappings":"AAqBA,MAAM,CAAC,OAAO,UAAU,uBAAuB,gBAwL9C"}

package/lib/esm/components/OpenCase/SupportTypeSelectorPage.js

@@ -60,6 +60,7 @@ export default function SupportTypeSelectorPage() {
             oldSupportType: PreviousCaseTypes.DEFECT_BUG,
             supportTypeHeading: NewCaseTypes.BUG_DEFECT,
             supportTypeDescription: 'Report an issue with a product',
+            dataTrackingID: 'bug-or-defect-support-type',
         },
         {
             id: 1,
@@ -67,6 +68,7 @@ export default function SupportTypeSelectorPage() {
             oldSupportType: PreviousCaseTypes.CERTIFICATION,
             supportTypeHeading: NewCaseTypes.CERTIFICATION,
             supportTypeDescription: 'Hardware and software certification support',
+            dataTrackingID: 'certification-support-type',
         },
         {
             id: 2,
@@ -74,6 +76,7 @@ export default function SupportTypeSelectorPage() {
             oldSupportType: PreviousCaseTypes.CONFIGURATION_ISSUE,
             supportTypeHeading: NewCaseTypes.CONFIGURATION,
             supportTypeDescription: 'Set-up and configuration support',
+            dataTrackingID: 'configuration-support-type',
         },
         {
             id: 3,
@@ -81,6 +84,7 @@ export default function SupportTypeSelectorPage() {
             oldSupportType: PreviousCaseTypes.ACCOUNT_CUSTOMERSERVICE_REQUEST,
             supportTypeHeading: NewCaseTypes.CUSTOMER_SERVICE,
             supportTypeDescription: 'Account, billing, or subscription support',
+            dataTrackingID: 'customer-service-support-type',
         },
         {
             id: 4,
@@ -88,6 +92,7 @@ export default function SupportTypeSelectorPage() {
             oldSupportType: PreviousCaseTypes.USAGE_DOCUMENTATION_HELP,
             supportTypeHeading: NewCaseTypes.USAGE_DOCS_HELP,
             supportTypeDescription: 'Suggest or request an update to content',
+            dataTrackingID: 'usage-docs-help-support-type',
         },
         {
             id: 5,
@@ -95,6 +100,7 @@ export default function SupportTypeSelectorPage() {
             oldSupportType: PreviousCaseTypes.FEATURE_ENHANCEMENT,
             supportTypeHeading: NewCaseTypes.IDEA,
             supportTypeDescription: 'Request a feature or product enhancement',
+            dataTrackingID: 'idea-support-type',
         },
         {
             id: 6,
@@ -102,11 +108,13 @@ export default function SupportTypeSelectorPage() {
             oldSupportType: PreviousCaseTypes.RCA_ONLY,
             supportTypeHeading: NewCaseTypes.ROOT_CAUSE_ANALYSIS,
             supportTypeDescription: 'Only for identifying the source of an issue',
+            dataTrackingID: 'rca-support-type',
         },
         {
             id: 7,
             oldSupportType: PreviousCaseTypes.OTHER,
             supportTypeHeading: NewCaseTypes.OTHER,
+            dataTrackingID: 'other-support-type',
         },
     ];
     return (React.createElement("div", { className: "form-group" },
@@ -117,7 +125,7 @@ export default function SupportTypeSelectorPage() {
         React.createElement(Gallery, { hasGutter: true, className: "pf-u-mt-sm" }, SupportTypesArray.map((supportTypesArrayValues) => {
             var _a;
             return (React.createElement(GalleryItem, { key: supportTypesArrayValues.id },
-                React.createElement(Card, { id: supportTypesArrayValues.oldSupportType, key: supportTypesArrayValues.oldSupportType, className: `support-types-card${isNextBtnClickedToShowValidationError && !caseType ? ' support-types-invalid' : ''}`, onKeyDown: onKeyDown, onClick: onSupportTypeClick, onSelectableInputChange: onChange, isSelected: !!caseType && supportTypesArrayValues.oldSupportType === caseType, hasSelectableInput: true, isSelectable: true, isSelectableRaised: true, isFullHeight: true, isDisabledRaised: ((_a = selectedAccountDetails === null || selectedAccountDetails === void 0 ? void 0 : selectedAccountDetails.data) === null || _a === void 0 ? void 0 : _a.subscriptionAbuse) || false, selectableInputAriaLabel: t(supportTypesArrayValues.supportTypeHeading) },
+                React.createElement(Card, { id: supportTypesArrayValues.oldSupportType, key: supportTypesArrayValues.oldSupportType, className: `support-types-card${isNextBtnClickedToShowValidationError && !caseType ? ' support-types-invalid' : ''}`, onKeyDown: onKeyDown, onClick: onSupportTypeClick, onSelectableInputChange: onChange, isSelected: !!caseType && supportTypesArrayValues.oldSupportType === caseType, hasSelectableInput: true, isSelectable: true, isSelectableRaised: true, isFullHeight: true, isDisabledRaised: ((_a = selectedAccountDetails === null || selectedAccountDetails === void 0 ? void 0 : selectedAccountDetails.data) === null || _a === void 0 ? void 0 : _a.subscriptionAbuse) || false, selectableInputAriaLabel: t(supportTypesArrayValues.supportTypeHeading), "data-tracking-id": supportTypesArrayValues.dataTrackingID },
                     React.createElement(CardBody, null, supportTypesArrayValues.icon ? (React.createElement(Split, null,
                         React.createElement(SplitItem, { className: "pf-u-pr-lg" },
                             React.createElement(Bullseye, null, supportTypesArrayValues.icon && supportTypesArrayValues.icon)),

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

@@ -122,11 +122,11 @@ const AllProductsSelector = forwardRef((props, ref) => {
     }, [caseDispatch, product]);
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: "form-group product-selector-wrapper" },
-            React.createElement("div", { className: "case-details-summary push-bottom-narrow" },
+            React.createElement("div", { className: "case-details-summary" },
                 React.createElement(OpenCaseIssue, { inlineEditable: false, required: true })),
             React.createElement("div", { className: "all-product-selector-dropdown" },
                 React.createElement(ProductVersionDropdownSelector, { isLoading: allProducts.isFetching, products: props.checkEntitledProduct ? entitledProducts : allProducts.data.productsResult, selectedProduct: selectedProductForDropdown, onProductChange: onProductChange, onVersionChange: onVersionChange, version: version, ref: ref }))),
-        React.createElement(AlertMessage, { isInline: true, variant: AlertType.DANGER, className: "push-top", title: t(`${loggedInUserRights.data.isSSOUsernameSameAsLoggedInUser(contactSSOName)
+        React.createElement(AlertMessage, { isInline: true, variant: AlertType.DANGER, className: "pf-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 }),

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

@@ -1 +1 @@
-{"version":3,"file":"NewProductDropdownSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/NewProductDropdownSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAOpE,UAAU,MAAM;IACZ,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;IAChC,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC;IACvD,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,qCAAqC,EAAE,OAAO,CAAC;IAC/C,YAAY,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,0BAA0B,UAAW,MAAM,gBA0GvD,CAAC"}
+{"version":3,"file":"NewProductDropdownSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/NewProductDropdownSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAOpE,UAAU,MAAM;IACZ,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;IAChC,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC;IACvD,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,qCAAqC,EAAE,OAAO,CAAC;IAC/C,YAAY,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,0BAA0B,UAAW,MAAM,gBAiHvD,CAAC"}

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

@@ -20,7 +20,7 @@ export const NewProductDropdownSelector = (props) => {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.isNextBtnClickedToShowValidationError]);
     const createOption = (product, id, type) => {
-        return React.createElement(SelectOption, { key: `${type}-${id}`, value: product.name, className: "pf-c-select__menu-wrapper" });
+        return (React.createElement(SelectOption, { key: `${type}-${id}`, value: product.name, className: "pf-c-select__menu-wrapper", "data-tracking-id": `${product.name ? product.name.replace(/\s+/g, '') : ''}-${type}-dropdown` }));
     };
     const onToggle = (isOpen) => {
         setIsOpen(isOpen);

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

@@ -33,7 +33,7 @@ export const NewProductVersionSelector = (props) => {
         renderVersions();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.selectedProduct]);
-    let options = [React.createElement(SelectGroup, { label: "Version", key: "productVersions" }), ...selectVersionOptions];
+    let options = [React.createElement(SelectGroup, { key: "productVersions" }), ...selectVersionOptions];
     const onToggle = (isOpen) => {
         setIsOpen(isOpen);
     };

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

@@ -35,7 +35,7 @@ export default function ProductSelector(props) {
     const productSelectorRef = useRef(null);
     return (React.createElement(React.Fragment, null,
         allProducts.isFetching && React.createElement(ProductSelectorLoader, null),
-        React.createElement(AlertMessage, { variant: AlertType.DANGER, className: "push-top", title: t('There was an error loading products.'), show: allProducts.isError }),
+        React.createElement(AlertMessage, { variant: AlertType.DANGER, className: "pf-u-mt-lg", title: t('There was an error loading products.'), show: allProducts.isError }),
         !allProducts.isFetching && !allProducts.isError && (React.createElement(React.Fragment, null,
             React.createElement("form", null,
                 React.createElement(AllProductsSelector, { isDropdownSelected: true, routeProps: props.routeProps, checkEntitledProduct: isCaseCreate ? true : false, ref: productSelectorRef }),
@@ -50,7 +50,7 @@ export default function ProductSelector(props) {
                         ' ',
                         "for help.") })),
                 React.createElement(EARuleWidget, null)),
-            React.createElement("div", { className: "push-top" },
+            React.createElement("div", { className: "suggestions-result-section" },
                 React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading recommendations') } }, !isEmpty(version) && (React.createElement("div", { className: "common-suggestions" },
                     React.createElement(Recommendations, { renderOnlyRecommendations: true })))))))));
 }

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,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC;IACvD,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,OAAO,EAAE,MAAM,CAAC;CACnB;AAOD,QAAA,MAAM,8BAA8B,wEA2ClC,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;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,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC;IACvD,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,OAAO,EAAE,MAAM,CAAC;CACnB;AAOD,QAAA,MAAM,8BAA8B,wEAuClC,CAAC;AAEH,OAAO,EAAE,8BAA8B,EAAE,CAAC"}

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

@@ -12,17 +12,15 @@ const ProductVersionDropdownSelector = forwardRef((props, ref) => {
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: "product-selector-wrapper" },
             React.createElement("label", { htmlFor: "product-selector-dropdown-downshift-search", ref: ref },
-                React.createElement("h3", { className: "subheading subheading-sm" },
-                    React.createElement(Trans, null, "Product"),
-                    ' ',
-                    React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))),
+                React.createElement(Trans, null, "Product"),
+                ' ',
+                React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
             React.createElement(NewProductDropdownSelector, { products: props.products, onProductChange: props.onProductChange, selectedProduct: props.selectedProduct, onVersionChange: props.onVersionChange, isNextBtnClickedToShowValidationError: isNextBtnClickedToShowValidationError, isCaseCreate: isCaseCreate })),
         React.createElement("div", { className: "version-selector-wrapper" },
             React.createElement("label", { htmlFor: "version-selector-dropdown-toggle" },
-                React.createElement("h3", { className: "subheading subheading-sm" },
-                    React.createElement(Trans, null, "Version"),
-                    ' ',
-                    React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))),
+                React.createElement(Trans, null, "Version"),
+                ' ',
+                React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
             React.createElement(NewProductVersionSelector, { selectedProduct: props.selectedProduct, onVersionChange: props.onVersionChange, versionState: props.version, isNextBtnClickedToShowValidationError: isNextBtnClickedToShowValidationError }))));
 });
 ProductVersionDropdownSelector.defaultProps = defaultProps;

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

@@ -129,7 +129,7 @@ export function AsideResults() {
     if (!canShowSideRecommendations())
         return React.createElement(React.Fragment, null);
     return (React.createElement("div", { className: "card card-white card-support top-recommendations" },
-        React.createElement("h3", { className: "card-heading popular-solutions" }, isIdea ? React.createElement(Trans, null, "Search recommendations") : React.createElement(Trans, null, "Knowledgebase recommendations")),
+        React.createElement("h3", { className: "card-heading popular-solutions green-card-heading" }, isIdea ? React.createElement(Trans, null, "Search recommendations") : React.createElement(Trans, null, "Knowledgebase recommendations")),
         React.createElement("div", { className: "card-body" },
             React.createElement("ul", { className: "list-flat" }, recommendationState.sideRecommendation.map((doc, index) => {
                 var _a, _b;

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

@@ -1 +1 @@
-{"version":3,"file":"ClusterRecommendations.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/ClusterRecommendations.tsx"],"names":[],"mappings":"AAgBA,UAAU,MAAM;IACZ,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,KAAK,EAAE,MAAM,eA0D3D"}
+{"version":3,"file":"ClusterRecommendations.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/ClusterRecommendations.tsx"],"names":[],"mappings":"AAgBA,UAAU,MAAM;IACZ,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,KAAK,EAAE,MAAM,eAgE3D"}

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

@@ -36,7 +36,7 @@ export default function ClusterRecommendations(props) {
                 React.createElement(Trans, null, "Cluster recommendations")),
             React.createElement("div", null,
                 React.createElement(ClusterRecommendationItems, { clusterRecommendations: clusterRecommendations.data.slice(0, NUMBER_OF_RULES_TO_DISPLAY) }),
-                clusterRecommendations.data.length > NUMBER_OF_RULES_TO_DISPLAY && (React.createElement(Button, { className: "pf-u-p-md", variant: "link", isBlock: true, onClick: onViewMoreRecommendation },
+                clusterRecommendations.data.length > NUMBER_OF_RULES_TO_DISPLAY && (React.createElement(Button, { className: "pf-u-p-md", variant: "link", isBlock: true, onClick: onViewMoreRecommendation, "data-tracking-id": "cluster-recs-view-more" },
                     React.createElement(Trans, null, "View more recommendations")))))),
         showClusterRecommendationsModal && React.createElement(ClusterRecommendationsModal, null)));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"CriticalSolutionsToast.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/CriticalSolutionsToast.tsx"],"names":[],"mappings":"AAGA,OAAc,EAAE,EAAE,EAAmC,MAAM,OAAO,CAAC;AAMnE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,QAAA,MAAM,sBAAsB,EAAE,EAAE,CAAC,MAAM,CA0DtC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"CriticalSolutionsToast.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/CriticalSolutionsToast.tsx"],"names":[],"mappings":"AAGA,OAAc,EAAE,EAAE,EAAmC,MAAM,OAAO,CAAC;AAOnE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,QAAA,MAAM,sBAAsB,EAAE,EAAE,CAAC,MAAM,CAiEtC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

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

@@ -3,14 +3,16 @@ import { PreviousCaseTypes } from '@rh-support/utils';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import { useCaseSelector } from '../../context/CaseContext';
+import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { RulesDispatchContext, RulesStateContext } from '../../context/RulesContext';
+import { setCaseState } from '../../reducers/CaseReducer';
 import { RulesReducerConstants } from '../../reducers/RulesReducer';
 const CriticalSolutionsToast = (props) => {
     const { t } = useTranslation();
     const [showNotification, setShowNotification] = useState(false);
     const { rulesState } = useContext(RulesStateContext);
     const rulesDispatch = useContext(RulesDispatchContext);
+    const caseDispatch = useCaseDispatch();
     const { caseType } = useCaseSelector((state) => ({
         caseType: state.caseDetails.caseType,
     }), isEqual);
@@ -35,13 +37,14 @@ const CriticalSolutionsToast = (props) => {
         });
     };
     const viewCriticalSolution = () => {
+        setCaseState(caseDispatch, { isFileRecommendationsTriggered: true });
         onClose();
         setEAModalVisibility(true);
         props.userClosed();
     };
     if (!showNotification && !rulesState.triggerRuleNotification)
         return null;
-    return (React.createElement(Alert, { isLiveRegion: true, variant: "success", title: t('File recommendations are ready to view'), "data-tracking-id": "toast-view-crit-sol", actionLinks: React.createElement(Button, { isInline: true, variant: "link", onClick: viewCriticalSolution },
-            React.createElement(Trans, null, "Troubleshooting specific for your uploaded files.")), actionClose: React.createElement(AlertActionCloseButton, { variantLabel: "success alert", onClose: onClose }), timeout: caseType !== PreviousCaseTypes.FEATURE_ENHANCEMENT }));
+    return (React.createElement(Alert, { isLiveRegion: true, variant: "success", title: t('File recommendations are ready to view'), actionLinks: React.createElement(Button, { isInline: true, variant: "link", onClick: viewCriticalSolution, "data-tracking-id": "critical-solutions-alert-view" },
+            React.createElement(Trans, null, "Troubleshooting specific for your uploaded files.")), actionClose: React.createElement(AlertActionCloseButton, { variantLabel: "success alert", onClose: onClose }), timeout: caseType !== PreviousCaseTypes.FEATURE_ENHANCEMENT, "data-tracking-id": "critical-solutions-alert" }));
 };
 export default CriticalSolutionsToast;

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

@@ -239,7 +239,7 @@ function InsightsResults(props) {
         return (React.createElement(InsightResultModal, { EARule: validEARules, onModalToggle: insightsModalToggle, isOpen: isRuleModalVisible, insightResults: allResults, isRenderedMain: true }));
     }
     return (React.createElement(React.Fragment, null,
-        !rulesState.triggerRuleNotification && caseType !== PreviousCaseTypes.FEATURE_ENHANCEMENT && (React.createElement(Alert, { isInline: true, title: t('File recommendations are ready to view'), "data-tracking-id": "inline-view-critical-solution", children: React.createElement("p", null,
+        !rulesState.triggerRuleNotification && caseType !== PreviousCaseTypes.FEATURE_ENHANCEMENT && (React.createElement(Alert, { isInline: true, title: t('File recommendations are ready to view'), "data-tracking-id": "inline-view-critical-solution-alert", children: React.createElement("p", null,
                 React.createElement(Trans, null, "Troubleshooting specific for your uploaded files.")) })),
         React.createElement(InsightResultModal, { EARule: validEARules, onModalToggle: insightsModalToggle, isOpen: isRuleModalVisible, insightResults: allResults })));
 }

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

@@ -79,6 +79,6 @@ export function InsightsRuleInfo({ doc, showNewTag, duplicateKeys }) {
                     React.createElement(AccordionContent, { isHidden: !isAdditionalExpanded },
                         React.createElement("p", { onClick: onAdditionalInfoElemClick, dangerouslySetInnerHTML: parseMoreInfo(ruleData === null || ruleData === void 0 ? void 0 : ruleData.more_info, (_g = insightsReport === null || insightsReport === void 0 ? void 0 : insightsReport.current) === null || _g === void 0 ? void 0 : _g.details) }))))),
             React.createElement("pfe-cta", null,
-                React.createElement("a", { className: "se-recommended ts-result-insights pf-u-font-size-sm", rel: "noopener noreferrer", target: "_blank", onClick: onCtaClick(doc.view_uri), "data-tracking-id": "se-recommended-insights-rule", "aria-label": "Related article", role: "button", href: getTrackingULRWithQueryParams(doc.view_uri, SessionResourceSource.INSIGHTS) },
+                React.createElement("a", { className: "se-recommended ts-result-insights pf-u-font-size-sm", rel: "noopener noreferrer", target: "_blank", onClick: onCtaClick(doc.view_uri), "data-tracking-id": "get-support-recommended-insights-rule", "aria-label": "Related article", role: "button", href: getTrackingULRWithQueryParams(doc.view_uri, SessionResourceSource.INSIGHTS) },
                     React.createElement(Trans, null, "Related article"))))))));
 }

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

@@ -7,7 +7,7 @@ export function RecommendationFeedbackModal({ isModalOpen, handleModalToggle, mo
             React.createElement(Link, { "data-tracking-id": "resolved-feedback-cases", key: "view", className: "pf-c-button pf-m-primary", to: "/case/list" },
                 React.createElement(Trans, null, "View your cases")),
             React.createElement(Button, { "data-tracking-id": "resolved-feedback-continue", key: "continue", variant: "link", onClick: handleModalToggle },
-                React.createElement(Trans, null, "Continue")),
+                React.createElement(Trans, null, "Continue troubleshooting")),
         ] },
         React.createElement("h1", { id: "rec-feedback-modal" }, modalContent)));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"RulesModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/RulesModal.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAI5D,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAG7D,UAAU,MAAM;IACZ,cAAc,EAAE,wBAAwB,EAAE,CAAC;IAC3C,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,aAAa,EAAE,MAAM,GAAG,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,eA+K/C"}
+{"version":3,"file":"RulesModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/RulesModal.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAI5D,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAG7D,UAAU,MAAM;IACZ,cAAc,EAAE,wBAAwB,EAAE,CAAC;IAC3C,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,aAAa,EAAE,MAAM,GAAG,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,eAyM/C"}