@rh-support/troubleshoot 2.6.14 → 2.6.15

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

@@ -12,11 +12,11 @@ export function CaseSolutionsItem(props) {
     const isLoading = !!props.isPinLoading[props.recommendation.resourceId];
     return (React.createElement("div", null,
         React.createElement("div", { className: "recommendation-header" },
-            React.createElement(Button, { title: props.pinTitle, onClick: props.onPinClicked, "data-tracking-id": `case-resource-${props.pinTitle}`, variant: "plain", className: "list-icon" },
-                isLoading && React.createElement(LoadingIndicator, { show: isLoading, size: "xs" }),
-                !isLoading && props.showPin && (React.createElement(React.Fragment, null,
-                    React.createElement(Icon, { size: "md" }, props.isPinned ? (React.createElement(StarIcon, { className: "pinned-resource", color: "0066cc" })) : (React.createElement(OutlinedStarIcon, { className: "pinned-resource", color: "0066cc" }))))),
-                !isLoading && props.showLink && React.createElement(LinkIcon, null)),
+            React.createElement(Button, { icon: React.createElement(React.Fragment, null,
+                    isLoading && React.createElement(LoadingIndicator, { show: isLoading, size: "xs" }),
+                    !isLoading && props.showPin && (React.createElement(React.Fragment, null,
+                        React.createElement(Icon, { size: "md" }, props.isPinned ? (React.createElement(StarIcon, { className: "pinned-resource", color: "0066cc" })) : (React.createElement(OutlinedStarIcon, { className: "pinned-resource", color: "0066cc" }))))),
+                    !isLoading && props.showLink && React.createElement(LinkIcon, null)), title: props.pinTitle, onClick: props.onPinClicked, "data-tracking-id": `case-resource-${props.pinTitle}`, variant: "plain", className: "list-icon" }),
             React.createElement("a", { href: props.recommendation.resourceViewURI, "data-tracking-id": `case-resource-${props.type}-link-${props.index}`, target: "_blank", rel: "noopener noreferrer", className: "case-resource-recommendation-link", dangerouslySetInnerHTML: {
                     __html: DOMPurify.sanitize(truncate(decodeMarkTag(props.recommendation.title || ''), maxTitleLength)),
                 }, onClick: () => props.onLinkClick('case solution click') })),

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

@@ -58,7 +58,7 @@ export function HandpickedItem(props) {
             props.onRecommendationLike();
         }
     });
-    return (React.createElement("div", { className: "handpicked-resource pf-v5-u-mx-sm" },
+    return (React.createElement("div", { className: "handpicked-resource pf-v6-u-mx-sm" },
         React.createElement("div", { className: "recommendation-header" },
             React.createElement("a", { href: recommendation.resourceViewURI, "data-tracking-id": `case-resource-${props.type}-link-${props.index}`, target: "_blank", rel: "noopener noreferrer", dangerouslySetInnerHTML: {
                     __html: DOMPurify.sanitize(truncate(decodeMarkTag(recommendation.title || ''), maxTitleLength)),
@@ -66,11 +66,11 @@ export function HandpickedItem(props) {
         React.createElement("div", { className: "result-body", dangerouslySetInnerHTML: {
                 __html: DOMPurify.sanitize(truncate(cleanupMarkDown(decodeMarkTag(props.recommendation.solutionAbstract || '')), maxAbstractLength)),
             } }),
-        React.createElement(ActionList, { className: "pf-v5-u-my-xs" },
+        React.createElement(ActionList, { className: "pf-v6-u-my-xs" },
             React.createElement(ActionListItem, null,
                 React.createElement(Button, { variant: "link", isDisabled: helpfulBtnLoading || notHelpfulBtnLoading, icon: helpfulBtnLoading ? (React.createElement(LoadingIndicator, { show: true, size: "xs" })) : (React.createElement(Icon, { size: "md", className: "eval-icons" }, evaluation === CaseRecommendationEvalEnum.HELPFUL ? (React.createElement(ThumbsUpIcon, null)) : (React.createElement(OutlinedThumbsUpIcon, null)))), onClick: () => updateEvaluation(CaseRecommendationEvalEnum.HELPFUL), "data-tracking-id": "recommendation-helpful" },
                     React.createElement(Trans, null, "This was helpful"))),
-            React.createElement(ActionListItem, { className: "pf-v5-u-ml-lg" },
+            React.createElement(ActionListItem, { className: "pf-v6-u-ml-lg" },
                 React.createElement(Button, { variant: "link", isDisabled: helpfulBtnLoading || notHelpfulBtnLoading, icon: notHelpfulBtnLoading ? (React.createElement(LoadingIndicator, { show: true, size: "xs" })) : (React.createElement(Icon, { size: "md", className: "eval-icons" }, evaluation === CaseRecommendationEvalEnum.NOT_HELPFUL ? (React.createElement(ThumbsDownIcon, null)) : (React.createElement(OutlinedThumbsDownIcon, null)))), onClick: () => updateEvaluation(CaseRecommendationEvalEnum.NOT_HELPFUL), "data-tracking-id": "recommendation-not-helpful" },
                     React.createElement(Trans, null, "Not helpful"))))));
 }

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

@@ -3,6 +3,6 @@ import { SubscriptionAbuseModalText, SubscriptionAbuseModalTitle } from '@rh-sup
 import React from 'react';
 import { Trans } from 'react-i18next';
 export function CaseSubscriptionAbuseAlert() {
-    return (React.createElement(Alert, { className: "pf-v5-u-mb-md", isInline: true, variant: AlertVariant.warning, title: React.createElement(Trans, null, SubscriptionAbuseModalTitle), children: React.createElement("p", { className: "pf-v5-u-mb-sm" },
+    return (React.createElement(Alert, { className: "pf-v6-u-mb-md", isInline: true, variant: AlertVariant.warning, title: React.createElement(Trans, null, SubscriptionAbuseModalTitle), children: React.createElement("p", { className: "pf-v6-u-mb-sm" },
             React.createElement(Trans, null, SubscriptionAbuseModalText)) }));
 }

package/lib/esm/components/CaseEditView/ConfirmationModals/ReopenCaseModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReopenCaseModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ConfirmationModals/ReopenCaseModal.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAEzE,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,KAAA,EAAE,SAAS,KAAA,EAAE,UAAU,CAAC,KAAA,EAAE,iBAAiB,CAAC,KAAA,EAAE,cAAc,CAAC,KAAA,EAAE,mBAAmB,CAAC,KAAA,KAAK,IAAI,CAAC;IACpH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,cAAc,CAAC;IAC7B,aAAa,EAAE,MAAM,CAAC;CACzB;AAMD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,qBAuM5C"}
+{"version":3,"file":"ReopenCaseModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ConfirmationModals/ReopenCaseModal.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAEzE,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,KAAA,EAAE,SAAS,KAAA,EAAE,UAAU,CAAC,KAAA,EAAE,iBAAiB,CAAC,KAAA,EAAE,cAAc,CAAC,KAAA,EAAE,mBAAmB,CAAC,KAAA,KAAK,IAAI,CAAC;IACpH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,cAAc,CAAC;IAC7B,aAAa,EAAE,MAAM,CAAC;CACzB;AAMD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,qBA0M5C"}

package/lib/esm/components/CaseEditView/ConfirmationModals/ReopenCaseModal.js

@@ -8,9 +8,10 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { Button, ButtonVariant, Form, FormGroup, FormHelperText, HelperText, HelperTextItem, Modal, ModalVariant, TextArea, } from '@patternfly/react-core';
-import { Select, SelectOption } from '@patternfly/react-core/deprecated';
+import { SingleSelectDropdown } from '@rh-support/components';
 import { formatDateTime } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
+import map from 'lodash/map';
 import React, { useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { CaseStatusEnum } from '../../../constants/caseDetailsConstants';
@@ -21,11 +22,9 @@ export function ReopenCaseModal(props) {
     const { t } = useTranslation();
     const [reopenDescription, setReopenDescription] = useState('');
     const [selectedReason, setSelectedReason] = useState('');
-    const [showDropdown, setShowDropdown] = useState(false);
     const [showTextArea, setShowTextArea] = useState(props.isInternal);
     const [showValidationError, setShowValidationError] = useState(false);
     const [selectedStatus, setSelectedStatus] = useState('');
-    const onDropdownToggle = (toggle) => setShowDropdown(toggle);
     const onDescriptionChange = (text) => {
         setShowValidationError(false);
         setReopenDescription(text);
@@ -57,40 +56,51 @@ export function ReopenCaseModal(props) {
         let submissionDate = new Date();
         props.onConfirm(getCommentBody(), props.reopenStatus || selectedStatus || CaseStatusEnum.WAITING_ON_REDHAT, submissionDate, props.whoIsUpdating, selectedReason, reopenDescription);
     });
-    const onReasonChange = (event, resolution) => {
-        setSelectedReason(resolution);
+    const onReasonChange = (option) => {
+        setSelectedReason(option.value);
         setShowValidationError(false);
-        reasonWithDescription.includes(resolution) ? setShowTextArea(true) : setShowTextArea(false);
-        onDropdownToggle(false);
+        reasonWithDescription.includes(option.value) ? setShowTextArea(true) : setShowTextArea(false);
     };
-    const onStatusChange = (event, status) => {
+    const onStatusChange = (option) => {
         setShowValidationError(false);
-        setSelectedStatus(status);
-        onDropdownToggle(false);
+        setSelectedStatus(option.value);
     };
     const isDescriptionEmpty = showTextArea ? isEmpty(reopenDescription === null || reopenDescription === void 0 ? void 0 : reopenDescription.trim()) : false;
-    return (React.createElement(Modal, { className: "case-reopen-modal", id: "case-reopen-modal", title: t(`Reopening case ${props.caseNumber}`), "aria-describedby": "case-reopen-modal", isOpen: true, onClose: props.onClose, showClose: true, actions: [
-            React.createElement(Button, { key: "submit-description", variant: ButtonVariant.primary, onClick: onSubmit, isLoading: props.isUpdating, isDisabled: isDescriptionEmpty || showValidationError || props.isUpdating, "data-tracking-id": "reopen-case-description-modal-submit" },
-                React.createElement(Trans, null, "Reopen case")),
-            React.createElement(Button, { key: "close-modal", variant: ButtonVariant.secondary, onClick: props.onClose, isDisabled: props.isUpdating, "data-tracking-id": "reopen-case-description-modal-cancel" },
-                React.createElement(Trans, null, "Cancel")),
-        ], variant: ModalVariant.medium },
+    const getReasonDropdownOptions = map(reasonsList, (option) => ({
+        label: option,
+        value: option,
+    }));
+    const getStatusDropdownOptions = map(props.allStatuses.filter((status) => status !== CaseStatusEnum.CLOSED), (option) => ({
+        label: option,
+        value: option,
+    }));
+    const getSelectedReasonOption = {
+        label: selectedReason,
+        value: selectedReason,
+    };
+    const getSelectedStatusOption = {
+        label: selectedStatus,
+        value: selectedStatus,
+    };
+    return (React.createElement(Modal, { className: "case-reopen-modal", id: "case-reopen-modal", title: t(`Reopening case ${props.caseNumber}`), "aria-describedby": "case-reopen-modal", isOpen: true, onClose: props.onClose, variant: ModalVariant.medium },
         React.createElement(Form, { className: "case-reopen-modal-form" },
             (!props.isInternal || !props.reopenStatus) && (React.createElement(FormGroup, { label: t(props.isInternal ? 'Status' : 'Reason'), isRequired: true, fieldId: "case-resolution" },
                 showValidationError && (props.isInternal ? !selectedStatus : !selectedReason) && (React.createElement(FormHelperText, null,
                     React.createElement(HelperText, null,
-                        React.createElement(HelperTextItem, { variant: "error", hasIcon: true },
+                        React.createElement(HelperTextItem, { variant: "error" },
                             React.createElement(Trans, null, "Required field"))))),
-                props.isInternal ? (React.createElement(Select, { "aria-label": t('Select an option that best fits'), id: "reopen-case-status", selections: selectedStatus, onSelect: onStatusChange, isOpen: showDropdown, isDisabled: props.isUpdating, menuAppendTo: document.body, validated: showValidationError && !selectedStatus ? 'error' : 'default', placeholderText: t('Select an option that best fits'), onToggle: (_event, toggle) => onDropdownToggle(toggle) }, props.allStatuses
-                    .filter((status) => status !== CaseStatusEnum.CLOSED)
-                    .map((option, index) => (React.createElement(SelectOption, { key: index, value: option },
-                    React.createElement(Trans, null, option)))))) : (React.createElement(Select, { "aria-label": t('Select an option that best fits'), id: "case-resolution", selections: selectedReason, onSelect: onReasonChange, isOpen: showDropdown, isDisabled: props.isUpdating, menuAppendTo: document.body, validated: showValidationError && !selectedReason ? 'error' : 'default', placeholderText: t('Select an option that best fits'), onToggle: (_event, toggle) => onDropdownToggle(toggle) }, reasonsList.map((option, index) => (React.createElement(SelectOption, { key: index, value: option },
-                    React.createElement(Trans, null, option)))))))),
+                props.isInternal ? (React.createElement(SingleSelectDropdown, { placeholder: t('Select an option that best fits'), dataTrackingId: "reopen-case-status", options: getStatusDropdownOptions, selected: getSelectedStatusOption, isDisabled: props.isUpdating, isInvalid: showValidationError && !selectedStatus, onSelect: onStatusChange })) : (React.createElement(SingleSelectDropdown, { placeholder: t('Select an option that best fits'), dataTrackingId: "case-resolution", options: getReasonDropdownOptions, selected: getSelectedReasonOption, isDisabled: props.isUpdating, isInvalid: showValidationError && !selectedReason, onSelect: onReasonChange })))),
             showTextArea && (React.createElement(FormGroup, { label: t('Please describe your reason'), type: "text", isRequired: true, fieldId: "reopen-case-description" },
                 React.createElement(TextArea, { placeholder: t(props.isInternal
                         ? 'Describe the reason for reopening with the selected status'
                         : 'The better the description, the easier it will be for our support team to address your case.'), validated: showValidationError && isDescriptionEmpty && !reopenDescription ? 'error' : 'default', isRequired: true, id: "reopen-case-description", name: "reopen-case-description", "aria-describedby": "reopen-case-description", value: reopenDescription, onChange: (_event, text) => onDescriptionChange(text), isDisabled: props.isUpdating, resizeOrientation: "vertical" }),
                 React.createElement(FormHelperText, null,
                     React.createElement(HelperText, null,
-                        React.createElement(HelperTextItem, null, t(`Your comment will be visible${props.isInternal ? ' to the customers' : ''} under discussions after reopening.`)))))))));
+                        React.createElement(HelperTextItem, null, t(`Your comment will be visible${props.isInternal ? ' to the customers' : ''} under discussions after reopening.`)))))),
+            React.createElement("div", { className: "pf-v6-u-pt-md" },
+                React.createElement(Button, { key: "submit-description", variant: ButtonVariant.primary, onClick: onSubmit, isLoading: props.isUpdating, isDisabled: isDescriptionEmpty || showValidationError || props.isUpdating, "data-tracking-id": "reopen-case-description-modal-submit" },
+                    React.createElement(Trans, null, "Reopen case")),
+                ' ',
+                React.createElement(Button, { key: "close-modal", variant: ButtonVariant.secondary, onClick: props.onClose, isDisabled: props.isUpdating, "data-tracking-id": "reopen-case-description-modal-cancel" },
+                    React.createElement(Trans, null, "Cancel"))))));
 }

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

@@ -1,4 +1,4 @@
-import { Button, Modal, ModalVariant } from '@patternfly/react-core';
+import { Button, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant } from '@patternfly/react-core';
 import DownloadIcon from '@patternfly/react-icons/dist/js/icons/download-icon';
 import { savePDF } from '@progress/kendo-react-pdf';
 import React, { useRef, useState } from 'react';
@@ -46,7 +46,7 @@ export function PDFContainer(props) {
         setValues(Object.assign(Object.assign({}, values), { [event.target.name]: event.target.value }));
     }
     function exportPDFButton(caseNumber) {
-        return (React.createElement(Button, { title: "Export as PDF", variant: "link", isInline: true, className: isExportingPDF ? 'hide-in-pdf' : '', "data-tracking-id": "export-case-as-pdf", onClick: openModal(caseNumber), disabled: isExportingPDF, icon: React.createElement(DownloadIcon, null), iconPosition: "right" },
+        return (React.createElement(Button, { title: t('Export as PDF'), variant: "link", isInline: true, className: isExportingPDF ? 'hide-in-pdf' : '', "data-tracking-id": "export-case-as-pdf", onClick: openModal(caseNumber), disabled: isExportingPDF, icon: React.createElement(DownloadIcon, null), iconPosition: "right" },
             React.createElement(Trans, null, "Export")));
     }
     const exportToPDF = () => {
@@ -73,20 +73,24 @@ export function PDFContainer(props) {
         }, 500);
     };
     return (React.createElement(React.Fragment, null,
-        React.createElement(Modal, { variant: ModalVariant.small, title: t('Export PDF'), description: t('Select a version to download.'), isOpen: showModal, onClose: handleModalToggle, actions: [
+        React.createElement(Modal, { variant: ModalVariant.small, title: t('Export PDF'), isOpen: showModal, onClose: handleModalToggle },
+            React.createElement(ModalHeader, null,
+                React.createElement("h2", { className: "pf-v6-u-m-0" }, t('Export PDF'))),
+            React.createElement(ModalBody, null,
+                React.createElement("p", { className: "pf-v6-u-mb-md pf-v6-u-text-color-subtle" }, t('Select a version to download.')),
+                React.createElement("form", { action: "", onSubmit: handleFormConfirmAction },
+                    React.createElement("fieldset", { className: "form-group radios", role: "radiogroup", "aria-labelledby": "", "data-role": "controlgroup" },
+                        React.createElement("legend", { id: "group_label_1" },
+                            React.createElement(Trans, null, "Case discussions:")),
+                        React.createElement("label", { className: "radio-inline", htmlFor: "reduced" },
+                            React.createElement("input", { type: "radio", id: "reduced", name: "pdfOption", value: "Reduced", "data-tracking-id": "export-case-as-pdf-no-discussion", checked: values.pdfOption === 'Reduced', required: true, onChange: handleChange }),
+                            React.createElement(Trans, null, "No discussions")),
+                        React.createElement("label", { className: "radio-inline", htmlFor: "original" },
+                            React.createElement("input", { type: "radio", id: "original", name: "pdfOption", value: "Original", "data-tracking-id": "export-case-as-pdf-all-discussion", checked: values.pdfOption === 'Original', required: true, onChange: handleChange }),
+                            React.createElement(Trans, null, "All"))))),
+            React.createElement(ModalFooter, null,
                 React.createElement(Button, { key: "confirm", "data-tracking-id": "export-case-as-pdf-confirm", variant: "primary", onClick: handleButtonConfirmAction }, "Confirm"),
-                React.createElement(Button, { key: "cancel", "data-tracking-id": "export-case-as-pdf-cancel", variant: "link", onClick: handleModalToggle }, "Cancel"),
-            ] },
-            React.createElement("form", { action: "", onSubmit: handleFormConfirmAction },
-                React.createElement("fieldset", { className: "form-group radios", role: "radiogroup", "aria-labelledby": "", "data-role": "controlgroup" },
-                    React.createElement("legend", { id: "group_label_1" },
-                        React.createElement(Trans, null, "Case discussions:")),
-                    React.createElement("label", { className: "radio-inline", htmlFor: "reduced" },
-                        React.createElement("input", { type: "radio", id: "reduced", name: "pdfOption", value: "Reduced", "data-tracking-id": "export-case-as-pdf-no-discussion", checked: values.pdfOption === 'Reduced', required: true, onChange: handleChange }),
-                        React.createElement(Trans, null, "No discussions")),
-                    React.createElement("label", { className: "radio-inline", htmlFor: "original" },
-                        React.createElement("input", { type: "radio", id: "original", name: "pdfOption", value: "Original", "data-tracking-id": "export-case-as-pdf-all-discussion", checked: values.pdfOption === 'Original', required: true, onChange: handleChange }),
-                        React.createElement(Trans, null, "All"))))),
+                React.createElement(Button, { key: "cancel", "data-tracking-id": "export-case-as-pdf-cancel", variant: "link", onClick: handleModalToggle }, "Cancel"))),
         React.createElement(PDFContext.Provider, { value: { isExportingPDF, exportPDFButton, pdfOption: values.pdfOption } },
             React.createElement("section", { ref: pdfRef }, props.children))));
 }

package/lib/esm/components/CaseEditView/RequestRemoteSession/ESSRemoteSession.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ESSRemoteSession.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/ESSRemoteSession.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,eAAO,MAAM,gBAAgB,+EAuH3B,CAAC"}
+{"version":3,"file":"ESSRemoteSession.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/ESSRemoteSession.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,eAAO,MAAM,gBAAgB,+EAwH3B,CAAC"}

package/lib/esm/components/CaseEditView/RequestRemoteSession/ESSRemoteSession.js

@@ -1,4 +1,4 @@
-import { Button, List, ListItem, Popover, Tooltip } from '@patternfly/react-core';
+import { Button, Card, CardBody, CardHeader, List, ListItem, Popover, Tooltip } from '@patternfly/react-core';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import LockIcon from '@patternfly/react-icons/dist/js/icons/lock-icon';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
@@ -22,12 +22,13 @@ export const ESSRemoteSession = forwardRef((props, ref) => {
         setOpenNewESSRemoteSessionModal((openNewESSRemoteSessionModal) => !openNewESSRemoteSessionModal);
     };
     // ESS RS Aside Section Body
-    const ESSRemoteSessionSectionBody = (React.createElement("div", { className: "card card-white card-support escalations", ref: ref },
-        React.createElement("h3", { className: "card-heading case-detail-panel-card-heading pf-v5-u-display-flex pf-v5-u-justify-content-space-between card-header-bg" },
-            t('Remote session request'),
-            React.createElement(Popover, { "aria-label": t('Remote Session Helper Info'), bodyContent: t('A remote session allows support engineers to view or access your computer to simplify collaboration and troubleshooting.'), footerContent: React.createElement("a", { href: "/articles/3566571", target: "_blank", rel: "noopener noreferrer", "aria-label": t('Read more about remote sessions') }, t('Read more about remote sessions')) },
-                React.createElement(InfoCircleIcon, null))),
-        React.createElement("div", { className: "card-body" },
+    const ESSRemoteSessionSectionBody = (React.createElement(Card, { className: "card-support escalations", ref: ref },
+        React.createElement(CardHeader, null,
+            React.createElement("h3", { className: "card-heading case-detail-panel-card-heading pf-v6-u-display-flex pf-v6-u-justify-content-space-between" },
+                t('Remote session request'),
+                React.createElement(Popover, { "aria-label": t('Remote Session Helper Info'), bodyContent: t('A remote session allows support engineers to view or access your computer to simplify collaboration and troubleshooting.'), footerContent: React.createElement("a", { href: "/articles/3566571", target: "_blank", rel: "noopener noreferrer", "aria-label": t('Read more about remote sessions') }, t('Read more about remote sessions')) },
+                    React.createElement(InfoCircleIcon, null)))),
+        React.createElement(CardBody, null,
             isInternal && (React.createElement(React.Fragment, null,
                 React.createElement("p", null,
                     React.createElement(LockIcon, null),
@@ -43,7 +44,7 @@ export const ESSRemoteSession = forwardRef((props, ref) => {
             isExternal && (React.createElement(React.Fragment, null,
                 React.createElement("p", null,
                     React.createElement("strong", null, `${t('Red Hat may agree to remotely access your systems if:')}`)),
-                React.createElement(List, { className: "pf-v5-u-pl-xl" },
+                React.createElement(List, { className: "pf-v6-u-pl-xl" },
                     React.createElement(ListItem, null, t('Such access will help diagnose and have greater understanding into the issue.')),
                     React.createElement(ListItem, null, t('Agreed upon by both Red Hat and you, the end user'))),
                 React.createElement("p", { className: "rrs-light-grey-text" }, t('Red Hat will add a comment to your case to schedule your remote session.')),

package/lib/esm/components/CaseEditView/RequestRemoteSession/ESSRemoteSessionModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ESSRemoteSessionModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/ESSRemoteSessionModal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,KAAmB,MAAM,OAAO,CAAC;AAgBxC,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,QAAQ,EAAE,OAAO,CAAC;IAClB,sBAAsB,EAAE,OAAO,CAAC;CACnC;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,qBAuKlD"}
+{"version":3,"file":"ESSRemoteSessionModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/ESSRemoteSessionModal.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,KAAmB,MAAM,OAAO,CAAC;AAgBxC,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,QAAQ,EAAE,OAAO,CAAC;IAClB,sBAAsB,EAAE,OAAO,CAAC;CACnC;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,qBAsKlD"}

package/lib/esm/components/CaseEditView/RequestRemoteSession/ESSRemoteSessionModal.js

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { publicApi } from '@cee-eng/hydrajs';
-import { Button, ButtonVariant, Icon, Modal, ModalVariant, Title, TitleSizes } from '@patternfly/react-core';
+import { Button, ButtonVariant, Icon, Modal, ModalFooter, ModalHeader, ModalVariant, Title, TitleSizes, } from '@patternfly/react-core';
 import CheckCircleIcon from '@patternfly/react-icons/dist/js/icons/check-circle-icon';
 import { ToastNotification, useFetch } from '@rh-support/components';
 import React, { useState } from 'react';
@@ -79,31 +79,28 @@ export function ESSRemoteSessionModal(props) {
     };
     // To check and if Request remote session button is loading
     const isAgreeLoading = agreeLoading || isPostingComment;
-    // ESS RS Modal Actions
-    const modalActions = [
-        React.createElement(Button, { key: "submit", "aria-label": t('Request remote session'), variant: ButtonVariant.primary, onClick: onSubmit, "data-tracking-id": "ess-request-remote-session", isLoading: isAgreeLoading }, t('Request remote session')),
-        React.createElement(Button, { key: "cancel", variant: "link", onClick: props.onClose }, t('Cancel')),
-    ];
-    const acceptedModalActions = [
-        React.createElement(Button, { key: "cancel", variant: ButtonVariant.primary, onClick: props.onClose },
-            React.createElement(Trans, null, "Close")),
-    ];
     // Body of ESS Modal
     const ESSRemoteSessionModalBody = () => {
         return (React.createElement(React.Fragment, null,
-            React.createElement("p", { className: "pf-v5-u-mt-xs" },
+            React.createElement("p", { className: "pf-v6-u-mt-xs" },
                 React.createElement(Trans, null, "To troubleshoot your problem, Red Hat support accesses your network or systems remotely."))));
     };
     const RequestedESSRemoteSessionModalBody = () => {
         return (React.createElement(React.Fragment, null,
-            React.createElement("p", { className: "pf-v5-u-mt-xs" },
+            React.createElement("p", { className: "pf-v6-u-mt-xs" },
                 React.createElement(Trans, null, "Red Hat will add a comment to your case to schedule your remote session."))));
     };
     const essModalHeader = props.screenSessionRequested ? (React.createElement(React.Fragment, null,
-        React.createElement(Title, { className: "pf-v5-u-mb-xs", id: "modal-custom-header-label", headingLevel: "h1", size: TitleSizes['2xl'] },
+        React.createElement(Title, { className: "pf-v6-u-mb-xs", id: "modal-custom-header-label", headingLevel: "h1", size: TitleSizes['2xl'] },
             React.createElement(Icon, { size: "lg" },
-                React.createElement(CheckCircleIcon, { color: "#3E8635", className: "pf-v5-u-mr-md" })),
+                React.createElement(CheckCircleIcon, { color: "#3E8635", className: "pf-v6-u-mr-md" })),
             t('Remote session has been requested')))) : (React.createElement(React.Fragment, null,
-        React.createElement(Title, { className: "pf-v5-u-mb-xs", id: "modal-custom-header-label", headingLevel: "h1", size: TitleSizes['2xl'] }, t('Request a remote session?'))));
-    return (React.createElement(Modal, { variant: ModalVariant.small, id: "remote-session-agreement-modal", "aria-label": props.screenSessionRequested ? t('Remote session has been requested') : t('Request a remote session?'), header: essModalHeader, isOpen: props.show, onClose: onCancel, actions: props.screenSessionRequested ? acceptedModalActions : modalActions }, props.screenSessionRequested ? RequestedESSRemoteSessionModalBody() : ESSRemoteSessionModalBody()));
+        React.createElement(Title, { className: "pf-v6-u-mb-xs", id: "modal-custom-header-label", headingLevel: "h1", size: TitleSizes['2xl'] }, t('Request a remote session?'))));
+    return (React.createElement(Modal, { variant: ModalVariant.small, id: "remote-session-agreement-modal", "aria-label": props.screenSessionRequested ? t('Remote session has been requested') : t('Request a remote session?'), isOpen: props.show, onClose: onCancel },
+        React.createElement(ModalHeader, null, essModalHeader),
+        props.screenSessionRequested ? RequestedESSRemoteSessionModalBody() : ESSRemoteSessionModalBody(),
+        React.createElement(ModalFooter, null, props.screenSessionRequested ? (React.createElement(Button, { key: "cancel", variant: ButtonVariant.primary, onClick: props.onClose },
+            React.createElement(Trans, null, "Close"))) : (React.createElement(React.Fragment, null,
+            React.createElement(Button, { key: "submit", "aria-label": t('Request remote session'), variant: ButtonVariant.primary, onClick: onSubmit, "data-tracking-id": "ess-request-remote-session", isLoading: isAgreeLoading }, t('Request remote session')),
+            React.createElement(Button, { key: "cancel", variant: "link", onClick: props.onClose }, t('Cancel')))))));
 }

package/lib/esm/components/CaseEditView/RequestRemoteSession/NewEssTermsModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NewEssTermsModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/NewEssTermsModal.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAYnD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,QAAQ,EAAE,OAAO,CAAC;CACrB;AAiBD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBA6W7C"}
+{"version":3,"file":"NewEssTermsModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/NewEssTermsModal.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAYnD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,QAAQ,EAAE,OAAO,CAAC;CACrB;AAiBD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBA4P7C"}

package/lib/esm/components/CaseEditView/RequestRemoteSession/NewEssTermsModal.js

@@ -8,15 +8,13 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { publicApi } from '@cee-eng/hydrajs';
-import { Alert, Button, ButtonVariant, Checkbox, Modal, TextArea, TextInput } from '@patternfly/react-core';
-import { Select, SelectOption } from '@patternfly/react-core/deprecated';
+import { Button, ButtonVariant, Checkbox, Modal, ModalBody, ModalFooter, ModalHeader } from '@patternfly/react-core';
 import DownloadIcon from '@patternfly/react-icons/dist/js/icons/download-icon';
 import ExternalLinkAltIcon from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
-import { ToastNotification, useFetch } from '@rh-support/components';
-import isEqual from 'lodash/isEqual';
+import { SingleSelectDropdown, ToastNotification, useFetch } from '@rh-support/components';
 import React, { useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import { useCaseDispatch, useCaseSelector } from '../../../context/CaseContext';
+import { useCaseDispatch } from '../../../context/CaseContext';
 import { useCaseDetailsPageStateContext } from '../../../context/CaseDetailsPageContext';
 import { useCaseDiscussionTabDispatchContext, useCaseDiscussionTabStateContext, } from '../../../context/CaseDiscussionTabContext';
 import { updateDiscussionStateComments } from '../../../reducers/CaseDiscussionTabReducer';
@@ -38,12 +36,8 @@ const getLocaleNameFromLocalCode = (localeCode) => {
 };
 export function NewEssTermsModal(props) {
     const { t } = useTranslation();
-    const { remoteSessionTermsAcked } = useCaseSelector((state) => ({
-        remoteSessionTermsAcked: state.caseDetails.remoteSessionTermsAcked,
-    }), isEqual);
     const [isTermsChecked, setIsTermsChecked] = useState(false);
     const { request } = useFetch(publicApi.terms.getRequiredTerms);
-    const [isLangSelectorDropdownOpen, setisLangSelectorDropdownOpen] = useState(false);
     const caseDispatch = useCaseDispatch();
     const [selectedTranslation, setSelectedTranslation] = useState({
         id: '5001',
@@ -55,27 +49,28 @@ export function NewEssTermsModal(props) {
         translatedInstructions: 'Please read and accept the remote session terms below to allow Red Hat to access your network or systems.',
         translatedTermsName: 'Remote Access Agreement',
     });
-    const [allTranslations, setAllTranslations] = useState({});
+    const [languageOptions, setLanguageOptions] = useState([]);
     const [agreeLoading, setAgreeLoading] = useState(false);
-    const [isRemoteSessionForm, setIsRemoteSessionForm] = useState(remoteSessionTermsAcked);
-    const [sessionExpectations, setSessionExpectations] = useState('');
-    const [impact, setImpact] = useState('');
-    const [sessionLink, setSessionLink] = useState('');
     useEffect(() => {
         const fetchTerms = () => __awaiter(this, void 0, void 0, function* () {
             try {
                 const { siteCode, eventCode, loggedInUser } = props;
                 const response = yield request(siteCode, eventCode, loggedInUser);
                 let defaultTranslation = response[0].translations[0];
-                const translationLangInfoMap = response[0].translations.reduce((allTranslationsmap, translation) => {
+                // Transform translations into dropdown options
+                const options = response[0].translations.map((translation) => ({
+                    value: translation,
+                    label: getLocaleNameFromLocalCode(translation.localeCode),
+                    disabled: false,
+                }));
+                // Find default translation
+                response[0].translations.forEach((translation) => {
                     if (translation.isDefault) {
                         defaultTranslation = translation;
                     }
-                    allTranslationsmap[translation['localeCode']] = translation;
-                    return allTranslationsmap;
-                }, {});
+                });
                 setSelectedTranslation(defaultTranslation);
-                setAllTranslations(translationLangInfoMap);
+                setLanguageOptions(options);
             }
             catch (e) {
                 console.log(e);
@@ -90,28 +85,17 @@ export function NewEssTermsModal(props) {
     const dispatchDiscussion = useCaseDiscussionTabDispatchContext();
     const { sort, allDiscussions, discussionFiltersListState } = useCaseDiscussionTabStateContext();
     const { caseDetailsPageState: { caseFeedbacksHydra }, } = useCaseDetailsPageStateContext();
-    const updateSessionExpectation = (event, value) => setSessionExpectations(value);
-    const updateImpact = (event, value) => setImpact(value);
-    const updateSessionLink = (event, value) => setSessionLink(value);
     // To handle modal cancel and close
     const onCancel = () => {
-        if (agreeLoading || isPostingComment)
-            return;
-        setIsTermsChecked(false);
-        setSessionExpectations('');
-        setImpact('');
-        setSessionLink('');
-        setIsRemoteSessionForm(false);
         props.onClose && props.onClose();
     };
     // Function to ack remote session terms and post comment
     const submitRemoteSessionAgreement = (pdfId) => __awaiter(this, void 0, void 0, function* () {
-        const requestComment = t(`**[What is a Remote Support Session and how to acknowledge the Remote Access Rider? Read more.](https://access.redhat.com/articles/3566571)**\n\nSubmitted a remote session request with following details:\n\n**Preferred Time and Expectations for Remote Session**\n${sessionExpectations}\n\n**Describe the impact to you or the business**\n${impact}\n\n${sessionLink ? `**Remote session link**\n[${sessionLink}](${sessionLink})\n\n` : ''}This action does not initiate a remote session. A Red Hat Associate will get back to you soon.`);
+        const requestComment = t('Submitted a remote session request.');
         try {
             yield updateCaseDetails(caseDispatch, props.caseNumber, {
                 remoteSessionTermsAcked: true,
                 screenSessionRequested: true,
-                waitingOnCallback: true,
             });
             try {
                 yield postCommentRequest({
@@ -150,7 +134,6 @@ export function NewEssTermsModal(props) {
             }
         }
     });
-    const toggleRemoteSessionForm = () => setIsRemoteSessionForm(true);
     // To handle submit
     const onSubmit = () => {
         setAgreeLoading(true);
@@ -161,72 +144,46 @@ export function NewEssTermsModal(props) {
         setIsTermsChecked(value);
     };
     // Handle language change
-    const onLangChange = (event, lang) => {
-        setSelectedTranslation(allTranslations[lang]);
-        setisLangSelectorDropdownOpen(false);
+    const onLanguageSelect = (option) => {
+        setSelectedTranslation(option.value);
     };
-    // To handle dropdown toggle
-    const onDropdownToggle = (toggle) => setisLangSelectorDropdownOpen(toggle);
     // To check and if I agree button is loading
     const isAgreeLoading = agreeLoading || isPostingComment;
-    const modalActions = [
-        React.createElement(Button, { "aria-label": t('I agree'), variant: ButtonVariant.primary, onClick: isRemoteSessionForm || remoteSessionTermsAcked ? onSubmit : toggleRemoteSessionForm, "data-tracking-id": isRemoteSessionForm || remoteSessionTermsAcked
-                ? 'remote-session-details-submission'
-                : 'remote-session-agreement-check', isLoading: isAgreeLoading, isDisabled: (isRemoteSessionForm || remoteSessionTermsAcked
-                ? !sessionExpectations.trim() || !impact.trim()
-                : !isTermsChecked) || isAgreeLoading }, t(isRemoteSessionForm || remoteSessionTermsAcked ? 'Submit' : 'I agree')),
-        React.createElement(Button, { key: "cancel", variant: "link", onClick: onCancel, isDisabled: isAgreeLoading }, "Cancel"),
-    ];
-    const renderRemoteSessionForm = (React.createElement("div", { id: "remoteSessionForm", className: "form-group" },
-        React.createElement(Alert, { variant: "info", isInline: true, title: React.createElement(React.Fragment, null,
-                "What is a Remote Support Session and how to acknowledge the Remote Access Rider?",
-                ' ',
-                React.createElement("a", { href: "https://access.redhat.com/articles/3566571", target: "_blank", rel: "noopener noreferrer" }, "Read more.")) }),
-        React.createElement("div", null,
-            React.createElement("label", { className: "pf-v5-u-mt-md" },
-                React.createElement(Trans, null, "Preferred Time and Expectations for Remote Session"),
-                React.createElement("span", { className: "form-required", "aria-hidden": "true" }, "*")),
-            React.createElement(TextArea, { value: sessionExpectations, onChange: updateSessionExpectation, rows: 3, placeholder: "Please share anything that will help prepare for our meeting?", isRequired: true, "aria-label": "Preferred Time and Expectations for Remote Session" })),
-        React.createElement("div", null,
-            React.createElement("label", { className: "pf-v5-u-mt-md" },
-                React.createElement(Trans, null, "Describe the impact to you or the business"),
-                React.createElement("span", { className: "form-required", "aria-hidden": "true" }, "*")),
-            React.createElement(TextArea, { value: impact, onChange: updateImpact, rows: 3, placeholder: "Describe the user or financial impact.", isRequired: true, "aria-label": "Describe the impact to you or the business" })),
-        React.createElement("div", null,
-            React.createElement("label", { className: "pf-v5-u-mt-md" },
-                React.createElement(Trans, null, "Remote session link (optional)")),
-            React.createElement(TextInput, { value: sessionLink, onChange: updateSessionLink, type: "text", "aria-label": "Remote session link" }),
-            React.createElement("p", { className: "form-instructions" }, "If not provided, the Red Hat Support Associate will share a link with you."))));
-    const renderRemoteSessionAgreement = (React.createElement("div", { id: "remoteSessionAgreement" },
-        React.createElement("p", { className: "pf-v5-u-mt-xs" },
-            React.createElement(Trans, null,
-                "Your acceptance of this remote session agreement is required ",
-                React.createElement("strong", null, "for each case"),
-                " when you request Red Hat\u2019s support team to directly access your network or systems.")),
-        React.createElement("p", { className: "pf-v5-u-mt-md" },
-            React.createElement(Trans, null, "Remote access to your network or systems is not a standard Red Hat problem resolution process. Before Red Hat logs into your systems to analyze your support issue during a remote session, Red Hat needs your approval and authorization for such remote access.")),
-        React.createElement("p", { className: "pf-v5-u-mt-md" },
-            React.createElement(Trans, null, "Please read and accept the remote session terms below to allow Red Hat to access your network or systems.")),
-        React.createElement("div", null,
-            React.createElement(Select, { className: "pf-v5-u-mt-md", "aria-label": t('Select language'), id: "terms-language-selector", selections: selectedTranslation.localeCode, onSelect: onLangChange, isOpen: isLangSelectorDropdownOpen, menuAppendTo: document.body, placeholderText: t('Select an option that best fits'), onToggle: (_event, toggle) => onDropdownToggle(toggle), width: 350 }, Object.keys(allTranslations).map((option, index) => (React.createElement(SelectOption, { key: index, value: option }, getLocaleNameFromLocalCode(option))))),
-            React.createElement("a", { "aria-label": t('Download'), "data-tracking-id": "rsa-modal-terms-download", className: "pf-v5-u-ml-md", href: selectedTranslation.pdfDownloadUrl, rel: "noopener noreferrer", target: "_blank" },
-                t('Download'),
-                " ",
-                React.createElement(DownloadIcon, { className: "pf-v5-u-ml-xs" }))),
-        React.createElement("div", null,
-            React.createElement(Checkbox, { className: "pf-v5-u-mt-md rsa-checkbox", id: "terms-accept-checkbox", label: React.createElement(React.Fragment, null,
-                    React.createElement(Trans, null, "I have read and agree to the"),
-                    ' ',
-                    React.createElement("a", { className: "pf-v5-c-button pf-m-link pf-m-inline align-link-items", rel: "noopener noreferrer", target: "_blank", href: selectedTranslation.pdfDownloadUrl, "data-tracking-id": "case-details-request-remote-session-terms" },
-                        React.createElement(Trans, null, "terms "),
-                        React.createElement(ExternalLinkAltIcon, null))), isChecked: isTermsChecked, "aria-label": t('I have read and agree to the terms'), onChange: onCheckBoxChange }))));
     // Body of ESS RSA Modal
     const EssRSAModalBody = () => {
-        return isRemoteSessionForm || remoteSessionTermsAcked ? renderRemoteSessionForm : renderRemoteSessionAgreement;
+        const currentSelection = {
+            value: selectedTranslation,
+            label: getLocaleNameFromLocalCode(selectedTranslation.localeCode),
+            disabled: false,
+        };
+        return (React.createElement(React.Fragment, null,
+            React.createElement("p", { className: "pf-v6-u-mt-xs" },
+                React.createElement(Trans, null,
+                    "Your acceptance of this remote session agreement is required ",
+                    React.createElement("strong", null, "for each case"),
+                    " when you request Red Hat\u2019s support team to directly access your network or systems.")),
+            React.createElement("p", { className: "pf-v6-u-mt-md" },
+                React.createElement(Trans, null, "Remote access to your network or systems is not a standard Red Hat problem resolution process. Before Red Hat logs into your systems to analyze your support issue during a remote session, Red Hat needs your approval and authorization for such remote access.")),
+            React.createElement("p", { className: "pf-v6-u-mt-md" },
+                React.createElement(Trans, null, "Please read and accept the remote session terms below to allow Red Hat to access your network or systems.")),
+            React.createElement("div", null,
+                React.createElement(SingleSelectDropdown, { className: "terms-language-selector pf-v6-u-mt-md", id: "terms-language-selector", selected: currentSelection, options: languageOptions, placeholder: t('Select an option that best fits'), onSelect: onLanguageSelect, ariaLabel: t('Select language') }),
+                React.createElement("a", { "aria-label": t('Download'), "data-tracking-id": "rsa-modal-terms-download", className: "pf-v6-u-ml-md", href: selectedTranslation.pdfDownloadUrl, rel: "noopener noreferrer", target: "_blank" },
+                    t('Download'),
+                    " ",
+                    React.createElement(DownloadIcon, { className: "pf-v6-u-ml-xs" }))),
+            React.createElement("div", null,
+                React.createElement(Checkbox, { className: "pf-v6-u-mt-md rsa-checkbox", id: "terms-accept-checkbox", label: React.createElement(React.Fragment, null,
+                        React.createElement(Trans, null, "I have read and agree to the"),
+                        ' ',
+                        React.createElement("a", { className: "pf-v6-c-button pf-m-link pf-m-inline align-link-items", rel: "noopener noreferrer", target: "_blank", href: selectedTranslation.pdfDownloadUrl, "data-tracking-id": "case-details-request-remote-session-terms" },
+                            React.createElement(Trans, null, "terms "),
+                            React.createElement(ExternalLinkAltIcon, null))), isChecked: isTermsChecked, "aria-label": t('I have read and agree to the terms'), onChange: onCheckBoxChange }))));
     };
-    return (React.createElement(Modal, { id: "remote-session-agreement-modal", "aria-label": isRemoteSessionForm || remoteSessionTermsAcked
-            ? t('Request remote session')
-            : t('Remote session agreement'), title: isRemoteSessionForm || remoteSessionTermsAcked
-            ? t('Request remote session')
-            : t('Remote session agreement'), isOpen: props.show, onClose: onCancel, actions: modalActions }, EssRSAModalBody()));
+    return (React.createElement(Modal, { id: "remote-session-agreement-modal", "aria-label": t('Remote Session Agreement'), isOpen: props.show, onClose: onCancel },
+        React.createElement(ModalHeader, null,
+            React.createElement("h2", null, t('Remote Session Agreement'))),
+        React.createElement(ModalBody, null, EssRSAModalBody()),
+        React.createElement(ModalFooter, null,
+            React.createElement(Button, { key: "submit", "aria-label": t('I agree'), variant: ButtonVariant.primary, onClick: onSubmit, "data-tracking-id": "remote-session-agreement-check", isLoading: isAgreeLoading, isDisabled: !isTermsChecked || isAgreeLoading }, t('I agree')))));
 }

package/lib/esm/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RemoteSessionAgreement.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreement.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,0BAA0B,EAAE,OAAO,CAAC;IACpC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,sBAAsB,+EAqHjC,CAAC"}
+{"version":3,"file":"RemoteSessionAgreement.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreement.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,0BAA0B,EAAE,OAAO,CAAC;IACpC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,sBAAsB,+EAuHjC,CAAC"}