@rh-support/troubleshoot 2.6.300 → 2.6.302

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

@@ -42,7 +42,6 @@ import { fetchRecommendations, fetchWatsonXRecommendations } from '../../../redu
 import { extractKTQuestion1FromDescription } from '../../../utils/caseUtils';
 import { usePostComment } from '../../shared/usePostComment';
 import { CaseSolutionsItem } from './CaseSolutionsItem';
-import { HandpickedItem } from './HandpicketItem';
 // some of the pinned and hadpicked titles are set to 'Red Hat Knowledge Base'
 // this workaround is added till backend fix
 const titleFix = (recommendations, allDocs) => __awaiter(void 0, void 0, void 0, function* () {
@@ -118,10 +117,11 @@ export const CaseSolutions = forwardRef((props, ref) => {
     }), isEqual);
     const caseDispatch = useCaseDispatch();
     const caseOverviewDispatch = useContext(CaseOverviewDispatchContext);
-    const [isExpanded, setIsExpanded] = useState(false);
-    const onExpand = () => {
-        setIsExpanded(!isExpanded);
-    };
+    // TODO: KCS linking disabled -- PCM-15276 -- restore when linking is re-enabled
+    // const [isExpanded, setIsExpanded] = useState<boolean>(false);
+    // const onExpand = () => {
+    //     setIsExpanded(!isExpanded);
+    // };
     const { recommendationState: { isLoadingRecommendations, allDocs }, } = useRecommendationStateContext();
     const { globalMetadataState: { loggedInUsersAccount }, } = useGlobalStateContext();
     const recommendationsDispatch = useRecommendationDispatchContext();
@@ -136,7 +136,8 @@ export const CaseSolutions = forwardRef((props, ref) => {
     const ability = useContext(AbilityContext);
     const { t } = useTranslation();
     const hasPin = some(recommendations, (p) => p.isPinned);
-    const hasLink = some(recommendations, (p) => p.isLinked);
+    // TODO: KCS linking disabled -- PCM-15276 -- restore when linking is re-enabled
+    // const hasLink = some(recommendations, (p) => p.isLinked);
     const getCommentBody = () => {
         return `**Reason for closing case:** \nOther. Found a pinned article that perfectly resolved the issue. Closing this case now.`;
     };
@@ -182,7 +183,12 @@ export const CaseSolutions = forwardRef((props, ref) => {
         }, true);
     });
     const canPinUnpin = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_PIN_UNPIN_RESOURCES);
-    const canLinkUnlink = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_LINK_UNLINK_RESOURCES);
+    // TODO: KCS linking disabled -- PCM-15276 -- restore when linking is re-enabled
+    // const canLinkUnlink = ability.can(
+    //     resourceActions.PATCH,
+    //     resources.CASE_DETAILS,
+    //     CaseDetailsFields.CASE_DETAILS_LINK_UNLINK_RESOURCES
+    // );
     const addDtmEvent = (stepName) => {
         // reserve for when fixing dtm
     };
@@ -291,19 +297,67 @@ export const CaseSolutions = forwardRef((props, ref) => {
             populatePinSections();
         }
     }, [allDocs, isFetchingCaseDetails, isLoadingRecommendations, recomendationsObj]);
-    const renderTopRecommendations = (recommendation, index, type) => (React.createElement(React.Fragment, null,
-        canPinUnpin && (React.createElement(CaseSolutionsItem, { showPin: true, type: type, pinTitle: recommendation.isPinned ? t('Unpin') : t('Pin'), isPinLoading: isPinLoading, index: index, recommendation: recommendation, onPinClicked: updateRecommendations(recommendation, recommendation.isPinned, undefined), onLinkClick: (name) => addDtmEvent(name) })),
-        canLinkUnlink && (React.createElement(CaseSolutionsItem, { showLink: true, type: type, pinTitle: recommendation.isLinked ? t('Unlink') : t('Link'), isPinLoading: isPinLoading, index: index, recommendation: recommendation, onPinClicked: updateRecommendations(recommendation, undefined, recommendation.isLinked), onLinkClick: (name) => addDtmEvent(name) }))));
+    const renderTopRecommendations = (recommendation, index, type) => (React.createElement(React.Fragment, null, canPinUnpin && (React.createElement(CaseSolutionsItem, { showPin: true, type: type, pinTitle: recommendation.isPinned ? t('Unpin') : t('Pin'), isPinLoading: isPinLoading, index: index, recommendation: recommendation, onPinClicked: updateRecommendations(recommendation, recommendation.isPinned, undefined), onLinkClick: (name) => addDtmEvent(name) }))));
     // customer logged in: we show pins and perform pin/unpin
     const renderPinsByCustomer = (recommendation, index, type) => (React.createElement(CaseSolutionsItem, { showPin: true, isPinned: true, type: type, pinTitle: recommendation.isPinned ? t('Unpin') : t('Pin'), isPinLoading: isPinLoading, index: index, recommendation: recommendation, onPinClicked: updateRecommendations(recommendation, recommendation.isPinned, undefined), onLinkClick: (name) => addDtmEvent(name) }));
