@rh-support/troubleshoot 2.6.357 → 2.6.358

package/lib/esm/components/AccountInfo/OwnerSelector.js

@@ -34,7 +34,7 @@ function getOwnerDropdownOptions(contacts) {
 function OwnerSelector(props) {
     const { t } = useTranslation();
     const caseUpdateError = useCaseUpdateErrorMessage();
-    const { accountNumber, caseNumber, contactSsoUsername, existingCaseDetails, selectedNotificationContacts, selectedOwner, selectedCaseGroupUsers, selectedAccountDetails, isCaseOwnerUpdating, isCasePhoneUpdating, groupNumber, } = useCaseSelector((state) => ({
+    const { accountNumber, caseNumber, contactSsoUsername, existingCaseDetails, selectedNotificationContacts, selectedOwner, selectedCaseGroupUsers, selectedAccountDetails, isCaseOwnerUpdating, isCasePhoneUpdating, } = useCaseSelector((state) => ({
         accountNumber: state.caseDetails.accountNumberRef,
         caseNumber: state.caseDetails.caseNumber,
         existingCaseDetails: state.caseDetails,
@@ -45,7 +45,6 @@ function OwnerSelector(props) {
         isCaseOwnerUpdating: state.isCaseOwnerUpdating,
         isCasePhoneUpdating: state.isCasePhoneUpdating,
         contactSsoUsername: state.caseDetails.contactSSOName,
-        groupNumber: state.caseDetails.groupNumber,
     }), isEqual);
     const { routeState: { isNextBtnClickedToShowValidationError }, } = useContext(RouteContext);
     const caseDispatch = useCaseDispatch();
@@ -281,9 +280,10 @@ function OwnerSelector(props) {
                 setCaseState(caseDispatch, {
                     selectedOwner: { data: contact, isFetching: false, isError: false, errorMessage: '' },
                 });
-                if (contact.id && accountNumber) {
-                    fetchCaseGroupsForContactGraphQL(caseDispatch, apolloClient, contact.id, accountNumber, (_a = contact.defaultCaseGroup) !== null && _a !== void 0 ? _a : null, (_b = contact.isOrgAdmin) !== null && _b !== void 0 ? _b : false, caseNumber ? groupNumber : groupNumber || null);
+                if (!contact.id || !accountNumber || caseNumber) {
+                    return;
                 }
+                fetchCaseGroupsForContactGraphQL(caseDispatch, apolloClient, contact.id, accountNumber, (_a = contact.defaultCaseGroup) !== null && _a !== void 0 ? _a : null, (_b = contact.isOrgAdmin) !== null && _b !== void 0 ? _b : false, null);
             }, placeholder: t(`Search by name or username`), clearButton: true, id: "get-support-owner", name: "get-support-owner", className: "react-select-custom", isUpdating: isCaseOwnerUpdating, isInvalid: isNextBtnClickedToShowValidationError && isEmpty(selectedOwner.data), isDisabled: isCasePhoneUpdating || isCaseOwnerUpdating || canEditCase.isCaseNotEditable }))));
 }
 export { OwnerSelector };

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

@@ -1,6 +1,6 @@
 import { AlertMessage, AlertType, errorMessageTitle, formattedApiErrorMessage } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
-import { CSS_ACCESS_RESTRICTION_ERROR_DETAIL, CSS_PORTAL_URL, getSFDCSecureSupportCaseLink } from '@rh-support/utils';
+import { CSS_ACCESS_RESTRICTION_ERROR_DETAIL, getCssPortalUrl, getSFDCSecureSupportCaseLink } from '@rh-support/utils';
 import React, { useContext } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 // Here we need to use 'detailMessage' from case API if user is not authorized to see case detail
@@ -29,7 +29,7 @@ export function CaseDetailsErrorMessage(props) {
             errorMessage403 = (React.createElement(React.Fragment, null,
                 "Open this case in the",
                 ' ',
-                React.createElement("a", { href: CSS_PORTAL_URL, "data-tracking-id": "css-access-restriction-portal-redirect" }, "Confirmed Sovereign Support portal"),
+                React.createElement("a", { href: getCssPortalUrl(), "data-tracking-id": "css-access-restriction-portal-redirect" }, "Confirmed Sovereign Support portal"),
                 "."));
         }
         else if (!canReadCase) {

package/lib/esm/components/CaseEditView/CaseOverview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/index.tsx"],"names":[],"mappings":"AAmCA,OAAO,KAAkD,MAAM,OAAO,CAAC;AA4BvE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,qBAujBjD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/index.tsx"],"names":[],"mappings":"AAmCA,OAAO,KAAkD,MAAM,OAAO,CAAC;AA4BvE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,qBAwjBjD"}

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

@@ -330,22 +330,23 @@ export default function CaseOverview(props) {
                 const success = yield updateStatusState(CaseStatusEnum.CLOSED, undefined, undefined, undefined, undefined, null, { showSuccessToast: false });
                 if (success) {
                     setShowCaseCloseModal(false);
-                    yield postCommentAfterStatusUpdate(commentBody);
-                    dtmTrackEventCaseStepEncountered('close', caseNumber, product, version);
                     showStatusUpdateSuccessToast();
+                    void postCommentAfterStatusUpdate(commentBody).then(() => {
+                        dtmTrackEventCaseStepEncountered('close', caseNumber, product, version);
+                    });
                 }
             }), isUpdating: (caseOverviewState.caseStatusUpdating && isCaseUpdating) || isPostingComment, onClose: () => {
                 setShowCaseCloseModal(false);
             }, caseNumber: caseNumber })),
         showReOpenCaseModal && (React.createElement(ReopenCaseModal, { isInternal: loggedInUserRights.data.isInternal(), onConfirm: (commentBody, newPortalStatus, reopenedAt, reopenedBySSOName, reopenedReason, reopenedReasonOther) => __awaiter(this, void 0, void 0, function* () {
                 const newApiStatus = resolvePortalStatusToApiValue(newPortalStatus, status);
-                const success = yield updateStatusState(newApiStatus, reopenedAt || null, reopenedBySSOName || null, reopenedReason || null, reopenedReasonOther || null, () => __awaiter(this, void 0, void 0, function* () {
-                    yield postCommentAfterStatusUpdate(commentBody);
-                    dtmTrackEventCaseStepEncountered('reopen', caseNumber, product, version);
-                }), { showSuccessToast: false });
+                const success = yield updateStatusState(newApiStatus, reopenedAt || null, reopenedBySSOName || null, reopenedReason || null, reopenedReasonOther || null, null, { showSuccessToast: false });
                 if (success) {
                     setShowReopenCaseModal(false);
                     showStatusUpdateSuccessToast();
+                    void postCommentAfterStatusUpdate(commentBody).then(() => {
+                        dtmTrackEventCaseStepEncountered('reopen', caseNumber, product, version);
+                    });
                 }
             }), onClose: () => {
                 setShowReopenCaseModal(false);

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":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAqBvD,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,qBAwF1D"}
+{"version":3,"file":"CaseDetailsManagement.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseDetailsManagement.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAI5D,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAsBvD,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,qBAgI1D"}

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

@@ -1,11 +1,14 @@
+import { useApolloClient } from '@apollo/client/react';
 import { Flex, FlexItem } from '@patternfly/react-core';
 import { AlertMessage, AlertType } from '@rh-support/components';
 import { AbilityContext, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
+import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
-import React, { useContext, useState } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { useCaseSelector } from '../../../../context/CaseContext';
+import { useCaseDispatch, useCaseSelector } from '../../../../context/CaseContext';
 import { useShowCaseGroupField } from '../../../../hooks/useCaseGroupUiState';
+import { fetchCaseGroupsForContactGraphQL } from '../../../../reducers/CaseReducer';
 import { OwnerSelector } from '../../../AccountInfo/OwnerSelector';
 import CaseGroup from '../../../CaseInformation/CaseGroup';
 import CaseLabels from '../../../CaseInformation/CaseLabels';
@@ -25,15 +28,45 @@ import SFDCUrl from './SFDCUrl';
 export default function CaseDetailsManagement(props) {
     const { t } = useTranslation();
     const [isUpdatingPartner, setIsUpdatingPartner] = useState(false);
-    const caseState = useCaseSelector((state) => ({
-        caseDetails: {
-            accountNumber: state.caseDetails.accountNumberRef,
-        },
-        showMandatoryCaseGroupValidationError: state.showMandatoryCaseGroupValidationError,
-    }), isEqual);
+    const caseDispatch = useCaseDispatch();
+    const apolloClient = useApolloClient();
+    const caseState = useCaseSelector((state) => {
+        var _a, _b, _c, _d, _e;
+        return ({
+            caseDetails: {
+                accountNumber: state.caseDetails.accountNumberRef,
+                groupNumber: state.caseDetails.groupNumber,
+            },
+            showMandatoryCaseGroupValidationError: state.showMandatoryCaseGroupValidationError,
+            selectedOwnerContactId: (_b = (_a = state.selectedOwner) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.id,
+            selectedOwnerIsOrgAdmin: (_e = (_d = (_c = state.selectedOwner) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.isOrgAdmin) !== null && _e !== void 0 ? _e : false,
+            ownersCaseGroupsData: state.ownersCaseGroups.data,
+            ownersCaseGroupsFetching: state.ownersCaseGroups.isFetching,
+        });
+    }, isEqual);
     const accountNumber = caseState.caseDetails.accountNumber;
+    const groupNumber = caseState.caseDetails.groupNumber;
     const showCaseGroupField = useShowCaseGroupField();
     const ability = useContext(AbilityContext);
+    useEffect(() => {
+        const { selectedOwnerContactId, ownersCaseGroupsData, ownersCaseGroupsFetching } = caseState;
+        if (!props.caseNumber || isEmpty(accountNumber) || isEmpty(selectedOwnerContactId)) {
+            return;
+        }
+        if (ownersCaseGroupsFetching || ownersCaseGroupsData !== undefined) {
+            return;
+        }
+        fetchCaseGroupsForContactGraphQL(caseDispatch, apolloClient, selectedOwnerContactId, accountNumber, groupNumber || null, caseState.selectedOwnerIsOrgAdmin, groupNumber !== null && groupNumber !== void 0 ? groupNumber : '');
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        props.caseNumber,
+        accountNumber,
+        caseState.selectedOwnerContactId,
+        caseState.selectedOwnerIsOrgAdmin,
+        groupNumber,
+        caseState.ownersCaseGroupsData,
+        caseState.ownersCaseGroupsFetching,
+    ]);
     // const canSeeEmailNotifications = ability.can(
     //     resourceActions.PATCH,
     //     resources.CASE_DETAILS,

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

@@ -55,6 +55,7 @@ export function CaseOpenshiftClusterId() {
     const [isClusterIdUpdating, setIsClusterIdUpdating] = useState(false);
     const [isReasonUpdating, setIsReasonUpdating] = useState(false);
     const [displayName, setDisplayName] = useState('');
+    const [localReasonExplanation, setLocalReasonExplanation] = useState('');
     const previousLocalOpenshiftClusterIDState = usePrevious(localOpenshiftClusterIDState);
     const previousSelectedReason = usePrevious(selectedReason);
     const previousProduct = usePrevious(product);
@@ -99,6 +100,9 @@ export function CaseOpenshiftClusterId() {
     ]);
     const resolvedNoClusterIdReason = resolvedNoClusterFields.reason;
     const resolvedNoClusterIdReasonExplanation = resolvedNoClusterFields.explanation;
+    useEffect(() => {
+        setLocalReasonExplanation(resolvedNoClusterIdReasonExplanation || '');
+    }, [resolvedNoClusterIdReasonExplanation]);
     const shouldShowNoClusterReasonSelector = resolvedNoClusterIdReasonExplanation !== 'v3-cluster' &&
         (clusterDropdownId === 'dont-have-id' || dontKnowSelected);
     const clusterStateReset = () => {
@@ -264,9 +268,9 @@ export function CaseOpenshiftClusterId() {
     const clusterIdDropdownFormInstructions = () => {
         const errorMessage = isClusterIdInvalid
             ? isInvalidErrorMessage()
-            : isEmpty(clusterDropdownId) || clusterDropdownId === 'dont-have-id' || clusterDropdownId === 'v3-cluster'
-                ? null
-                : discoverV4ClusterIdLinkError();
+            : isEmpty(clusterDropdownId)
+                ? discoverV4ClusterIdLinkError()
+                : null;
         const infoMessage = isDedicatedV3() ? v3Message() : discoverV4ClusterIdLink();
         return errorMessage ? errorMessage : infoMessage;
     };
@@ -308,7 +312,7 @@ export function CaseOpenshiftClusterId() {
         setIsReasonUpdating(false);
     });
     const isInVaidNoClusterIdReason = isEmpty(resolvedNoClusterIdReason) ||
-        (resolvedNoClusterIdReason === 'Other' && isEmpty((resolvedNoClusterIdReasonExplanation || '').trim()));
+        (resolvedNoClusterIdReason === 'Other' && isEmpty((localReasonExplanation || '').trim()));
     if (!showClusterId || isFetchingCaseDetails) {
         return null;
     }
@@ -317,12 +321,8 @@ export function CaseOpenshiftClusterId() {
     }
     else {
         return (React.createElement(React.Fragment, null,
-            React.createElement(OpenshiftDropdownV4, { openshiftDisplayName: displayName, setOpenshiftDisplayName: onDisplayNameChange, openshiftClusterIDState: clusterDropdownId || '', onClusterIdStateUpdate: onClusterIdSave, isClusterIdInvalid: isEmpty(clusterDropdownId) ||
-                    clusterDropdownId === 'dont-have-id' ||
-                    clusterDropdownId === 'v3-cluster'
-                    ? false
-                    : isClusterIdInvalid, clusterIdDropdownFormInstructions: !isExportingPDF ? clusterIdDropdownFormInstructions() : undefined, onClusterClear: resetClusterData, isV3: product === 'OpenShift Container Platform', isDisabled: isClusterIdUpdating || isCaseReadOnly, noClusterIdReasonExplanation: resolvedNoClusterIdReasonExplanation || '' }),
-            shouldShowNoClusterReasonSelector && (React.createElement(NoClusterIDReasonSelector, { noClusterIdReasonExplanation: resolvedNoClusterIdReasonExplanation || '', noClusterIdReason: resolvedNoClusterIdReason || '', onReasonInputBoxBlur: onReasonExplanationInputBoxChanged, onReasonChange: onReasonChange, isInValid: isInVaidNoClusterIdReason, isCustomer: isCustomer, isDisabled: isReasonUpdating || isCaseReadOnly })),
+            React.createElement(OpenshiftDropdownV4, { openshiftDisplayName: displayName, setOpenshiftDisplayName: onDisplayNameChange, openshiftClusterIDState: clusterDropdownId || '', onClusterIdStateUpdate: onClusterIdSave, isClusterIdInvalid: isClusterIdInvalid || isEmpty(clusterDropdownId), clusterIdDropdownFormInstructions: !isExportingPDF ? clusterIdDropdownFormInstructions() : undefined, onClusterClear: resetClusterData, isDisabled: isClusterIdUpdating || isCaseReadOnly, noClusterIdReasonExplanation: resolvedNoClusterIdReasonExplanation || '' }),
+            shouldShowNoClusterReasonSelector && (React.createElement(NoClusterIDReasonSelector, { noClusterIdReasonExplanation: resolvedNoClusterIdReasonExplanation || '', noClusterIdReason: resolvedNoClusterIdReason || '', onReasonInputBoxChanged: setLocalReasonExplanation, onReasonInputBoxBlur: onReasonExplanationInputBoxChanged, onReasonChange: onReasonChange, isInValid: isInVaidNoClusterIdReason, isCustomer: isCustomer, isDisabled: isReasonUpdating || isCaseReadOnly })),
             React.createElement(LoadingIndicator, { show: isClusterIdUpdating, size: "xs" })));
     }
 }

package/lib/esm/components/CaseInformation/CaseLabels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseLabels.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/CaseLabels.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAWzD,MAAM,CAAC,OAAO,UAAU,UAAU,sBAmLjC"}
+{"version":3,"file":"CaseLabels.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/CaseLabels.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAWzD,MAAM,CAAC,OAAO,UAAU,UAAU,sBA2LjC"}

package/lib/esm/components/CaseInformation/CaseLabels.js

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { Label, MenuToggle, Select, SelectList, SelectOption, Spinner, } from '@patternfly/react-core';
-import { ToastNotification } from '@rh-support/components';
+import { CaseLabelLoadErrorModal, ToastNotification } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useState } from 'react';
@@ -18,19 +18,17 @@ import { useCaseSelector } from '../../context/CaseContext';
 import { useCaseLabelLinks } from '../../hooks/useCaseLabelLinkMutations';
 const NUM_VISIBLE_LABELS = 3;
 export default function CaseLabels() {
+    var _a;
     const { t } = useTranslation();
     const canEditCase = useCanEditCase();
-    const { globalMetadataState: { loggedInUser }, } = useContext(GlobalMetadataStateContext);
+    const { globalMetadataState: { loggedInUser, loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
     const isOrgAdmin = loggedInUser.data.isOrgAdmin;
-    const { caseId, salesforceAccountId } = useCaseSelector((state) => {
-        var _a, _b;
-        return ({
-            caseId: state.caseDetails.id,
-            salesforceAccountId: (_b = (_a = state.selectedAccountDetails) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.salesforceAccountId,
-        });
-    }, isEqual);
-    const { availableLabels, assignedLinks, selectedLabelIds, loading, mutating, setAssignedLinks, createLink, deleteLink, } = useCaseLabelLinks(salesforceAccountId, caseId);
+    const { caseId } = useCaseSelector((state) => ({ caseId: state.caseDetails.id }), isEqual);
+    const labelAccountId = (_a = loggedInUsersAccount.data) === null || _a === void 0 ? void 0 : _a.salesforceAccountId;
+    const isLabelAccountReady = !loggedInUsersAccount.isFetching && Boolean(labelAccountId);
+    const { availableLabels, assignedLinks, selectedLabelIds, loading, error, mutating, setAssignedLinks, createLink, deleteLink, refetch, } = useCaseLabelLinks(isLabelAccountReady ? labelAccountId : undefined, caseId);
     const [isOpen, setIsOpen] = useState(false);
+    const [isErrorModalDismissed, setIsErrorModalDismissed] = useState(false);
     const handleSelect = (_event, labelId) => __awaiter(this, void 0, void 0, function* () {
         if (!labelId || typeof labelId !== 'string')
             return;
@@ -74,8 +72,9 @@ export default function CaseLabels() {
     const haltEvent = (e) => e.stopPropagation();
     const toggle = (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: () => setIsOpen((prev) => !prev), isExpanded: isOpen, isDisabled: loading ||
             mutating ||
+            !!error ||
             !caseId ||
-            (!isOrgAdmin && availableLabels.length === 0) ||
+            (!isOrgAdmin && availableLabels.length === 0 && !error) ||
             canEditCase.isCaseNotEditable, isFullWidth: true, style: { height: '36px' } }, loading || mutating ? (React.createElement(Spinner, { size: "md" })) : selectedLabels.length > 0 ? (React.createElement("span", { style: { display: 'flex', gap: '8px', alignItems: 'center', flexWrap: 'nowrap' } },
         selectedLabels.slice(0, NUM_VISIBLE_LABELS).map((label) => (React.createElement(Label, { key: label.id, variant: "outline", onClose: () => handleChipRemove(label.id), closeBtnAriaLabel: t('Remove label {{name}}', { name: label.name }), onClick: haltEvent }, label.name))),
         selectedLabels.length > NUM_VISIBLE_LABELS && (React.createElement("span", { style: {
@@ -87,11 +86,15 @@ export default function CaseLabels() {
     if (!caseId)
         return null;
     return (React.createElement("div", { className: "form-group" },
+        React.createElement(CaseLabelLoadErrorModal, { isOpen: !!error && !isErrorModalDismissed, onRetry: () => {
+                setIsErrorModalDismissed(false);
+                refetch();
+            }, onClose: () => setIsErrorModalDismissed(true) }),
         React.createElement("label", { htmlFor: "case-labels" },
             React.createElement(Trans, null, "Labels")),
         React.createElement(Select, { id: "case-labels", "data-tracking-id": "case-labels", role: "menu", isOpen: isOpen, onSelect: handleSelect, onOpenChange: () => setIsOpen(false), toggle: toggle, shouldFocusFirstItemOnOpen: false, isScrollable: true, popperProps: { direction: 'down', enableFlip: false } },
             React.createElement(SelectList, { id: "case-labels-listbox" }, availableLabels.map((label) => (React.createElement(SelectOption, { key: label.id, value: label.id, hasCheckbox: true, isSelected: selectedLabelIds.includes(label.id) }, label.name))))),
-        !loading && availableLabels.length === 0 && (React.createElement("p", { className: "form-instructions" }, isOrgAdmin ? (React.createElement(Trans, null,
+        !loading && !error && availableLabels.length === 0 && (React.createElement("p", { className: "form-instructions" }, isOrgAdmin ? (React.createElement(Trans, null,
             React.createElement("strong", null, "No labels available:"),
             " You haven't created any labels yet.",
             ' ',

package/lib/esm/components/CaseInformation/Severity.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Severity.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Severity.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAMvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAc5D,OAAO,KAA0C,MAAM,OAAO,CAAC;AAW/D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAChE,oBAAoB,EAAE,OAAO,CAAC;CACjC;AASD,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;CACxD;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,MAAM,qBA0R9B;kBA1RQ,QAAQ;;;AA4RjB,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Severity.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Severity.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAMvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAa5D,OAAO,KAA0C,MAAM,OAAO,CAAC;AAW/D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAChE,oBAAoB,EAAE,OAAO,CAAC;CACjC;AASD,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;CACxD;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,MAAM,qBA+R9B;kBA/RQ,QAAQ;;;AAiSjB,eAAe,QAAQ,CAAC"}

package/lib/esm/components/CaseInformation/Severity.js

@@ -3,7 +3,7 @@ import QuestionCircleIcon from '@patternfly/react-icons/dist/js/icons/question-c
 import WarningTriangleIcon from '@patternfly/react-icons/dist/js/icons/warning-triangle-icon';
 import { SingleSelectDropdown, ValueChangedIcon } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
-import { autoEnableFtsOnCaseViewEditPage, PreviousCaseTypes, severitySort, showFtsOnCreateCasePage, } from '@rh-support/utils';
+import { getFtsForSeverityChange, PreviousCaseTypes, severitySort, } from '@rh-support/utils';
 import find from 'lodash/find';
 import findLast from 'lodash/findLast';
 import includes from 'lodash/includes';
@@ -56,12 +56,11 @@ function Severity(props) {
         const casePayload = {
             severity: value,
         };
-        // Auto-enable 24x7 only for severity 1; uncheck it when leaving severity 1.
-        !isOnCaseDetailsPage && (casePayload.fts = showFtsOnCreateCasePage(entitlementSla, value, ftsCreateOptions));
-        if (isOnCaseDetailsPage) {
-            casePayload.fts = autoEnableFtsOnCaseViewEditPage(entitlementSla, value);
+        // Always send an explicit fts flag so CasePatch clears 24x7 when leaving severity 1.
+        casePayload.fts = getFtsForSeverityChange(entitlementSla, value, Object.assign({ isCaseEdit: isOnCaseDetailsPage }, ftsCreateOptions));
+        if (isIdea) {
+            casePayload.fts = false;
         }
-        casePayload.fts = casePayload.fts && !isIdea;
         if (isOnCaseDetailsPage) {
             props.onSeverityChange && props.onSeverityChange(casePayload);
         }
@@ -110,8 +109,11 @@ function Severity(props) {
         label: `${severity} - ${getSeverityDescription(severity)}`,
         additionalInfo: getNewSeverityStringDef(severity),
     };
-    const toggleModal = () => {
-        setOpenUpdateSeverityModal((openUpdateSeverityModal) => !openUpdateSeverityModal);
+    const openSeverityModal = () => {
+        setOpenUpdateSeverityModal(true);
+    };
+    const closeSeverityModal = () => {
+        setOpenUpdateSeverityModal(false);
     };
     useEffect(() => {
         var _a, _b, _c;
@@ -174,13 +176,12 @@ function Severity(props) {
             React.createElement(Icon, { size: "sm" },
                 React.createElement(WarningTriangleIcon, { color: "#ec7a08", title: "Support Severity Level warning" })))),
         !props.isDisabled && isOnCaseDetailsPage ? (React.createElement(React.Fragment, null,
-            React.createElement("div", { onClick: toggleModal },
-                React.createElement(SingleSelectDropdown, { dataTrackingId: "get-support-severity", selected: getSelectedDropdownOption, options: getDropdownOptions, onSelect: onSeverityChange, isDisabled: allCaseSeverities.isError ||
-                        props.isDisabled ||
-                        allCaseSeverities.isFetching ||
-                        ownersEntitlements.isFetching ||
-                        versionsDetails.isFetching, isLoading: props.isFetching, placeholder: t(`Select a severity`), isInvalid: allCaseSeverities.isError || isSeverityInValid, isScrollable: true, isModalOpen: openUpdateSeverityModal })),
-            openUpdateSeverityModal && (React.createElement(UpdateSeverityModal, { isDisabled: props.isFetching, isFetching: props.isFetching, show: openUpdateSeverityModal, onClose: toggleModal })))) : (React.createElement("div", null,
+            React.createElement(SingleSelectDropdown, { dataTrackingId: "get-support-severity", selected: getSelectedDropdownOption, options: getDropdownOptions, onSelect: onSeverityChange, isDisabled: allCaseSeverities.isError ||
+                    props.isDisabled ||
+                    allCaseSeverities.isFetching ||
+                    ownersEntitlements.isFetching ||
+                    versionsDetails.isFetching, isLoading: props.isFetching, placeholder: t(`Select a severity`), isInvalid: allCaseSeverities.isError || isSeverityInValid, isScrollable: true, isModalOpen: openUpdateSeverityModal, onMenuToggle: openSeverityModal }),
+            openUpdateSeverityModal && (React.createElement(UpdateSeverityModal, { isDisabled: props.isFetching, isFetching: props.isFetching, show: openUpdateSeverityModal, onClose: closeSeverityModal })))) : (React.createElement("div", null,
             React.createElement(SingleSelectDropdown, { className: "case-creation-severity-select", dataTrackingId: "get-support-severity", selected: getSelectedDropdownOption, options: getDropdownOptions, onSelect: onSeverityChange, isDisabled: allCaseSeverities.isError ||
                     props.isDisabled ||
                     allCaseSeverities.isFetching ||

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

@@ -1 +1 @@
-{"version":3,"file":"CaseLabelsCreate.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/CaseLabelsCreate.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAYjF,wFAAwF;AACxF,MAAM,CAAC,OAAO,UAAU,gBAAgB,sBAgLvC"}
+{"version":3,"file":"CaseLabelsCreate.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/CaseLabelsCreate.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAqE,MAAM,OAAO,CAAC;AAY1F,wFAAwF;AACxF,MAAM,CAAC,OAAO,UAAU,gBAAgB,sBA6NvC"}

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

@@ -9,11 +9,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { useApolloClient } from '@apollo/client/react';
 import { Label, MenuToggle, Select, SelectList, SelectOption, Spinner, } from '@patternfly/react-core';
+import { CaseLabelLoadErrorModal } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
-import { GET_CASE_LABELS, } from '@rh-support/utils';
+import { fetchAllAccountCaseLabels } from '@rh-support/utils';
 import isEqual from 'lodash/isEqual';
 import unescape from 'lodash/unescape';
-import React, { useCallback, useContext, useEffect, useState } from 'react';
+import React, { useCallback, useContext, useEffect, useMemo, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
@@ -21,40 +22,65 @@ import { setCaseState } from '../../reducers/CaseReducer';
 const NUM_VISIBLE_LABELS = 3;
 /** Case creation Labels dropdown — selection is stored and linked after case create. */
 export default function CaseLabelsCreate() {
+    var _a, _b, _c;
     const { t } = useTranslation();
     const client = useApolloClient();
     const caseDispatch = useCaseDispatch();
-    const { globalMetadataState: { loggedInUser }, } = useContext(GlobalMetadataStateContext);
+    const { globalMetadataState: { loggedInUser, loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
     const isOrgAdmin = loggedInUser.data.isOrgAdmin;
-    const { salesforceAccountId, selectedLabelIds } = useCaseSelector((state) => {
-        var _a, _b, _c;
+    const { salesforceAccountIdFromSelected, isSelectedAccountFetching, selectedAccountNumber, selectedLabelIds } = useCaseSelector((state) => {
+        var _a, _b, _c, _d, _e, _f, _g;
         return ({
-            salesforceAccountId: (_b = (_a = state.selectedAccountDetails) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.salesforceAccountId,
-            selectedLabelIds: (_c = state.selectedLabelIds) !== null && _c !== void 0 ? _c : [],
+            salesforceAccountIdFromSelected: (_b = (_a = state.selectedAccountDetails) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.salesforceAccountId,
+            isSelectedAccountFetching: (_d = (_c = state.selectedAccountDetails) === null || _c === void 0 ? void 0 : _c.isFetching) !== null && _d !== void 0 ? _d : false,
+            selectedAccountNumber: (_f = (_e = state.selectedAccountDetails) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f.accountNumber,
+            selectedLabelIds: (_g = state.selectedLabelIds) !== null && _g !== void 0 ? _g : [],
         });
     }, isEqual);
+    const salesforceAccountId = useMemo(() => {
+        var _a, _b;
+        if (salesforceAccountIdFromSelected) {
+            return salesforceAccountIdFromSelected;
+        }
+        const loggedInAccountNumber = (_a = loggedInUsersAccount.data) === null || _a === void 0 ? void 0 : _a.accountNumber;
+        const loggedInSalesforceAccountId = (_b = loggedInUsersAccount.data) === null || _b === void 0 ? void 0 : _b.salesforceAccountId;
+        if (loggedInSalesforceAccountId &&
+            (!selectedAccountNumber || selectedAccountNumber === loggedInAccountNumber)) {
+            return loggedInSalesforceAccountId;
+        }
+        return undefined;
+    }, [
+        salesforceAccountIdFromSelected,
+        (_a = loggedInUsersAccount.data) === null || _a === void 0 ? void 0 : _a.accountNumber,
+        (_b = loggedInUsersAccount.data) === null || _b === void 0 ? void 0 : _b.salesforceAccountId,
+        selectedAccountNumber,
+    ]);
+    const isAccountLoading = isSelectedAccountFetching || loggedInUsersAccount.isFetching;
+    const labelAccountId = salesforceAccountId !== null && salesforceAccountId !== void 0 ? salesforceAccountId : (_c = loggedInUsersAccount.data) === null || _c === void 0 ? void 0 : _c.salesforceAccountId;
     const [availableLabels, setAvailableLabels] = useState([]);
     const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(undefined);
     const [isOpen, setIsOpen] = useState(false);
+    const [isErrorModalDismissed, setIsErrorModalDismissed] = useState(false);
     const updateSelectedLabelIds = (nextIds) => {
         setCaseState(caseDispatch, { selectedLabelIds: nextIds });
     };
     const fetchLabels = useCallback(() => __awaiter(this, void 0, void 0, function* () {
-        var _a, _b, _c, _d;
-        if (!salesforceAccountId) {
+        if (!labelAccountId) {
+            if (isAccountLoading) {
+                setLoading(true);
+                return;
+            }
+            setLoading(false);
             setAvailableLabels([]);
             return;
         }
         setLoading(true);
+        setError(undefined);
         try {
-            const { data } = yield client.query({
-                query: GET_CASE_LABELS,
-                variables: { where: { Account__c: { eq: salesforceAccountId } } },
-                fetchPolicy: 'cache-first',
-            });
-            const edges = (_d = (_c = (_b = (_a = data === null || data === void 0 ? void 0 : data.redhat_support_uiapi) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.RedHatSupportCaseLabel__c) === null || _c === void 0 ? void 0 : _c.edges) !== null && _d !== void 0 ? _d : [];
-            setAvailableLabels(edges
-                .map(({ node }) => {
+            const labelNodes = yield fetchAllAccountCaseLabels(client, labelAccountId);
+            setAvailableLabels(labelNodes
+                .map((node) => {
                 var _a, _b;
                 return ({
                     id: node.Id,
@@ -63,13 +89,14 @@ export default function CaseLabelsCreate() {
             })
                 .filter((label) => label.id && label.name));
         }
-        catch (_e) {
+        catch (e) {
+            setError(e);
             setAvailableLabels([]);
         }
         finally {
             setLoading(false);
         }
-    }), [client, salesforceAccountId]);
+    }), [client, isAccountLoading, labelAccountId]);
     useEffect(() => {
         fetchLabels();
     }, [fetchLabels]);
@@ -85,7 +112,7 @@ export default function CaseLabelsCreate() {
     };
     const selectedLabels = availableLabels.filter((label) => selectedLabelIds.includes(label.id));
     const haltEvent = (e) => e.stopPropagation();
-    const toggle = (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: () => setIsOpen((prev) => !prev), isExpanded: isOpen, isDisabled: loading || (!isOrgAdmin && availableLabels.length === 0), isFullWidth: true, style: { height: '36px' } }, loading ? (React.createElement(Spinner, { size: "md" })) : selectedLabels.length > 0 ? (React.createElement("span", { style: { display: 'flex', gap: '8px', alignItems: 'center', flexWrap: 'nowrap' } },
+    const toggle = (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: () => setIsOpen((prev) => !prev), isExpanded: isOpen, isDisabled: loading || isAccountLoading || !!error || (!isOrgAdmin && availableLabels.length === 0 && !error), isFullWidth: true, style: { height: '36px' } }, loading || isAccountLoading ? (React.createElement(Spinner, { size: "md" })) : selectedLabels.length > 0 ? (React.createElement("span", { style: { display: 'flex', gap: '8px', alignItems: 'center', flexWrap: 'nowrap' } },
         selectedLabels.slice(0, NUM_VISIBLE_LABELS).map((label) => (React.createElement(Label, { key: label.id, variant: "outline", onClose: () => handleChipRemove(label.id), closeBtnAriaLabel: t('Remove label {{name}}', { name: label.name }), onClick: haltEvent }, label.name))),
         selectedLabels.length > NUM_VISIBLE_LABELS && (React.createElement("span", { style: {
                 color: 'var(--pf-t--global--text--color--link--default)',
@@ -94,11 +121,15 @@ export default function CaseLabelsCreate() {
                 cursor: 'pointer',
             } }, t('{{count}} more', { count: selectedLabels.length - NUM_VISIBLE_LABELS }))))) : availableLabels.length === 0 ? (t('No label assigned')) : (t('Select labels'))));
     return (React.createElement("div", { className: "form-group" },
+        React.createElement(CaseLabelLoadErrorModal, { isOpen: !!error && !isErrorModalDismissed, onRetry: () => {
+                setIsErrorModalDismissed(false);
+                fetchLabels();
+            }, onClose: () => setIsErrorModalDismissed(true) }),
         React.createElement("label", { htmlFor: "case-labels-create" },
             React.createElement(Trans, null, "Labels")),
         React.createElement(Select, { id: "case-labels-create", "data-tracking-id": "case-labels-create", role: "menu", isOpen: isOpen, onSelect: handleSelect, onOpenChange: () => setIsOpen(false), toggle: toggle, shouldFocusFirstItemOnOpen: false, isScrollable: true, popperProps: { direction: 'down', enableFlip: false } },
             React.createElement(SelectList, { id: "case-labels-create-listbox" }, availableLabels.map((label) => (React.createElement(SelectOption, { key: label.id, value: label.id, hasCheckbox: true, isSelected: selectedLabelIds.includes(label.id) }, label.name))))),
-        !loading && availableLabels.length === 0 && (React.createElement("p", { className: "form-instructions" }, isOrgAdmin ? (React.createElement(Trans, null,
+        !loading && !isAccountLoading && !error && availableLabels.length === 0 && (React.createElement("p", { className: "form-instructions" }, isOrgAdmin ? (React.createElement(Trans, null,
             React.createElement("strong", null, "No labels available:"),
             " You haven't created any labels yet.",
             ' ',

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

@@ -1 +1 @@
-{"version":3,"file":"NoClusterIDReasonSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/NoClusterIDReasonSelector.tsx"],"names":[],"mappings":"AAWA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,UAAU,MAAM;IACZ,uBAAuB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,4BAA4B,EAAE,MAAM,CAAC;IACrC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,yBAAyB,GAAI,OAAO,MAAM,sBAwL/C,CAAC;AAEF,OAAO,EAAE,yBAAyB,EAAE,CAAC"}
+{"version":3,"file":"NoClusterIDReasonSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/NoClusterIDReasonSelector.tsx"],"names":[],"mappings":"AAWA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,UAAU,MAAM;IACZ,uBAAuB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,4BAA4B,EAAE,MAAM,CAAC;IACrC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,yBAAyB,GAAI,OAAO,MAAM,sBAqL/C,CAAC;AAEF,OAAO,EAAE,yBAAyB,EAAE,CAAC"}

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

@@ -46,9 +46,7 @@ const NoClusterIDReasonSelector = (props) => {
         const cleaned = value.trim().length === 0 ? '' : value;
         setInputValue(cleaned);
         setHasLargeReasonExplanation(cleaned.length > SESSION_NO_CLUSTER_REASON_LENGTH_LIMIT);
-        if (!props.onReasonInputBoxBlur) {
-            (_a = props.onReasonInputBoxChanged) === null || _a === void 0 ? void 0 : _a.call(props, cleaned);
-        }
+        (_a = props.onReasonInputBoxChanged) === null || _a === void 0 ? void 0 : _a.call(props, cleaned);
     };
     const handleInputBlur = () => {
         var _a;

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

@@ -1 +1 @@
-{"version":3,"file":"OpenShiftClusterId.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenShiftClusterId.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAuB/D,eAAO,MAAM,oBAAoB,yBAShC,CAAC;AAEF,eAAO,MAAM,uBAAuB,yBAInC,CAAC;AAEF,eAAO,MAAM,4BAA4B,yBAYxC,CAAC;AAEF,eAAO,MAAM,qBAAqB,yBAIjC,CAAC;AAEF,UAAU,MAAM;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,qBAmT/C"}
+{"version":3,"file":"OpenShiftClusterId.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenShiftClusterId.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAuB/D,eAAO,MAAM,oBAAoB,yBAShC,CAAC;AAEF,eAAO,MAAM,uBAAuB,yBAInC,CAAC;AAEF,eAAO,MAAM,4BAA4B,yBAYxC,CAAC;AAEF,eAAO,MAAM,qBAAqB,yBAIjC,CAAC;AAEF,UAAU,MAAM;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,qBAkT/C"}

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

@@ -232,7 +232,7 @@ export function OpenShiftClusterId(props) {
         return null;
     return (React.createElement("div", { className: `${props.className ? props.className : ''}` },
         !showV3TextBox && (React.createElement(OpenshiftDropdownV4, { openshiftDisplayName: openshiftDisplayName, openshiftClusterIDState: openshiftClusterID || selectedReason, onClusterIdStateUpdate: onClusterIdStateUpdate, isClusterIdInvalid: isNextBtnClickedToShowValidationError &&
-                ((isEmpty(openshiftClusterID) && isEmpty(selectedReason)) || isClusterIdInvalid), clusterIdDropdownFormInstructions: clusterIdDropdownFormInstructions(), onClusterClear: resetClusterData, isV3: product === 'OpenShift Container Platform' && !showV3TextBox })),
+                ((isEmpty(openshiftClusterID) && isEmpty(selectedReason)) || isClusterIdInvalid), clusterIdDropdownFormInstructions: clusterIdDropdownFormInstructions(), onClusterClear: resetClusterData })),
         noClusterIdReasonExplanation !== 'v3-cluster' && dontKnowSelected && !showV3TextBox && (React.createElement(NoClusterIDReasonSelector, { noClusterIdReasonExplanation: noClusterIdReasonExplanation, noClusterIdReason: noClusterIdReason, onReasonInputBoxChanged: onReasonExplanationInputBoxChanged, onReasonChange: onReasonChange, isInValid: isInVaidNoClusterIdReason, isCustomer: isCustomer })),
         (v3Selected || showV3TextBox) && (React.createElement(OpenShiftV3Inputbox, { v3ClusterName: v3ClusterName, onReasonInputBoxChanged: v3ClusterNameInputBoxChanged, isInValid: isEmpty(v3ClusterName.trim()) && isNextBtnClickedToShowValidationError, v3Selected: v3Selected }))));
 }

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

@@ -7,7 +7,6 @@ interface IProps extends IDClassNameProps {
     isClusterIdInvalid: boolean;
     clusterIdDropdownFormInstructions?: JSX.Element;
     onClusterClear: () => void;
-    isV3: boolean;
     isDisabled?: boolean;
     noClusterIdReasonExplanation?: string;
     openshiftDisplayName?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"OpenshiftDropdownV4.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenshiftDropdownV4.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAgB5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAI5D,OAAO,KAA2D,MAAM,OAAO,CAAC;AAOhF,UAAU,MAAO,SAAQ,gBAAgB;IACrC,uBAAuB,EAAE,MAAM,CAAC;IAChC,sBAAsB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzF,kBAAkB,EAAE,OAAO,CAAC;IAC5B,iCAAiC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAChD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,uBAAuB,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;CAC3C;AAsBD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAyfzC;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"OpenshiftDropdownV4.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenshiftDropdownV4.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAgB5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAI5D,OAAO,KAA2D,MAAM,OAAO,CAAC;AAOhF,UAAU,MAAO,SAAQ,gBAAgB;IACrC,uBAAuB,EAAE,MAAM,CAAC;IAChC,sBAAsB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzF,kBAAkB,EAAE,OAAO,CAAC;IAC5B,iCAAiC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAChD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,uBAAuB,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;CAC3C;AAsBD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAmfzC;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

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

@@ -117,8 +117,8 @@ function OpenshiftDropdownV4(props) {
     const dropdownOptions = useMemo(() => [
         { type: 'checkbox', key: 'show-hide-archived-clusters', label: t('Show archived clusters') },
         { type: 'option', key: 'dont-have-id', label: t("I don't have my Cluster ID") },
-        ...(props.isV3 ? [{ type: 'option', key: 'v3-cluster', label: t('The case is for a v3 cluster') }] : []),
-    ], [props.isV3, t]);
+        { type: 'option', key: 'v3-cluster', label: t('The case is for a v3 cluster') },
+    ], [t]);
     // Use the keyboard navigation hook
     const { focusedItemIndex, onInputKeyDown } = useSelectKeyboardNavigator({
         list: dropdownOptions,
@@ -145,13 +145,9 @@ function OpenshiftDropdownV4(props) {
     const dropdownHeaderOptions = useMemo(() => [
         React.createElement(SelectOption, { hasCheckbox: true, key: "show-archived-clusters", "aria-label": t('Show archived clusters'), id: "show-archived-clusters", className: "archived-clusters-checkbox", "data-tracking-id": "show-hide-archived-clusters", value: { type: 'checkbox' }, isSelected: showArchivedClusters }, t('Show archived clusters')),
         React.createElement(Divider, { component: "div", key: 'cluster-id-options-divider-e' }),
-        React.createElement(SelectOption, { key: 'dont-have-id', value: createState('dont-have-id', t("I don't have my Cluster ID")), "data-tracking-id": "dont-have-cluster-id", isFocused: focusedItemIndex === 1 }, "I don't have my Cluster ID"),
-        ...(props.isV3
-            ? [
-                React.createElement(SelectOption, { key: 'v3-cluster', value: createState('v3-cluster', t('The case is for a v3 cluster')), "data-tracking-id": "v3-cluster-case", isFocused: focusedItemIndex === 2 }, t('The case is for a v3 cluster')),
-            ]
-            : []),
-    ], [showArchivedClusters, focusedItemIndex, props.isV3, t]);
+        React.createElement(SelectOption, { key: 'dont-have-id', value: createState('dont-have-id', t("I don't have my Cluster ID")), "data-tracking-id": "dont-have-cluster-id", isFocused: focusedItemIndex === 1 }, t("I don't have my Cluster ID")),
+        React.createElement(SelectOption, { key: 'v3-cluster', value: createState('v3-cluster', t('The case is for a v3 cluster')), "data-tracking-id": "v3-cluster-case", isFocused: focusedItemIndex === 2 }, t('The case is for a v3 cluster')),
+    ], [showArchivedClusters, focusedItemIndex, t]);
     const getClusterOptions = (clusters, total = totalResultsNo) => {
         const clustersResponseGrouped = groupBy(clusters, 'console_url') || [];
         const domainNames = Object.keys(clustersResponseGrouped) || [];
@@ -294,8 +290,6 @@ function OpenshiftDropdownV4(props) {
     }, [props.openshiftClusterIDState, props.openshiftDisplayName, props.noClusterIdReasonExplanation]);
     // need to get clusters when user opens the dropdown
     // as the api response is cached np extra call is made on open/close
-    // added observing props.isV3 because re-render
-    // is needed when user on overview page changing version
     useEffect(() => {
         if (!isOpen)
             return;
@@ -314,7 +308,7 @@ function OpenshiftDropdownV4(props) {
             isUnmounted = true;
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [props.isV3, showArchivedClusters, isOpen, inputVal]);
+    }, [showArchivedClusters, isOpen, inputVal]);
     const onTextInputChange = (_event, value) => {
         setInputVal(value);
         props.onClusterIdStateUpdate({ external_cluster_id: value });