@rh-support/troubleshoot 2.7.0 → 2.7.10

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

@@ -7,44 +7,30 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+import { useApolloClient } from '@apollo/client/react';
 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 { Alert, Button, ButtonVariant, Checkbox, Modal, ModalBody, ModalFooter, ModalHeader, Progress, ProgressMeasureLocation, ProgressSize, TextArea, TextInput, } 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 { SingleSelectDropdown, useFetch } from '@rh-support/components';
+import { resolveSalesforceUserIdByFederationId } from '@rh-support/utils';
 import isEqual from 'lodash/isEqual';
 import React, { useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../../context/CaseContext';
-import { useCaseDetailsPageStateContext } from '../../../context/CaseDetailsPageContext';
-import { useCaseDiscussionTabDispatchContext, useCaseDiscussionTabStateContext, } from '../../../context/CaseDiscussionTabContext';
-import { updateDiscussionStateComments } from '../../../reducers/CaseDiscussionTabReducer';
-import { checkForCaseStatusToggleOnAttachOrComment, setRemoteRiderFlag, updateCaseDetails, } from '../../../reducers/CaseReducer';
-const getLocaleNameFromLocalCode = (localeCode) => {
-    if ('Intl' in window && 'DisplayNames' in Intl) {
-        try {
-            const [lang, locale] = localeCode.includes('_') ? localeCode.split('_') : localeCode.split('-');
-            // https://github.com/microsoft/TypeScript/issues/41338
-            const langName = new Intl.DisplayNames([lang], { type: 'language' });
-            const regionNamesInLang = new Intl.DisplayNames([lang], { type: 'region' });
-            return `${regionNamesInLang.of(locale)} (${langName.of(lang)})`;
-        }
-        catch (e) {
-            return localeCode;
-        }
-    }
-    return localeCode;
-};
+import { GET_CASE_COMMENTS, useCreateCaseComment } from '../../../hooks/useCaseComments';
+import { checkForCaseStatusToggleOnAttachOrComment, setRemoteRiderFlag, updateCaseDetailsGraphQL, } from '../../../reducers/CaseReducer';
+import { buildRemoteSessionRequestCaseUpdate, formatSessionLinks, getLocaleNameFromLocalCode, getRemoteSessionFieldProgressVariant, isRemoteSessionFieldOverLimit, isRemoteSessionFormSubmitDisabled, REMOTE_SESSION_FIELD_LENGTH_ERROR, REMOTE_SESSION_FIELD_LENGTH_LIMIT, } from './remoteSessionUtils';
 export function RemoteSessionAgreementModal(props) {
     const { t } = useTranslation();
     const { remoteSessionTermsAcked } = useCaseSelector((state) => ({
         remoteSessionTermsAcked: state.caseDetails.remoteSessionTermsAcked,
+        caseDetails: state.caseDetails,
     }), isEqual);
     const [isTermsChecked, setIsTermsChecked] = useState(false);
     const { request } = useFetch(publicApi.terms.getRequiredTerms);
-    const [isLangSelectorDropdownOpen, setisLangSelectorDropdownOpen] = useState(false);
     const caseDispatch = useCaseDispatch();
+    const apolloClient = useApolloClient();
     const [selectedTranslation, setSelectedTranslation] = useState({
         id: '5001',
         isDefault: false,
@@ -61,21 +47,24 @@ export function RemoteSessionAgreementModal(props) {
     const [sessionExpectations, setSessionExpectations] = useState('');
     const [impact, setImpact] = useState('');
     const [sessionLink, setSessionLink] = useState('');
+    const [hasSubmitted, setHasSubmitted] = useState(false);
     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) => {
-                    if (translation.isDefault) {
-                        defaultTranslation = translation;
-                    }
-                    allTranslationsmap[translation['localeCode']] = translation;
-                    return allTranslationsmap;
-                }, {});
-                setSelectedTranslation(defaultTranslation);
-                setAllTranslations(translationLangInfoMap);
+                if (response) {
+                    let defaultTranslation = response[0].translations[0];
+                    const translationLangInfoMap = response[0].translations.reduce((allTranslationsmap, translation) => {
+                        if (translation.isDefault) {
+                            defaultTranslation = translation;
+                        }
+                        allTranslationsmap[translation['localeCode']] = translation;
+                        return allTranslationsmap;
+                    }, {});
+                    setSelectedTranslation(defaultTranslation);
+                    setAllTranslations(translationLangInfoMap);
+                }
             }
             catch (e) {
                 console.log(e);
@@ -84,58 +73,75 @@ export function RemoteSessionAgreementModal(props) {
         fetchTerms();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    const { request: postCommentRequest, isFetching: isPostingComment } = useFetch(publicApi.kase.postComment, {
-        propgateErrors: true,
-    });
-    const dispatchDiscussion = useCaseDiscussionTabDispatchContext();
-    const { sort, allDiscussions, discussionFiltersListState } = useCaseDiscussionTabStateContext();
-    const { caseDetailsPageState: { caseFeedbacksHydra }, } = useCaseDetailsPageStateContext();
+    const client = useApolloClient();
+    const { createComment, loading: isPostingComment } = useCreateCaseComment();
+    const caseSalesforceId = useCaseSelector((state) => state.caseDetails.id, isEqual);
     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);
+        setIsRemoteSessionForm(remoteSessionTermsAcked);
+        setHasSubmitted(false);
         props.onClose && props.onClose();
     };
     const toggleRemoteSessionForm = () => setIsRemoteSessionForm(true);
+    const existingCaseDetails = useCaseSelector((state) => state.caseDetails, isEqual);
     // Function to ack remote session terms and post comment
     const submitRemoteSessionAgreement = (pdfId) => __awaiter(this, void 0, void 0, function* () {
-        const requestComment = t(`Submitted 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(`<p><strong>Thank you for submitting the request for a remote session. A support manager will review the request, and updates will be provided in the support case. Please continue to provide any data requested by the support engineers in the case prior to the remote session (if applicable).</strong></p><p>Submitted a remote session request with following details:</p><p><strong>Preferred Time and Expectations of remote session</strong></p><p>${sessionExpectations}</p><p><strong>Describe the impact to you or the business</strong></p><p>${impact}</p>${sessionLink
+            ? `<p><strong>Remote session link</strong></p><p>${formatSessionLinks(sessionLink)}</p>`
+            : ''}<p>This action does not initiate a remote session. A Red Hat Associate will get back to you soon.</p>`);
         try {
-            yield updateCaseDetails(caseDispatch, props.caseNumber, {
-                remoteSessionTermsAcked: true,
-                waitingOnCallback: true,
-            });
+            const ackedByUserId = yield resolveSalesforceUserIdByFederationId(apolloClient, props.loggedInUser);
+            if (!ackedByUserId) {
+                throw new Error('Salesforce user id is required to request a remote session');
+            }
+            yield updateCaseDetailsGraphQL(caseDispatch, apolloClient, props.caseNumber, buildRemoteSessionRequestCaseUpdate(ackedByUserId), false, { existingCaseDetails });
             setRemoteRiderFlag(caseDispatch, true);
             try {
-                yield postCommentRequest({
+                yield createComment({
+                    caseId: caseSalesforceId,
+                    body: requestComment,
+                    isPublic: true,
+                });
+                client.refetchQueries({ include: [GET_CASE_COMMENTS] });
+                yield checkForCaseStatusToggleOnAttachOrComment(caseDispatch, props.loggedInUserRights.data.isInternal(), props.caseStatus, {
+                    apolloClient: client,
                     caseNumber: props.caseNumber,
-                    commentBody: requestComment,
-                    contentType: 'markdown',
+                    existingCaseDetails,
                 });
-                updateDiscussionStateComments(dispatchDiscussion, caseDispatch, props.caseNumber, allDiscussions, sort, caseFeedbacksHydra.data, discussionFiltersListState);
-                checkForCaseStatusToggleOnAttachOrComment(caseDispatch, props.loggedInUserRights.data.isInternal(), props.caseStatus);
                 setAgreeLoading(false);
-                ToastNotification.addSuccessMessage(t('Remote session has been requested successfully'), t('Red Hat will add a comment to your case to schedule your remote session'));
+                setHasSubmitted(true);
+                // ToastNotification.addSuccessMessage(
+                //     t('Remote session has been requested successfully'),
+                //     t('Red Hat will add a comment to your case to schedule your remote session')
+                // );
             }
             catch (e) {
-                ToastNotification.addWarningMessage(t('Could not submit a comment'), t('Rest assured, we have noted you have accepted the agreement'));
+                // ToastNotification.addWarningMessage(
+                //     t('Could not submit a comment'),
+                //     t('Rest assured, we have noted you have accepted the agreement')
+                // );
                 setAgreeLoading(false);
                 props.onClose();
             }
-            props.onClose();
         }
         catch (e) {
             if (props.readOnly) {
-                ToastNotification.addDangerMessage(t('You are not authorized to update this case.'));
+                // ToastNotification.addDangerMessage(t('You are not authorized to update this case.'));
             }
             else {
-                ToastNotification.addDangerMessage(t('Could not accept the remote access rider agreement'), t('Please try again.'));
+                // ToastNotification.addDangerMessage(
+                //     t('Could not accept the remote access rider agreement'),
+                //     t('Please try again.')
+                // );
             }
             setAgreeLoading(false);
             setIsTermsChecked(false);
@@ -152,73 +158,92 @@ export function RemoteSessionAgreementModal(props) {
         setIsTermsChecked(value);
     };
     // Handle language change
-    const onLangChange = (event, lang) => {
-        setSelectedTranslation(allTranslations[lang]);
-        setisLangSelectorDropdownOpen(false);
+    const onLangChange = (lang) => {
+        setSelectedTranslation(allTranslations[lang.value]);
     };
-    // To handle dropdown toggle
-    const onDropdownToggle = (toggle) => setisLangSelectorDropdownOpen(toggle);
     // To check and if I agree button is loading
     const isAgreeLoading = agreeLoading || isPostingComment;
-    // RSA Modal Actions
-    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 languageOptions = Object.keys(allTranslations).map((option) => ({
+        value: option,
+        label: getLocaleNameFromLocalCode(option),
+    }));
+    // Create selected option object based on current selection
+    const selectedLanguage = {
+        value: selectedTranslation.localeCode,
+        label: selectedTranslation.localeCode
+            ? getLocaleNameFromLocalCode(selectedTranslation.localeCode)
+            : t('Select an option that best fits'),
+    };
     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("label", { className: "pf-v6-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(TextArea, { value: sessionExpectations, onChange: updateSessionExpectation, rows: 3, placeholder: "Please share anything that will help prepare for our meeting?", isRequired: true, validated: isRemoteSessionFieldOverLimit(sessionExpectations) ? 'error' : 'default', "aria-invalid": isRemoteSessionFieldOverLimit(sessionExpectations), "aria-label": "Preferred Time and Expectations for Remote Session" }),
+            React.createElement("p", { className: "form-instructions pf-v6-u-danger-color-100" }, isRemoteSessionFieldOverLimit(sessionExpectations) ? REMOTE_SESSION_FIELD_LENGTH_ERROR : ''),
+            React.createElement(Progress, { value: sessionExpectations === null || sessionExpectations === void 0 ? void 0 : sessionExpectations.length, min: 0, max: REMOTE_SESSION_FIELD_LENGTH_LIMIT, size: ProgressSize.sm, label: `${sessionExpectations === null || sessionExpectations === void 0 ? void 0 : sessionExpectations.length} / ${REMOTE_SESSION_FIELD_LENGTH_LIMIT}`, valueText: `${sessionExpectations === null || sessionExpectations === void 0 ? void 0 : sessionExpectations.length} / ${REMOTE_SESSION_FIELD_LENGTH_LIMIT}`, measureLocation: ProgressMeasureLocation.top, "aria-label": `Progress - ${sessionExpectations === null || sessionExpectations === void 0 ? void 0 : sessionExpectations.length} / ${REMOTE_SESSION_FIELD_LENGTH_LIMIT}`, variant: getRemoteSessionFieldProgressVariant(sessionExpectations), title: ' ', className: `pf-v6-u-mt-md kt-progress-bar`, id: "summary-progress-bar" })),
         React.createElement("div", null,
-            React.createElement("label", { className: "pf-v5-u-mt-md" },
+            React.createElement("label", { className: "pf-v6-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(TextArea, { value: impact, onChange: updateImpact, rows: 3, placeholder: "Describe the user or financial impact.", isRequired: true, validated: isRemoteSessionFieldOverLimit(impact) ? 'error' : 'default', "aria-invalid": isRemoteSessionFieldOverLimit(impact), "aria-label": "Describe the impact to you or the business" }),
+            React.createElement("p", { className: "form-instructions pf-v6-u-danger-color-100" }, isRemoteSessionFieldOverLimit(impact) ? REMOTE_SESSION_FIELD_LENGTH_ERROR : ''),
+            React.createElement(Progress, { value: impact === null || impact === void 0 ? void 0 : impact.length, min: 0, max: REMOTE_SESSION_FIELD_LENGTH_LIMIT, size: ProgressSize.sm, label: `${impact === null || impact === void 0 ? void 0 : impact.length} / ${REMOTE_SESSION_FIELD_LENGTH_LIMIT}`, valueText: `${impact === null || impact === void 0 ? void 0 : impact.length} / ${REMOTE_SESSION_FIELD_LENGTH_LIMIT}`, measureLocation: ProgressMeasureLocation.top, "aria-label": `Progress - ${impact === null || impact === void 0 ? void 0 : impact.length} / ${REMOTE_SESSION_FIELD_LENGTH_LIMIT}`, variant: getRemoteSessionFieldProgressVariant(impact), title: ' ', className: `pf-v6-u-mt-md kt-progress-bar`, id: "summary-progress-bar" })),
         React.createElement("div", null,
-            React.createElement("label", { className: "pf-v5-u-mt-md" },
+            React.createElement("label", { className: "pf-v6-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("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-v5-u-mt-md" },
+        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-v5-u-mt-md" },
+        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(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" },
+        React.createElement("div", { className: "pf-v6-u-display-flex pf-v6-u-align-items-center pf-v6-u-flex-wrap" },
+            React.createElement(SingleSelectDropdown, { id: "terms-language-selector", ariaLabel: t('Select language'), selected: selectedLanguage, options: languageOptions, isDisabled: false, placeholder: t('Select an option that best fits'), onSelect: (option) => onLangChange(option), toggleClassName: "pf-v6-u-w-50" }),
+            React.createElement("a", { "aria-label": t('Download'), "data-tracking-id": "rsa-modal-terms-download", className: "pf-v6-u-ml-md pf-v6-u-display-inline-flex pf-v6-u-align-items-center", href: selectedTranslation.pdfDownloadUrl, rel: "noopener noreferrer", target: "_blank" },
                 t('Download'),
                 " ",
-                React.createElement(DownloadIcon, { className: "pf-v5-u-ml-xs" }))),
+                React.createElement(DownloadIcon, { className: "pf-v6-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(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-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("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 }))));
+    // Success message content
+    const renderSuccessMessage = (React.createElement("div", null,
+        React.createElement("p", null, t('Thank you for submitting the request for a remote session. A support manager will review the request, and updates will be provided in the support case. Please continue to provide any data requested by the support engineers in the case prior to the remote session (if applicable).'))));
     // Body of RSA Modal
     const RemoteSessionAgreementModalBody = () => {
-        return isRemoteSessionForm || remoteSessionTermsAcked ? renderRemoteSessionForm : renderRemoteSessionAgreement;
+        if (hasSubmitted) {
+            return renderSuccessMessage;
+        }
+        return isRemoteSessionForm ? renderRemoteSessionForm : renderRemoteSessionAgreement;
     };
-    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 }, RemoteSessionAgreementModalBody()));
+    const modalActions = hasSubmitted
+        ? [
+            React.createElement(Button, { key: "close", variant: ButtonVariant.primary, onClick: onCancel }, t('Close')),
+        ]
+        : [
+            React.createElement(Button, { "aria-label": t('I agree'), variant: ButtonVariant.primary, onClick: isRemoteSessionForm || remoteSessionTermsAcked ? onSubmit : toggleRemoteSessionForm, "data-tracking-id": "remote-session-agreement-check", isLoading: isAgreeLoading, isDisabled: (isRemoteSessionForm || remoteSessionTermsAcked
+                    ? isRemoteSessionFormSubmitDisabled(sessionExpectations, impact)
+                    : !isTermsChecked) || isAgreeLoading }, t(isRemoteSessionForm || remoteSessionTermsAcked ? 'Submit' : 'I agree')),
+            React.createElement(Button, { key: "cancel", variant: ButtonVariant.primary, onClick: onCancel, isDisabled: isAgreeLoading }, "Cancel"),
+        ];
+    return (React.createElement(Modal, { id: "remote-session-agreement-modal", "aria-label": hasSubmitted || isRemoteSessionForm ? t('Request remote session') : t('Remote session agreement'), isOpen: props.show, onClose: onCancel },
+        React.createElement(ModalHeader, null,
+            React.createElement("h2", null, hasSubmitted || isRemoteSessionForm ? t('Request remote session') : t('Remote session agreement'))),
+        React.createElement(ModalBody, null, RemoteSessionAgreementModalBody()),
+        React.createElement(ModalFooter, null, modalActions)));
 }

package/lib/esm/components/CaseEditView/RequestRemoteSession/remoteSessionUtils.d.ts

@@ -0,0 +1,15 @@
+import { ProgressVariant } from '@patternfly/react-core';
+export declare const REMOTE_SESSION_FIELD_LENGTH_LIMIT = 2000;
+export declare const REMOTE_SESSION_FIELD_LENGTH_ERROR = "That description exceeds 2000 characters. Try shortening it.";
+export declare const isRemoteSessionFieldOverLimit: (value: string) => boolean;
+export declare const getRemoteSessionFieldProgressVariant: (value: string) => ProgressVariant;
+export declare const isRemoteSessionFormSubmitDisabled: (sessionExpectations: string, impact: string) => boolean;
+export declare function buildRemoteSessionRequestCaseUpdate(ackedByUserId: string): {
+    remoteSessionTermsAcked: boolean;
+    waitingOnCallback: boolean;
+    remoteSessionTermsAckedBy: string;
+    remoteSessionTermsAckedDate: string;
+};
+export declare const getLocaleNameFromLocalCode: (localeCode: string) => string;
+export declare const formatSessionLinks: (sessionLink: string) => string;
+//# sourceMappingURL=remoteSessionUtils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"remoteSessionUtils.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/remoteSessionUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,eAAO,MAAM,iCAAiC,OAAO,CAAC;AAEtD,eAAO,MAAM,iCAAiC,iEAAiG,CAAC;AAEhJ,eAAO,MAAM,6BAA6B,GAAI,OAAO,MAAM,KAAG,OACV,CAAC;AAErD,eAAO,MAAM,oCAAoC,GAAI,OAAO,MAAM,KAAG,eAKpE,CAAC;AAEF,eAAO,MAAM,iCAAiC,GAAI,qBAAqB,MAAM,EAAE,QAAQ,MAAM,KAAG,OAIvD,CAAC;AAE1C,wBAAgB,mCAAmC,CAAC,aAAa,EAAE,MAAM;;;;;EAOxE;AAED,eAAO,MAAM,0BAA0B,GAAI,YAAY,MAAM,KAAG,MAa/D,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,aAAa,MAAM,KAAG,MAOxD,CAAC"}

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

@@ -0,0 +1,47 @@
+import { ProgressVariant } from '@patternfly/react-core';
+export const REMOTE_SESSION_FIELD_LENGTH_LIMIT = 2000;
+export const REMOTE_SESSION_FIELD_LENGTH_ERROR = `That description exceeds ${REMOTE_SESSION_FIELD_LENGTH_LIMIT} characters. Try shortening it.`;
+export const isRemoteSessionFieldOverLimit = (value) => value.length > REMOTE_SESSION_FIELD_LENGTH_LIMIT;
+export const getRemoteSessionFieldProgressVariant = (value) => {
+    if (!value)
+        return ProgressVariant.success;
+    if (isRemoteSessionFieldOverLimit(value))
+        return ProgressVariant.danger;
+    if (value.length > REMOTE_SESSION_FIELD_LENGTH_LIMIT / 2)
+        return ProgressVariant.warning;
+    return ProgressVariant.success;
+};
+export const isRemoteSessionFormSubmitDisabled = (sessionExpectations, impact) => !sessionExpectations.trim() ||
+    !impact.trim() ||
+    isRemoteSessionFieldOverLimit(sessionExpectations) ||
+    isRemoteSessionFieldOverLimit(impact);
+export function buildRemoteSessionRequestCaseUpdate(ackedByUserId) {
+    return {
+        remoteSessionTermsAcked: true,
+        waitingOnCallback: true,
+        remoteSessionTermsAckedBy: ackedByUserId,
+        remoteSessionTermsAckedDate: new Date().toISOString(),
+    };
+}
+export const getLocaleNameFromLocalCode = (localeCode) => {
+    if ('Intl' in window && 'DisplayNames' in Intl) {
+        try {
+            const [lang, locale] = localeCode.includes('_') ? localeCode.split('_') : localeCode.split('-');
+            // https://github.com/microsoft/TypeScript/issues/41338
+            const langName = new Intl.DisplayNames([lang], { type: 'language' });
+            const regionNamesInLang = new Intl.DisplayNames([lang], { type: 'region' });
+            return `${regionNamesInLang.of(locale)} (${langName.of(lang)})`;
+        }
+        catch (e) {
+            return localeCode;
+        }
+    }
+    return localeCode;
+};
+export const formatSessionLinks = (sessionLink) => {
+    const links = sessionLink
+        .split(/[;,| \n\r\t]+/)
+        .map((link) => link.trim())
+        .filter(Boolean);
+    return links.map((link) => `<a href="${link}">${link}</a>`).join('<br>');
+};

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

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

package/lib/esm/components/CaseEditView/Tabs/CaseActionPlan/CaseActionPlan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseActionPlan.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseActionPlan/CaseActionPlan.tsx"],"names":[],"mappings":"AAYA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAMD,iBAAS,cAAc,CAAC,KAAK,EAAE,MAAM,qBA2HpC;kBA3HQ,cAAc;;;AA8HvB,eAAe,cAAc,CAAC"}
+{"version":3,"file":"CaseActionPlan.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseActionPlan/CaseActionPlan.tsx"],"names":[],"mappings":"AAYA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAMD,iBAAS,cAAc,CAAC,KAAK,EAAE,MAAM,qBAgIpC;kBAhIQ,cAAc;;;AAmIvB,eAAe,cAAc,CAAC"}

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

@@ -39,8 +39,7 @@ function CaseActionPlan(props) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [actionPlan]);
-    const updateCase = (event) => __awaiter(this, void 0, void 0, function* () {
-        event.preventDefault();
+    const persistActionPlan = () => __awaiter(this, void 0, void 0, function* () {
         setIsUpdating(true);
         try {
             const caseDetails = { actionPlan: actionPlanState };
@@ -50,10 +49,14 @@ function CaseActionPlan(props) {
             setIsUpdating(false);
         }
         catch (e) {
-            caseUpdateError.showError(e, t('Action plan failed to update'));
+            caseUpdateError.showFieldError(e, t('Action plan'), persistActionPlan);
             setIsUpdating(false);
         }
     });
+    const updateCase = (event) => __awaiter(this, void 0, void 0, function* () {
+        event.preventDefault();
+        yield persistActionPlan();
+    });
     const discardActionPlan = (event) => {
         event.preventDefault();
         setActionPlan(actionPlan);
@@ -71,11 +74,11 @@ function CaseActionPlan(props) {
     const isInternalWithoutSFDCUser = loggedInUserRights.data.isInternalWithoutSFDCUser();
     const isActionPlanEmpty = isEmpty(actionPlanState === null || actionPlanState === void 0 ? void 0 : actionPlanState.trim());
     return (React.createElement(React.Fragment, null,
-        React.createElement(AlertMessage, { show: isInternalWithoutSFDCUser, variant: AlertType.WARNING, isInline: true, className: "pf-v5-u-mb-lg", title: t('You need a Salesforce (SFDC) user to edit the action plan.') }),
+        React.createElement(AlertMessage, { show: isInternalWithoutSFDCUser, variant: AlertType.WARNING, isInline: true, className: "pf-v6-u-mb-lg", title: t('You need a Salesforce (SFDC) user to edit the action plan.') }),
         React.createElement("label", { htmlFor: "rha-action-plan", className: "sr-only" },
             React.createElement(Trans, null, "Action plan")),
         !canUpdateActionPlan ? (React.createElement(CodeBlock, null,
-            React.createElement(CodeBlockCode, { style: {
+            React.createElement(CodeBlockCode, { className: "pf-v6-u-text-color-regular", style: {
                     fontFamily: isExportingPDF ? 'DejaVu Sans' : undefined,
                 } }, isEmpty(actionPlan) ? t('No action plan to display.') : actionPlan))) : (React.createElement("form", null,
             React.createElement(TextAreaResizable, { id: "rha-action-plan", disabled: isUpdating || isInternalWithoutSFDCUser, maxLength: 32768, name: "actionPlan", value: actionPlanState, onChange: onChange, rowsMin: 3 }),
@@ -86,7 +89,7 @@ function CaseActionPlan(props) {
                     React.createElement(LoadingIndicator, { show: isUpdating, isInline: true })),
                 React.createElement("button", { className: "btn btn-app btn-link", onClick: discardActionPlan, disabled: isUpdating || !formIsDirty, type: "button" },
                     React.createElement(Trans, null, "Cancel")))),
-            React.createElement("p", { className: "pf-v5-u-mt-xl" },
+            React.createElement("p", { className: "pf-v6-u-mt-xl" },
                 React.createElement(Trans, null,
                     "Updates to the action plan are ",
                     React.createElement("strong", null, "customer-facing"),

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

@@ -1 +1 @@
-{"version":3,"file":"CaseContactPhoneNumber.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseContactPhoneNumber.tsx"],"names":[],"mappings":"AASA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAgB/D,wBAAgB,sBAAsB,sBAoYrC"}
+{"version":3,"file":"CaseContactPhoneNumber.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseContactPhoneNumber.tsx"],"names":[],"mappings":"AAWA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAuC/D,wBAAgB,sBAAsB,sBAgYrC"}