+    // TODO: KCS linking disabled -- PCM-15276 -- restore when linking is re-enabled
     // customer logged in: we show links but perform pin/unpin
-    const renderHandpickedCustomerView = (recommendation, index, type) => (React.createElement(HandpickedItem, { type: type, caseNumber: props.caseNumber, pinTitle: recommendation.isPinnedAndLinked ? t('Unpin') : t('Pin'), isPinLoading: isPinLoading, index: index, recommendation: recommendation, onRecommendationLike: () => setIsCloseCaseModalOpen(true), onLinkClick: (name) => addDtmEvent(name) }));
+    // const renderHandpickedCustomerView = (
+    //     recommendation: ICaseDetailAsideRecommendation,
+    //     index: number,
+    //     type: string
+    // ) => (
+    //     <HandpickedItem
+    //         type={type}
+    //         caseNumber={props.caseNumber}
+    //         pinTitle={recommendation.isPinnedAndLinked ? t('Unpin') : t('Pin')}
+    //         isPinLoading={isPinLoading}
+    //         index={index}
+    //         recommendation={recommendation}
+    //         onRecommendationLike={() => setIsCloseCaseModalOpen(true)}
+    //         onLinkClick={(name) => addDtmEvent(name)}
+    //     />
+    // );
+    // TODO: KCS linking disabled -- PCM-15276 -- restore when linking is re-enabled
     // redhatter logged in: we show pins but perform link/unlink
-    const renderPinnedByCustomerRedhatterView = (recommendation, index, type) => (React.createElement(CaseSolutionsItem, { showLink: true, type: type, pinTitle: recommendation.isPinnedAndLinked ? t('Unpin') : t('Pin'), isPinLoading: isPinLoading, index: index, recommendation: recommendation, onPinClicked: updateRecommendations(recommendation, undefined, recommendation.isLinked), onLinkClick: (name) => addDtmEvent(name) }));
+    // const renderPinnedByCustomerRedhatterView = (
+    //     recommendation: ICaseDetailAsideRecommendation,
+    //     index: number,
+    //     type: string
+    // ) => (
+    //     <CaseSolutionsItem
+    //         showLink={true}
+    //         type={type}
+    //         pinTitle={recommendation.isPinnedAndLinked ? t('Unpin') : t('Pin')}
+    //         isPinLoading={isPinLoading}
+    //         index={index}
+    //         recommendation={recommendation}
+    //         onPinClicked={updateRecommendations(recommendation, undefined, recommendation.isLinked)}
+    //         onLinkClick={(name) => addDtmEvent(name)}
+    //     />
+    // );
+    // TODO: KCS linking disabled -- PCM-15276 -- restore when linking is re-enabled
     // redhatter logged in: we show links and perform link/unlink
