@rh-support/troubleshoot 2.6.296 → 2.6.300

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

@@ -7,12 +7,11 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { useApolloClient } from '@apollo/client/react';
 import { Alert, AlertVariant, Button, ButtonVariant, ExpandableSection, Label, ModalVariant, } from '@patternfly/react-core';
 import ExternalLinkAltIcon from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
 import LockIcon from '@patternfly/react-icons/dist/js/icons/lock-icon';
 import { ToastNotification, useConfirmation } from '@rh-support/components';
-import { CloseCaseModal, fetchAllStatuses, fetchCaseSeverities, fetchCaseTypes, GlobalMetadataDispatchContext, GlobalMetadataStateContext, useCanEditCase, } from '@rh-support/react-context';
+import { CloseCaseModal, fetchCaseSeverities, fetchCaseTypes, GlobalMetadataDispatchContext, GlobalMetadataStateContext, useCanEditCase, } from '@rh-support/react-context';
 import { AbilityContext, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
 import { dtmTrackEventCaseStepEncountered, haventLoadedMetadata, isOpenShiftOnlineProduct, PreviousCaseTypes, toNewCaseTypeMapper, toNewCaseTypeSwitcher, } from '@rh-support/utils';
 import isEqual from 'lodash/isEqual';
@@ -23,8 +22,8 @@ import { useCaseDispatch, useCaseSelector } from '../../../context/CaseContext';
 import { CaseOverviewDispatchContext, CaseOverviewStateContext } from '../../../context/CaseOverviewContext';
 import { useCaseUpdateErrorMessage } from '../../../hooks/useCaseUpdateErrorMessage';
 import { SupportLevelDisplay } from '../../../reducers/CaseConstNTypes';
-import { fetchCaseHydra, setSeverityUpdating, setStatusUpdating, setTypeUpdating, } from '../../../reducers/CaseOverviewReducer';
-import { updateCaseDetailsGraphQL } from '../../../reducers/CaseReducer';
+import { fetchAllStatuses, fetchCaseHydra, setSeverityUpdating, setStatusUpdating, setTypeUpdating, } from '../../../reducers/CaseOverviewReducer';
+import { updateCaseDetails } from '../../../reducers/CaseReducer';
 import Severity from '../../CaseInformation/Severity';
 import { usePostComment } from '../../shared/usePostComment';
 import { ReopenCaseModal } from '../ConfirmationModals/ReopenCaseModal';
@@ -50,14 +49,14 @@ export default function CaseOverview(props) {
     const { isExportingPDF, exportPDFButton } = useContext(PDFContext);
     const reopenStatusRef = useRef(null);
     const { postComment, isPostingComment } = usePostComment({ caseNumber: props.caseNumber });
-    const { product, version, status, caseType, createdDate, createdByName, ownerId, caseNumber, entitlementSla, cep, accountNumber, isPrivate, isCaseUpdating, contactIsPartner, hotfixRequested, hotfixDelivered, selectedAccountDetails, firstCaseInactivityWarningSentAt, secondCaseInactivityWarningSentAt, } = useCaseSelector((state) => ({
+    const { product, version, status, caseType, createdDate, createdById, ownerId, caseNumber, entitlementSla, cep, accountNumber, isPrivate, isCaseUpdating, contactIsPartner, hotfixRequested, hotfixDelivered, selectedAccountDetails, firstCaseInactivityWarningSentAt, secondCaseInactivityWarningSentAt, } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
         status: state.caseDetails.status,
         caseType: state.caseDetails.caseType,
         caseSeverity: state.caseDetails.severity,
         createdDate: state.caseDetails.createdDate,
-        createdByName: state.caseDetails.createdByName,
+        createdById: state.caseDetails.createdById,
         ownerId: state.caseDetails.ownerId,
         caseNumber: state.caseDetails.caseNumber,
         entitlementSla: state.caseDetails.entitlementSla,
@@ -75,12 +74,7 @@ export default function CaseOverview(props) {
     const canEditCase = useCanEditCase();
     const caseDispatch = useCaseDispatch();
     const globalMetadataDispatchContext = useContext(GlobalMetadataDispatchContext);
-    const apolloClient = useApolloClient();
-    const existingCaseDetails = useCaseSelector((state) => state.caseDetails, isEqual);
-    const updateOverviewCaseDetails = (payload) => updateCaseDetailsGraphQL(caseDispatch, apolloClient, props.caseNumber, payload, false, {
-        existingCaseDetails,
-    });
-    const { globalMetadataState: { allCaseTypes, allCaseSeverities, allCaseStatuses, viewAsCustomer, loggedInUsersAccount, loggedInUserRights, }, } = useContext(GlobalMetadataStateContext);
+    const { globalMetadataState: { allCaseTypes, allCaseSeverities, viewAsCustomer, loggedInUsersAccount, loggedInUserRights, }, } = useContext(GlobalMetadataStateContext);
     const canManageCase = loggedInUserRights.data.canManageCases();
     const switchedCaseType = toNewCaseTypeSwitcher(caseType);
     const updatingUser = loggedInUsersAccount.data.name;
@@ -95,24 +89,24 @@ export default function CaseOverview(props) {
             }
         }
         if (haventLoadedMetadata(allCaseSeverities)) {
-            fetchCaseSeverities(globalMetadataDispatchContext, apolloClient);
+            fetchCaseSeverities(globalMetadataDispatchContext, loggedInUsersAccount.data.secureSupport);
         }
         if (haventLoadedMetadata(allCaseTypes)) {
-            fetchCaseTypes(globalMetadataDispatchContext, apolloClient);
+            fetchCaseTypes(globalMetadataDispatchContext, loggedInUsersAccount.data.secureSupport);
         }
-        if (haventLoadedMetadata(allCaseStatuses)) {
-            fetchAllStatuses(globalMetadataDispatchContext, apolloClient);
+        if (haventLoadedMetadata(caseOverviewState.allCaseStatuses)) {
+            fetchAllStatuses(caseOverviewDispatch, loggedInUsersAccount.data.secureSupport);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         globalMetadataDispatchContext,
-        apolloClient,
         allCaseSeverities,
         allCaseTypes,
-        allCaseStatuses,
+        caseOverviewState.allCaseStatuses,
         caseOverviewState.caseDetailsHydra,
         canSeeCaseOwnerInfo,
         caseNumber,
+        loggedInUsersAccount.data.secureSupport,
     ]);
     const onTypeChange = (type) => __awaiter(this, void 0, void 0, function* () {
         if (canEditCase.alert())
@@ -123,7 +117,7 @@ export default function CaseOverview(props) {
             if (type === PreviousCaseTypes.FEATURE_ENHANCEMENT) {
                 newCaseDetails = Object.assign(Object.assign({}, newCaseDetails), { fts: false });
             }
-            yield updateOverviewCaseDetails(newCaseDetails);
+            yield updateCaseDetails(caseDispatch, props.caseNumber, newCaseDetails);
             setTypeUpdating(caseOverviewDispatch, false);
             ToastNotification.addSuccessMessage(t('Support type has been successfully updated'));
         }
@@ -144,7 +138,7 @@ export default function CaseOverview(props) {
         });
         setSeverityUpdating(caseOverviewDispatch, true);
         try {
-            yield updateOverviewCaseDetails(payLoad);
+            yield updateCaseDetails(caseDispatch, props.caseNumber, payLoad);
             setSeverityUpdating(caseOverviewDispatch, false);
             ToastNotification.addSuccessMessage(t('Severity has been successfully updated'));
         }
@@ -163,7 +157,7 @@ export default function CaseOverview(props) {
             reopenedReasonOther: reopenedReasonOther,
         };
         try {
-            yield updateOverviewCaseDetails(updateStatusObj);
+            yield updateCaseDetails(caseDispatch, props.caseNumber, updateStatusObj);
             setStatusUpdating(caseOverviewDispatch, false);
             onStatusUpdate && (yield onStatusUpdate());
             ToastNotification.addSuccessMessage(t('Status has been successfully updated'));
@@ -295,13 +289,13 @@ export default function CaseOverview(props) {
                 React.createElement("div", { className: "created-by" },
                     React.createElement("h3", { className: "subheading subheading-sm" },
                         React.createElement(Trans, null, "Created by")),
-                    React.createElement("div", null, createdByName),
+                    React.createElement("div", null, createdById),
                     React.createElement("div", null, createdDate ? React.createElement(DateTime, { dateTimeString: createdDate }) : null)),
                 canSeeCaseOwnerInfo && (React.createElement(CaseOwnerInfo, { owner: ownerId, caseDetailsHydra: caseOverviewState.caseDetailsHydra }))),
             React.createElement("div", { className: "case-overview-secondary card card-md card-light push-bottom" },
                 React.createElement("div", { className: "pf-v6-l-grid pf-m-gutter pf-m-all-4-col-on-lg" },
                     React.createElement("div", { className: "form-wrapper" },
-                        React.createElement(CaseStatus, { selectedStatus: status, onStatusChange: onStatusChange, isDisabled: !canManageCase || allCaseStatuses.isFetching, allStatuses: allCaseStatuses.data, isFetching: caseOverviewState.caseStatusUpdating && isCaseUpdating, hasError: allCaseStatuses.isError })),
+                        React.createElement(CaseStatus, { selectedStatus: status, onStatusChange: onStatusChange, isDisabled: !canManageCase || caseOverviewState.allCaseStatuses.isFetching, allStatuses: caseOverviewState.allCaseStatuses.data, isFetching: caseOverviewState.caseStatusUpdating && isCaseUpdating, hasError: caseOverviewState.allCaseStatuses.isError })),
                     React.createElement("div", { className: "form-wrapper" },
                         React.createElement(CaseType, { selectedType: switchedCaseType, onTypeChange: onTypeChange, isDisabled: !canManageCase || allCaseTypes.isFetching || isCaseUpdating, allTypes: newCaseTypesArray, isFetching: caseOverviewState.caseTypeUpdating && isCaseUpdating, hasError: allCaseTypes.isError })),
                     React.createElement("div", { className: "form-wrapper" },
@@ -324,5 +318,5 @@ export default function CaseOverview(props) {
                 setShowReopenCaseModal(false);
             }), onClose: () => {
                 setShowReopenCaseModal(false);
-            }, caseNumber: caseNumber, reopenStatus: reopenStatusRef.current, allStatuses: allCaseStatuses.data, isUpdating: (caseOverviewState.caseStatusUpdating && isCaseUpdating) || isPostingComment, whoIsUpdating: updatingUser }))));
+            }, caseNumber: caseNumber, reopenStatus: reopenStatusRef.current, allStatuses: caseOverviewState.allCaseStatuses.data, isUpdating: (caseOverviewState.caseStatusUpdating && isCaseUpdating) || isPostingComment, whoIsUpdating: updatingUser }))));
 }

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":"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;AA4BD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBA4Y7C"}
+{"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"}

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