-    const renderHandPickedByRedHatter = (recommendation, index, type) => (React.createElement("div", { className: "pf-v6-u-ml-lg" },
-        React.createElement(CaseSolutionsItem, { showLink: true, type: type, pinTitle: recommendation.isLinked ? t('Unlink') : t('Link'), isPinLoading: isPinLoading, index: index, recommendation: recommendation, onPinClicked: updateRecommendations(recommendation, undefined, recommendation.isLinked), onLinkClick: (name) => addDtmEvent(name) })));
-    const linkedRecommendations = recommendations.filter((r) => r.isLinked);
+    // const renderHandPickedByRedHatter = (
+    //     recommendation: ICaseDetailAsideRecommendation,
+    //     index: number,
+    //     type: string
+    // ) => (
+    //     <div className="pf-v6-u-ml-lg">
+    //         <CaseSolutionsItem
+    //             showLink={true}
+    //             type={type}
+    //             pinTitle={recommendation.isLinked ? t('Unlink') : t('Link')}
+    //             isPinLoading={isPinLoading}
+    //             index={index}
+    //             recommendation={recommendation}
+    //             onPinClicked={updateRecommendations(recommendation, undefined, recommendation.isLinked)}
+    //             onLinkClick={(name) => addDtmEvent(name)}
+    //         />
+    //     </div>
+    // );
+    // TODO: KCS linking disabled -- PCM-15276 -- restore when linking is re-enabled
+    // const linkedRecommendations = recommendations.filter((r) => r.isLinked);
     const pinnedRecommendations = recommendations.filter((r) => r.isPinned);
     const closeCaseModal = (React.createElement(Modal, { variant: ModalVariant.small, isOpen: isCloseCaseModalOpen && caseStatus !== CaseStatusEnum.CLOSED, onClose: () => setIsCloseCaseModalOpen(false) },
         React.createElement(ModalHeader, { title: t('Did this solve your case?') }),
@@ -316,27 +370,19 @@ export const CaseSolutions = forwardRef((props, ref) => {
                 React.createElement(Trans, null, "Close case")))));
     return (React.createElement(React.Fragment, null,
         closeCaseModal,
-        linkedRecommendations.length > 0 && (React.createElement(Card, { isExpanded: isExpanded },
-            React.createElement(CardHeader, { className: "pf-v6-u-display-flex", onExpand: onExpand },
-                React.createElement("span", null, canLinkUnlink ? React.createElement(Trans, null, "Handpicked by you") : React.createElement(Trans, null, "Handpicked for this case")),
-                React.createElement("span", { className: "badge-item pf-v6-u-font-size-sm pf-v6-u-mx-sm" }, linkedRecommendations.length)),
-            React.createElement(CardExpandableContent, null,
-                React.createElement(CardBody, null, !hasLink ? (!canLinkUnlink ? (React.createElement(Trans, null, "If a Red Hat engineer finds an article or solution that can help with your case, they'll pin it here.")) : (React.createElement(React.Fragment, null))) : (React.createElement(PaginatedList, { id: "case-details-handpicked-recommendations", listItems: linkedRecommendations.map((rec, index) => canLinkUnlink
-                        ? renderHandPickedByRedHatter(rec, index, 'handpicked-recommendations')
-                        : renderHandpickedCustomerView(rec, index, 'handpicked-recommendations')), perPage: 5, className: "list-icons list-icons-flush", isFetching: !!isLoadingRecommendations, perPageOptions: [
-                        { title: '5', value: 5 },
-                        { title: '10', value: 10 },
-                    ] })))))),
         pinnedRecommendations.length > 0 && (React.createElement(Card, { isExpanded: pinnedOpen },
             React.createElement(CardHeader, { className: "pf-v6-u-display-flex", onExpand: () => setPinnedOpen((pre) => !pre) },
                 React.createElement("h3", { className: "card-heading case-detail-panel-card-heading" },
-                    React.createElement("span", null, canLinkUnlink ? (React.createElement(Trans, null, "Pinned by customer")) : (React.createElement(Trans, null, "My pinned recommendations"))),
+                    React.createElement("span", null,
+                        React.createElement(Trans, null, "My pinned recommendations")),
                     React.createElement("span", { className: "badge-item pf-v6-u-font-size-sm pf-v6-u-mx-sm", style: { lineHeight: '18px' } },
                         React.createElement(Label, null, pinnedRecommendations.length)))),
             React.createElement(CardExpandableContent, null,
-                React.createElement(CardBody, null, !hasPin ? (!canLinkUnlink ? (React.createElement(Trans, null, "When you save a recommended article or solution, you'll see it here. Saved items display only in this case and are not saved for later.")) : (React.createElement(React.Fragment, null))) : (React.createElement(PaginatedList, { id: "case-details-pinned-recommendations", listItems: pinnedRecommendations.map((rec, index) => canLinkUnlink
-                        ? renderPinnedByCustomerRedhatterView(rec, index, 'pinned-recommendations')
-                        : renderPinsByCustomer(rec, index, 'pinned-recommendations')), perPage: 5, className: "list-icons list-icons-flush", isFetching: !!isLoadingRecommendations, perPageOptions: [
+                React.createElement(CardBody, null, !hasPin ? (
+                /* TODO: KCS linking disabled -- PCM-15276 -- restore canLinkUnlink ternary when linking is re-enabled */
+                React.createElement(Trans, null, "When you save a recommended article or solution, you'll see it here. Saved items display only in this case and are not saved for later.")) : (React.createElement(PaginatedList, { id: "case-details-pinned-recommendations", listItems: pinnedRecommendations.map((rec, index) => 
+                    /* TODO: KCS linking disabled -- PCM-15276 -- restore canLinkUnlink ternary when linking is re-enabled */
+                    renderPinsByCustomer(rec, index, 'pinned-recommendations')), perPage: 5, className: "list-icons list-icons-flush", isFetching: !!isLoadingRecommendations, perPageOptions: [
                         { title: '5', value: 5 },
                         { title: '10', value: 10 },
                     ] })))))),

package/lib/esm/components/CaseEditView/CaseSolutions/CaseSolutionsItem.d.ts

@@ -4,7 +4,6 @@ import { CaseRecommendationEvalEnum } from '../../../constants/caseDetailsConsta
 interface IProps {
     showPin?: boolean;
     isPinned?: boolean;
-    showLink?: boolean;
     pinTitle: string;
     index: number;
     recommendation: ICaseDetailAsideRecommendation;

package/lib/esm/components/CaseEditView/CaseSolutions/CaseSolutionsItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseSolutionsItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseSolutions/CaseSolutionsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAQ5E,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AACrF,UAAU,MAAM;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,8BAA8B,CAAC;IAC/C,YAAY,EAAE,GAAG,CAAC;IAClB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED,MAAM,WAAW,8BAA+B,SAAQ,OAAO,CAAC,iBAAiB,CAAC;IAC9E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,0BAA0B,CAAC;CACnD;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,qBA2D9C"}
+{"version":3,"file":"CaseSolutionsItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseSolutions/CaseSolutionsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAS5E,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AACrF,UAAU,MAAM;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,8BAA8B,CAAC;IAC/C,YAAY,EAAE,GAAG,CAAC;IAClB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED,MAAM,WAAW,8BAA+B,SAAQ,OAAO,CAAC,iBAAiB,CAAC;IAC9E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,0BAA0B,CAAC;CACnD;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,qBA4D9C"}

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

@@ -1,5 +1,6 @@
 import { Button, Icon } from '@patternfly/react-core';
-import LinkIcon from '@patternfly/react-icons/dist/js/icons/link-icon';
+// TODO: KCS linking disabled -- PCM-15276 -- restore when linking is re-enabled
+// import LinkIcon from '@patternfly/react-icons/dist/js/icons/link-icon';
 import OutlinedStarIcon from '@patternfly/react-icons/dist/js/icons/outlined-star-icon';
 import StarIcon from '@patternfly/react-icons/dist/js/icons/star-icon';
 import { LoadingIndicator } from '@rh-support/components';
@@ -15,8 +16,7 @@ export function CaseSolutionsItem(props) {
             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", color: "0066cc" }, props.isPinned ? (React.createElement(StarIcon, { className: "pinned-resource" })) : (React.createElement(OutlinedStarIcon, { className: "pinned-resource" }))))),
-                    !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(Icon, { size: "md", color: "0066cc" }, props.isPinned ? (React.createElement(StarIcon, { className: "pinned-resource" })) : (React.createElement(OutlinedStarIcon, { className: "pinned-resource" })))))), 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/ConfirmationModals/ReopenCaseModal.d.ts

@@ -1,13 +1,11 @@
 import React from 'react';
-import { CaseStatusEnum } from '../../../constants/caseDetailsConstants';
 interface IProps {
     onConfirm: (commentBody: any, newStatus: any, reopenedAt?: any, reopenedBySSOName?: any, reopenedReason?: any, reopenedReasonOther?: any) => void;
     onClose: () => void;
     caseNumber: string;
     isInternal: boolean;
-    allStatuses: string[];
     isUpdating: boolean;
-    reopenStatus: CaseStatusEnum;
+    reopenStatus: string;
     whoIsUpdating: string;
 }
 export declare function ReopenCaseModal(props: IProps): React.JSX.Element;

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":"AAmBA,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,qBAkN5C"}
+{"version":3,"file":"ReopenCaseModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ConfirmationModals/ReopenCaseModal.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,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,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;CACzB;AAMD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,qBAkN5C"}

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

@@ -9,12 +9,11 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { Button, ButtonVariant, Form, FormGroup, FormHelperText, HelperText, HelperTextItem, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant, TextArea, } from '@patternfly/react-core';
 import { SingleSelectDropdown } from '@rh-support/components';
-import { formatDateTime } from '@rh-support/utils';
+import { formatDateTime, PORTAL_OPEN_DISPLAY_STATUSES } 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';
 const reasonWithDescription = ['Other'];
 const reasonWithoutDescription = ['I am experiencing the same issue', 'My case has been closed prematurely'];
 const reasonsList = [...reasonWithoutDescription, ...reasonWithDescription];
@@ -54,7 +53,7 @@ export function ReopenCaseModal(props) {
         if (!checkForRequiredFields())
             return;
         let submissionDate = new Date();
-        props.onConfirm(getCommentBody(), props.reopenStatus || selectedStatus || CaseStatusEnum.WAITING_ON_REDHAT, submissionDate, props.whoIsUpdating, selectedReason, reopenDescription);
+        props.onConfirm(getCommentBody(), props.reopenStatus || selectedStatus || 'In Progress', submissionDate, props.whoIsUpdating, selectedReason, reopenDescription);
     });
     const onReasonChange = (option) => {
         setSelectedReason(option.value);
@@ -70,7 +69,7 @@ export function ReopenCaseModal(props) {
         label: option,
         value: option,
     }));
-    const getStatusDropdownOptions = map(props.allStatuses.filter((status) => status !== CaseStatusEnum.CLOSED), (option) => ({
+    const getStatusDropdownOptions = map(PORTAL_OPEN_DISPLAY_STATUSES, (option) => ({
         label: option,
         value: option,
     }));

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":"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"}
+{"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;AAExD,OAAO,KAAmB,MAAM,OAAO,CAAC;AAWxC,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,qBAyJlD"}

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

@@ -7,27 +7,23 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { publicApi } from '@cee-eng/hydrajs';
+import { useApolloClient } from '@apollo/client/react';
 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 { ToastNotification } from '@rh-support/components';
+import isEqual from 'lodash/isEqual';
 import React, { useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import { useCaseDispatch } from '../../../context/CaseContext';
-import { useCaseDetailsPageStateContext } from '../../../context/CaseDetailsPageContext';
-import { useCaseDiscussionTabDispatchContext, useCaseDiscussionTabStateContext, } from '../../../context/CaseDiscussionTabContext';
-import { updateDiscussionStateComments } from '../../../reducers/CaseDiscussionTabReducer';
+import { useCaseDispatch, useCaseSelector } from '../../../context/CaseContext';
+import { GET_CASE_COMMENTS, useCreateCaseComment } from '../../../hooks/useCaseComments';
 import { checkForCaseStatusToggleOnAttachOrComment, setCaseDetails, updateCaseDetails, } from '../../../reducers/CaseReducer';
 export function ESSRemoteSessionModal(props) {
     const { t } = useTranslation();
     const caseDispatch = useCaseDispatch();
     const [agreeLoading, setAgreeLoading] = useState(false);
-    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);
     // To handle modal cancel and close
     const onCancel = () => {
         props.onClose && props.onClose();
@@ -41,12 +37,12 @@ export function ESSRemoteSessionModal(props) {
                 screenSessionRequested: true,
             });
             try {
-                yield postCommentRequest({
-                    caseNumber: props.caseNumber,
-                    commentBody: requestComment,
-                    contentType: 'markdown',
+                yield createComment({
+                    caseId: caseSalesforceId,
+                    body: requestComment,
+                    isPublic: true,
                 });
-                updateDiscussionStateComments(dispatchDiscussion, caseDispatch, props.caseNumber, allDiscussions, sort, caseFeedbacksHydra.data, discussionFiltersListState);
+                client.refetchQueries({ include: [GET_CASE_COMMENTS] });
                 checkForCaseStatusToggleOnAttachOrComment(caseDispatch, props.loggedInUserRights.data.isInternal(), props.caseStatus);
                 onCancel();
                 setAgreeLoading(false);

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":"AAiBA,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;AA4BD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAmY7C"}
+{"version":3,"file":"NewEssTermsModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/NewEssTermsModal.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAQnD,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;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBA+X7C"}

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

@@ -7,6 +7,7 @@ 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, ModalBody, ModalFooter, ModalHeader, TextArea, TextInput, } from '@patternfly/react-core';
 import DownloadIcon from '@patternfly/react-icons/dist/js/icons/download-icon';
@@ -16,41 +17,19 @@ 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, 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;
-};
-const formatSessionLinks = (sessionLink) => {
-    const links = sessionLink
-        .split(/[;,| \n\r\t]+/)
-        .map((link) => link.trim())
-        .filter(Boolean);
-    const formattedLinks = links.map((link) => `[${link}](${link})`).join('\n');
-    return formattedLinks;
-};
+import { GET_CASE_COMMENTS, useCreateCaseComment } from '../../../hooks/useCaseComments';
+import { checkForCaseStatusToggleOnAttachOrComment, updateCaseDetailsGraphQL } from '../../../reducers/CaseReducer';
+import { formatSessionLinks, getLocaleNameFromLocalCode } from './remoteSessionUtils';
 export function NewEssTermsModal(props) {
     const { t } = useTranslation();
     const { remoteSessionTermsAcked } = useCaseSelector((state) => ({
         remoteSessionTermsAcked: state.caseDetails.remoteSessionTermsAcked,
     }), isEqual);
     const [isTermsChecked, setIsTermsChecked] = useState(false);
+    const existingCaseDetails = useCaseSelector((state) => state.caseDetails, isEqual);
     const { request } = useFetch(publicApi.terms.getRequiredTerms);
     const caseDispatch = useCaseDispatch();
+    const apolloClient = useApolloClient();
     const [selectedTranslation, setSelectedTranslation] = useState({
         id: '5001',
         isDefault: false,
@@ -93,12 +72,9 @@ export function NewEssTermsModal(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);
@@ -129,18 +105,17 @@ export function NewEssTermsModal(props) {
     const submitRemoteSessionAgreement = (pdfId) => __awaiter(this, void 0, void 0, function* () {
         const requestComment = t(`\n**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).**\n\nSubmitted a remote session request with following details:\n\n**Preferred Time and Expectations of remote session**\n${sessionExpectations}\n\n**Describe the impact to you or the business**\n${impact}\n\n${sessionLink ? `**Remote session link**\n${formatSessionLinks(sessionLink)}\n\n` : ''}This action does not initiate a remote session. A Red Hat Associate will get back to you soon.`);
         try {
-            yield updateCaseDetails(caseDispatch, props.caseNumber, {
+            yield updateCaseDetailsGraphQL(caseDispatch, apolloClient, props.caseNumber, {
                 remoteSessionTermsAcked: true,
-                screenSessionRequested: true,
                 waitingOnCallback: true,
-            });
+            }, false, { existingCaseDetails });
             try {
-                yield postCommentRequest({
-                    caseNumber: props.caseNumber,
-                    commentBody: requestComment,
-                    contentType: 'markdown',
+                yield createComment({
+                    caseId: caseSalesforceId,
+                    body: requestComment,
+                    isPublic: true,
                 });
-                updateDiscussionStateComments(dispatchDiscussion, caseDispatch, props.caseNumber, allDiscussions, sort, caseFeedbacksHydra.data, discussionFiltersListState);
+                client.refetchQueries({ include: [GET_CASE_COMMENTS] });
                 checkForCaseStatusToggleOnAttachOrComment(caseDispatch, props.loggedInUserRights.data.isInternal(), props.caseStatus);
                 setAgreeLoading(false);
                 setHasSubmitted(true);
@@ -170,8 +145,9 @@ export function NewEssTermsModal(props) {
                 onCancel();
                 setAgreeLoading(false);
                 setIsTermsChecked(false);
-                yield updateCaseDetails(caseDispatch, props.caseNumber, {
-                    screenSessionRequested: false,
+                yield updateCaseDetailsGraphQL(caseDispatch, apolloClient, props.caseNumber, {
+                    remoteSessionTermsAcked: false,
+                    waitingOnCallback: false,
                 });
                 // ToastNotification.addDangerMessage(
                 //     t('Could not submit a request for remote session'),

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

@@ -1 +1 @@
-{"version":3,"file":"RemoteSessionAgreementModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreementModal.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAgBnD,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;AA4BD,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,qBA0XxD"}
+{"version":3,"file":"RemoteSessionAgreementModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreementModal.tsx"],"names":[],"mappings":"AAkBA,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;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,qBAwXxD"}

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

@@ -7,6 +7,7 @@ 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, ModalBody, ModalFooter, ModalHeader, TextArea, TextInput, } from '@patternfly/react-core';
 import DownloadIcon from '@patternfly/react-icons/dist/js/icons/download-icon';
@@ -16,41 +17,19 @@ 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;
-};
-const formatSessionLinks = (sessionLink) => {
-    const links = sessionLink
-        .split(/[;,| \n\r\t]+/)
-        .map((link) => link.trim())
-        .filter(Boolean);
-    const formattedLinks = links.map((link) => `[${link}](${link})`).join('\n');
-    return formattedLinks;
-};
+import { GET_CASE_COMMENTS, useCreateCaseComment } from '../../../hooks/useCaseComments';
+import { checkForCaseStatusToggleOnAttachOrComment, setRemoteRiderFlag, updateCaseDetailsGraphQL, } from '../../../reducers/CaseReducer';
+import { formatSessionLinks, getLocaleNameFromLocalCode } 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 caseDispatch = useCaseDispatch();
+    const apolloClient = useApolloClient();
     const [selectedTranslation, setSelectedTranslation] = useState({
         id: '5001',
         isDefault: false,
@@ -93,12 +72,9 @@ 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);
@@ -115,22 +91,23 @@ export function RemoteSessionAgreementModal(props) {
         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(`\n**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).**\n\nSubmitted a remote session request with following details:\n\n**Preferred Time and Expectations of remote session**\n${sessionExpectations}\n\n**Describe the impact to you or the business**\n${impact}\n\n${sessionLink ? `**Remote session link**\n${formatSessionLinks(sessionLink)}\n\n` : ''}This action does not initiate a remote session. A Red Hat Associate will get back to you soon.`);
         try {
-            yield updateCaseDetails(caseDispatch, props.caseNumber, {
+            yield updateCaseDetailsGraphQL(caseDispatch, apolloClient, props.caseNumber, {
                 remoteSessionTermsAcked: true,
                 waitingOnCallback: true,
-            });
+            }, false, { existingCaseDetails });
             setRemoteRiderFlag(caseDispatch, true);
             try {
-                yield postCommentRequest({
-                    caseNumber: props.caseNumber,
-                    commentBody: requestComment,
-                    contentType: 'markdown',
+                yield createComment({
+                    caseId: caseSalesforceId,
+                    body: requestComment,
+                    isPublic: true,
                 });
-                updateDiscussionStateComments(dispatchDiscussion, caseDispatch, props.caseNumber, allDiscussions, sort, caseFeedbacksHydra.data, discussionFiltersListState);
+                client.refetchQueries({ include: [GET_CASE_COMMENTS] });
                 checkForCaseStatusToggleOnAttachOrComment(caseDispatch, props.loggedInUserRights.data.isInternal(), props.caseStatus);
                 setAgreeLoading(false);
                 setHasSubmitted(true);

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

@@ -0,0 +1,3 @@
+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,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,22 @@
+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) => `[${link}](${link})`).join('\n');
+};

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;AAwC/D,wBAAgB,sBAAsB,sBA0XrC"}