@@ -7,7 +7,6 @@ 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';
@@ -20,7 +19,7 @@ import { useCaseDispatch, useCaseSelector } from '../../../context/CaseContext';
 import { useCaseDetailsPageStateContext } from '../../../context/CaseDetailsPageContext';
 import { useCaseDiscussionTabDispatchContext, useCaseDiscussionTabStateContext, } from '../../../context/CaseDiscussionTabContext';
 import { updateDiscussionStateComments } from '../../../reducers/CaseDiscussionTabReducer';
-import { checkForCaseStatusToggleOnAttachOrComment, updateCaseDetailsGraphQL } from '../../../reducers/CaseReducer';
+import { checkForCaseStatusToggleOnAttachOrComment, updateCaseDetails } from '../../../reducers/CaseReducer';
 const getLocaleNameFromLocalCode = (localeCode) => {
     if ('Intl' in window && 'DisplayNames' in Intl) {
         try {
@@ -50,10 +49,8 @@ export function NewEssTermsModal(props) {
         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,
@@ -132,10 +129,11 @@ 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 updateCaseDetailsGraphQL(caseDispatch, apolloClient, props.caseNumber, {
+            yield updateCaseDetails(caseDispatch, props.caseNumber, {
                 remoteSessionTermsAcked: true,
+                screenSessionRequested: true,
                 waitingOnCallback: true,
-            }, false, { existingCaseDetails });
+            });
             try {
                 yield postCommentRequest({
                     caseNumber: props.caseNumber,
@@ -172,9 +170,8 @@ export function NewEssTermsModal(props) {
                 onCancel();
                 setAgreeLoading(false);
                 setIsTermsChecked(false);
-                yield updateCaseDetailsGraphQL(caseDispatch, apolloClient, props.caseNumber, {
-                    remoteSessionTermsAcked: false,
-                    waitingOnCallback: false,
+                yield updateCaseDetails(caseDispatch, props.caseNumber, {
+                    screenSessionRequested: 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":"AAkBA,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,qBAqYxD"}
+{"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"}

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

@@ -7,7 +7,6 @@ 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';
@@ -20,7 +19,7 @@ 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, updateCaseDetailsGraphQL, } from '../../../reducers/CaseReducer';
+import { checkForCaseStatusToggleOnAttachOrComment, setRemoteRiderFlag, updateCaseDetails, } from '../../../reducers/CaseReducer';
 const getLocaleNameFromLocalCode = (localeCode) => {
     if ('Intl' in window && 'DisplayNames' in Intl) {
         try {
@@ -48,12 +47,10 @@ 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,
@@ -118,15 +115,14 @@ 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 updateCaseDetailsGraphQL(caseDispatch, apolloClient, props.caseNumber, {
+            yield updateCaseDetails(caseDispatch, props.caseNumber, {
                 remoteSessionTermsAcked: true,
                 waitingOnCallback: true,
-            }, false, { existingCaseDetails });
+            });
             setRemoteRiderFlag(caseDispatch, true);
             try {
                 yield postCommentRequest({

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":"AAWA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAwC/D,wBAAgB,sBAAsB,sBAyXrC"}
+{"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"}

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

@@ -7,7 +7,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { useApolloClient } from '@apollo/client/react';
 import { contacts } from '@cee-eng/hydrajs';
 import { InputGroupText, ValidatedOptions } from '@patternfly/react-core';
 import CheckIcon from '@patternfly/react-icons/dist/js/icons/check-icon';
@@ -15,7 +14,6 @@ import PencilAltIcon from '@patternfly/react-icons/dist/js/icons/pencil-alt-icon
 import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
 import { getPhoneObj, PhoneInput, ToastNotification } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
-import { GET_ACCOUNT_CONTACTS } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useState } from 'react';
@@ -28,34 +26,13 @@ import { setCaseState, updateCaseDetails } from '../../../../reducers/CaseReduce
 import { ContactPhoneNumberPopOver } from '../../../CaseInformation/ContactPhoneNumberPopOver';
 import { removeAllChars, trimAndReplacePlus } from '../../../shared/utils';
 import { PDFContext } from '../../PDFContainer';
-function fetchContactBySSO(apolloClient, accountNumber, ssoUsername) {
-    return __awaiter(this, void 0, void 0, function* () {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-        const { data } = yield apolloClient.query({
-            query: GET_ACCOUNT_CONTACTS,
-            variables: {
-                accountNumber: { eq: accountNumber },
-                contactsWhere: { SSOUserName__c: { eq: ssoUsername } },
-                first: 1,
-            },
-            fetchPolicy: 'network-only',
-        });
-        const response = data;
-        const contactNode = (_j = (_h = (_g = (_f = (_e = (_d = (_c = (_b = (_a = response === null || response === void 0 ? void 0 : response.salesforce_support_uiapi) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.SalesforceSupportAccount) === null || _c === void 0 ? void 0 : _c.edges) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.node) === null || _f === void 0 ? void 0 : _f.Contacts) === null || _g === void 0 ? void 0 : _g.edges) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.node;
-        return {
-            phone: (_l = (_k = contactNode === null || contactNode === void 0 ? void 0 : contactNode.Phone) === null || _k === void 0 ? void 0 : _k.value) !== null && _l !== void 0 ? _l : '',
-        };
-    });
-}
 export function CaseContactPhoneNumber() {
     var _a;
-    const apolloClient = useApolloClient();
-    const { phoneCountryCode = '', phoneAreaCodePrefixLineNumber = '', caseNumber, contactSSOName, accountNumberRef, suppliedPhoneNumberVerified, isCaseOwnerUpdating, hasLoggedInUserConfirmedPhoneNumber, isCasePhoneUpdating, } = useCaseSelector((state) => ({
+    const { phoneCountryCode = '', phoneAreaCodePrefixLineNumber = '', caseNumber, contactSSOName, suppliedPhoneNumberVerified, isCaseOwnerUpdating, hasLoggedInUserConfirmedPhoneNumber, isCasePhoneUpdating, } = useCaseSelector((state) => ({
         phoneCountryCode: state.caseDetails.phoneCountryCode || '',
         phoneAreaCodePrefixLineNumber: state.caseDetails.phoneAreaCodePrefixLineNumber || '',
         caseNumber: state.caseDetails.caseNumber,
         contactSSOName: state.caseDetails.contactSSOName,
-        accountNumberRef: state.caseDetails.accountNumberRef,
         suppliedPhoneNumberVerified: state.caseDetails.suppliedPhoneNumberVerified,
         isCaseOwnerUpdating: state.isCaseOwnerUpdating,
         hasLoggedInUserConfirmedPhoneNumber: state.hasLoggedInUserConfirmedPhoneNumber,
@@ -203,17 +180,29 @@ export function CaseContactPhoneNumber() {
             if (contactSSOName === loggedInUser.data.ssoUsername) {
                 try {
                     setIsFetchingSSO(true);
-                    const loggedInUserContact = yield fetchContactBySSO(apolloClient, accountNumberRef, contactSSOName);
+                    const loggedInUserContact = yield (contacts === null || contacts === void 0 ? void 0 : contacts.getSFDCContactBySso(contactSSOName));
                     setIsFetchingSSO(false);
-                    const phoneLine = getPhoneObj(loggedInUserContact.phone).phoneLine || '';
-                    const countryCode = getPhoneObj(loggedInUserContact.phone).countryCode;
-                    _phoneAreaCodePrefixLineNumber = phoneLine;
-                    _phoneCountryCode = countryCode;
-                    _suppliedPhoneNumberVerified =
-                        isEqual(hasLoggedInUserConfirmedPhoneNumber, 'True') ||
-                            isEqual(hasLoggedInUserConfirmedPhoneNumber, 'Deferred')
-                            ? hasLoggedInUserConfirmedPhoneNumber
-                            : 'False';
+                    if (loggedInUserContact.supportPhoneAreaCodePrefixLineNumber) {
+                        // User has opened a case before and has phone and area code in her/his contact on SF
+                        _phoneAreaCodePrefixLineNumber = loggedInUserContact.supportPhoneAreaCodePrefixLineNumber;
+                        _phoneCountryCode = loggedInUserContact.supportPhoneCountryCode;
+                        _suppliedPhoneNumberVerified =
+                            isEqual(hasLoggedInUserConfirmedPhoneNumber, 'True') ||
+                                isEqual(hasLoggedInUserConfirmedPhoneNumber, 'Deferred')
+                                ? hasLoggedInUserConfirmedPhoneNumber
+                                : 'False';
+                    }
+                    else {
+                        const phoneLine = getPhoneObj(loggedInUserContact.phone).phoneLine || '';
+                        const countryCode = getPhoneObj(loggedInUserContact.phone).countryCode;
+                        _phoneAreaCodePrefixLineNumber = phoneLine;
+                        _phoneCountryCode = countryCode;
+                        _suppliedPhoneNumberVerified =
+                            isEqual(hasLoggedInUserConfirmedPhoneNumber, 'True') ||
+                                isEqual(hasLoggedInUserConfirmedPhoneNumber, 'Deferred')
+                                ? hasLoggedInUserConfirmedPhoneNumber
+                                : 'False';
+                    }
                 }
                 catch (_a) {
                     _phoneAreaCodePrefixLineNumber = '';
@@ -227,11 +216,18 @@ export function CaseContactPhoneNumber() {
                 // user is openning case for others (use is partner or red hatter)
                 try {
                     setIsFetchingSSO(true);
-                    const selectedContact = yield fetchContactBySSO(apolloClient, accountNumberRef, contactSSOName);
+                    const selectedContact = yield contacts.getSFDCContactBySso(contactSSOName);
                     setIsFetchingSSO(false);
-                    _phoneAreaCodePrefixLineNumber = getPhoneObj(selectedContact.phone).phoneLine || '';
-                    _phoneCountryCode = getPhoneObj(selectedContact.phone).countryCode || '';
-                    _suppliedPhoneNumberVerified = 'Deferred';
+                    if (selectedContact.supportPhoneAreaCodePrefixLineNumber) {
+                        _phoneAreaCodePrefixLineNumber = selectedContact.supportPhoneAreaCodePrefixLineNumber;
+                        _phoneCountryCode = selectedContact.supportPhoneCountryCode;
+                        _suppliedPhoneNumberVerified = 'Deferred';
+                    }
+                    else {
+                        _phoneAreaCodePrefixLineNumber = getPhoneObj(selectedContact.phone).phoneLine || '';
+                        _phoneCountryCode = getPhoneObj(selectedContact.phone).countryCode || '';
+                        _suppliedPhoneNumberVerified = 'Deferred';
+                    }
                 }
                 catch (e) {
                     _phoneAreaCodePrefixLineNumber = '';

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

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

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

@@ -4,11 +4,11 @@ import isEqual from 'lodash/isEqual';
 import React, { useContext, useState } from 'react';
 import { useCaseSelector } from '../../../../context/CaseContext';
 import { OwnerSelector } from '../../../AccountInfo/OwnerSelector';
-// import CaseGroup from '../../../CaseInformation/CaseGroup';
+import CaseGroup from '../../../CaseInformation/CaseGroup';
 import Fts from '../../../CaseInformation/Fts';
-// import { Cep } from '../../../CaseManagement/Cep';
-// import { RHAssociatesSelector } from '../../../CaseManagement/RHAssociatesSelector';
-// import CaseContactSelector from '../../../CaseManagement/SendNotifications/CaseContactSelector';
+import { Cep } from '../../../CaseManagement/Cep';
+import { RHAssociatesSelector } from '../../../CaseManagement/RHAssociatesSelector';
+import CaseContactSelector from '../../../CaseManagement/SendNotifications/CaseContactSelector';
 import { PartnerCaseHelper } from '../../ShareCase/PartnerCaseHelper';
 import { ShareWithPartner } from '../../ShareCase/PartnerShare';
 import { CaseContactPhoneNumber } from './CaseContactPhoneNumber';
@@ -26,11 +26,7 @@ export default function CaseDetailsManagement(props) {
     }), isEqual);
     const accountNumber = caseState.caseDetails.accountNumber;
     const ability = useContext(AbilityContext);
-    // const canSeeEmailNotifications = ability.can(
-    //     resourceActions.PATCH,
-    //     resources.CASE_DETAILS,
-    //     CaseDetailsFields.CASE_DETAILS_SEND_NOTIFICATIONS
-    // );
+    const canSeeEmailNotifications = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_SEND_NOTIFICATIONS);
     const canSeeInternalStatus = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_INTERNAL_STATUS);
     const canSeeSBRGroups = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_SBR_GROUP);
     return (React.createElement(React.Fragment, null,
@@ -45,8 +41,12 @@ export default function CaseDetailsManagement(props) {
                 React.createElement(CaseContactPhoneNumberAlert, { isConfirm: true }),
                 canSeeInternalStatus && React.createElement(CaseInternalStatus, null),
                 canSeeSBRGroups && React.createElement(CaseSbrGroups, null),
+                React.createElement(CaseGroup, null),
                 React.createElement(CaseReferenceNumber, null),
+                canSeeEmailNotifications && React.createElement(CaseContactSelector, null),
+                React.createElement(RHAssociatesSelector, null),
                 React.createElement(Fts, { inlineEditable: true }),
+                React.createElement(Cep, null),
                 React.createElement(SFDCUrl, null),
                 React.createElement(ShareWithPartner, { routeProps: props.routeProps, isUpdatingPartner: isUpdatingPartner, accountNumber: accountNumber })))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ProductVersion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/ProductVersion.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAkD,MAAM,OAAO,CAAC;AASvE,UAAU,MAAM;IACZ,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACvC;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,qBAuUrC;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ProductVersion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/ProductVersion.tsx"],"names":[],"mappings":"AAyCA,OAAO,KAAkD,MAAM,OAAO,CAAC;AASvE,UAAU,MAAM;IACZ,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACvC;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,qBA4WrC;AAED,eAAe,eAAe,CAAC"}

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

@@ -7,12 +7,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { useApolloClient } from '@apollo/client/react';
 import { Alert, AlertVariant, Button, MenuToggle, Select, SelectList, SelectOption, Spinner, TextInputGroup, TextInputGroupMain, TextInputGroupUtilities, } from '@patternfly/react-core';
 import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
 import { AlertMessage, AlertType, SingleSelectDropdown, ToastNotification, useSelectKeyboardNavigator, } from '@rh-support/components';
 import { fetchProducts, GlobalMetadataDispatchContext, GlobalMetadataStateContext, useCanEditCase, } from '@rh-support/react-context';
-import { haventLoadedMetadata, toOption } from '@rh-support/utils';
+import { getUniqueSortedVersions, haventLoadedMetadata, toOption, } from '@rh-support/utils';
+import filter from 'lodash/filter';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import isUndefined from 'lodash/isUndefined';
@@ -21,7 +21,7 @@ import React, { useContext, useEffect, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../../../context/CaseContext';
 import { useCaseUpdateErrorMessage } from '../../../../hooks/useCaseUpdateErrorMessage';
-import { getVersionsDetails, updateCaseDetailsGraphQL } from '../../../../reducers/CaseReducer';
+import { fetchCaseEntitlements, getVersionsDetails, updateCaseDetails } from '../../../../reducers/CaseReducer';
 import { getProductObj } from '../../../shared/utils';
 import { PDFContext } from '../../PDFContainer';
 function ProductNVersion(props) {
@@ -32,22 +32,22 @@ function ProductNVersion(props) {
     const [isVersionUpdating, setIsVersionUpdating] = useState(false);
     const [isOpen, setIsOpen] = useState(false);
     const textInputRef = useRef();
-    const { product, version, caseNumber, existingCaseDetails, versionsDetails, isCaseUpdating } = useCaseSelector((state) => ({
+    const { product, version, caseNumber, contactSSOName, versionsDetails, isCaseUpdating } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
+        contactSSOName: state.caseDetails.contactSSOName,
         caseNumber: state.caseDetails.caseNumber,
-        existingCaseDetails: state.caseDetails,
         versionsDetails: state.versionsDetails,
         isCaseUpdating: state.isCaseUpdating,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
     const dispatchToGlobalMetadataReducer = useContext(GlobalMetadataDispatchContext);
-    const apolloClient = useApolloClient();
     const { globalMetadataState: { allProducts }, } = useContext(GlobalMetadataStateContext);
     const [isProductInvalid, setIsProductInvalid] = useState(false);
     const [isVersionInvalid, setIsVersionInvalid] = useState(false);
     const [selectedProductLocal, setSelectedProductLocal] = useState(product);
     const [selectedVersionLocal, setSelectedVersionLocal] = useState(version);
+    const [isSEProductApiIsDown, setIsSEProductApiIsDown] = useState(false);
     const [inputValue, setInputValue] = useState(product);
     const [shouldFilter, setShouldFilter] = useState(false);
     const onToggleClick = () => {
@@ -112,10 +112,19 @@ function ProductNVersion(props) {
             }
             setIsProductUpdating(true);
             setIsVersionUpdating(true);
-            yield updateCaseDetailsGraphQL(caseDispatch, apolloClient, caseNumber, {
-                product: selectedProduct,
-                version: selectedVersion,
-            }, false, { existingCaseDetails });
+            if (!onlyVersionChanged && contactSSOName && caseNumber) {
+                yield updateCaseDetails(caseDispatch, caseNumber, {
+                    product: selectedProduct,
+                    version: selectedVersion,
+                });
+                yield fetchCaseEntitlements(caseDispatch, contactSSOName, selectedProduct, undefined, true, caseNumber);
+            }
+            else {
+                yield updateCaseDetails(caseDispatch, caseNumber, {
+                    product: selectedProduct,
+                    version: selectedVersion,
+                });
+            }
             setIsProductUpdating(false);
             setIsVersionUpdating(false);
             if (onlyVersionChanged) {
@@ -141,29 +150,60 @@ function ProductNVersion(props) {
     });
     // To check if version in invalid
     const checkIfVersionIsInvalid = isVersionInvalid && isEmpty(selectedVersionLocal);
+    // when user changes selected product, we need to get the versions
     useEffect(() => {
         if (!selectedProductLocal)
             return;
+        const getVersions = () => __awaiter(this, void 0, void 0, function* () {
+            try {
+                yield getVersionsDetails(caseDispatch, selectedProductLocal);
+            }
+            catch (e) {
+                console.log(e);
+            }
+        });
+        // call sfdc version api to get version flags that we only get from sfdc api
+        // flags are used in severity components
+        getVersions();
+        // populate versions with SE product api versions
         const productObj = getProductObj(allProducts.data.productsResult, selectedProductLocal);
-        if (productObj.productId) {
-            getVersionsDetails(caseDispatch, apolloClient, productObj.productId, productObj.name || selectedProductLocal);
+        if (productObj.versions) {
+            const productVersions = productObj.hasComponentsInsteadOfVersions
+                ? productObj.versions.sort()
+                : productObj.versions;
+            setVersions(productVersions);
+            if (productVersions.length === 1 && !selectedVersionLocal) {
+                setSelectedVersionLocal(productVersions[0]);
+                updateProductVerstion(selectedProductLocal, productVersions[0]);
+            }
+        }
+        else {
+            setIsSEProductApiIsDown(true);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [selectedProductLocal, caseDispatch, allProducts.data]);
+    // observe when fetched versions are available
     useEffect(() => {
-        var _a;
-        if (versionsDetails.isFetching || !((_a = versionsDetails.data) === null || _a === void 0 ? void 0 : _a.length))
+        if (!isSEProductApiIsDown)
             return;
         const fetchedVersions = versionsDetails.data.map(({ name }) => name);
-        setVersions(fetchedVersions);
         if (fetchedVersions.length === 1 && !selectedVersionLocal) {
+            setVersions(fetchedVersions);
             setSelectedVersionLocal(fetchedVersions[0]);
             updateProductVerstion(selectedProductLocal, fetchedVersions[0]);
+            return;
         }
+        const productObj = getProductObj(allProducts.data.productsResult, selectedProductLocal);
+        const sfdcVersions = getUniqueSortedVersions(fetchedVersions);
+        const versionsForSelectedProduct = productObj.versions ? productObj.versions : sfdcVersions;
+        const productVersions = (productObj === null || productObj === void 0 ? void 0 : productObj.hasComponentsInsteadOfVersions)
+            ? versionsForSelectedProduct.sort()
+            : versionsForSelectedProduct;
+        setVersions(productVersions);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [versionsDetails.data]);
     const computeDropdownList = () => {
-        const list = allProducts.data.productsResult;
+        const list = filter(allProducts.data.productsResult, (p) => p.isEntitledProduct);
         if (!list)
             return [];
         const options = shouldFilter && !isUndefined(inputValue) && !isEmpty(inputValue === null || inputValue === void 0 ? void 0 : inputValue.trim())
@@ -193,10 +233,10 @@ function ProductNVersion(props) {
     };
     useEffect(() => {
         if (haventLoadedMetadata(allProducts, (data) => isEmpty(data.productsResult))) {
-            fetchProducts(dispatchToGlobalMetadataReducer, apolloClient);
+            fetchProducts(dispatchToGlobalMetadataReducer, contactSSOName);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [allProducts, dispatchToGlobalMetadataReducer, apolloClient]);
+    }, [allProducts, dispatchToGlobalMetadataReducer, contactSSOName]);
     return (React.createElement(React.Fragment, null,
         React.createElement(AlertMessage, { show: !allProducts.isFetching && allProducts.isError, title: t('There was an error loading products.'), variant: AlertType.DANGER }),
         isEmpty(selectedVersionLocal) && (selectedVersionLocal === null || selectedVersionLocal === void 0 ? void 0 : selectedVersionLocal.length) < 2 && (React.createElement(Alert, { isInline: true, className: "pf-v6-u-mb-md", variant: AlertVariant.danger, title: React.createElement(Trans, null, "Please clear the errors to change the product on your case") })),
@@ -213,6 +253,6 @@ function ProductNVersion(props) {
                     React.createElement(SingleSelectDropdown, { className: "open-case-version", id: "version-dropdown", placeholder: t(`Select a version`), selected: getVersionSelectedDropdownOption, options: getVersionDropdownOptions, isInvalid: checkIfVersionIsInvalid, isDisabled: isVersionUpdating ||
                             (allProducts.isFetching && !allProducts.isError) ||
                             isEmpty(selectedProductLocal) ||
-                            isCaseUpdating, onSelect: onVersionChange, isLoading: isVersionUpdating || versionsDetails.isFetching, dataTrackingId: "case-details-version-selector", isScrollable: true }))))));
+                            isCaseUpdating, onSelect: onVersionChange, isLoading: isVersionUpdating || (isSEProductApiIsDown && versionsDetails.isFetching), dataTrackingId: "case-details-version-selector", isScrollable: true }))))));
 }
 export default ProductNVersion;

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

@@ -1 +1 @@
-{"version":3,"file":"Summary.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/Summary.tsx"],"names":[],"mappings":"AASA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAS/D,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAQD,iBAAS,OAAO,CAAC,KAAK,EAAE,MAAM,qBAiM7B;kBAjMQ,OAAO;;;AAoMhB,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Summary.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/Summary.tsx"],"names":[],"mappings":"AAQA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAS/D,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAQD,iBAAS,OAAO,CAAC,KAAK,EAAE,MAAM,qBA0L7B;kBA1LQ,OAAO;;;AA6LhB,eAAe,OAAO,CAAC"}