@rh-support/troubleshoot 2.6.353 → 2.6.357

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

@@ -1,105 +1,86 @@
 import { Popover, PopoverPosition } from '@patternfly/react-core';
 import QuestionCircleIcon from '@patternfly/react-icons/dist/js/icons/question-circle-icon';
 import { SingleSelectDropdown } from '@rh-support/components';
-import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import { PreviousCaseTypes, showFtsOnCaseViewEditPage, showFtsOnCreateCasePage } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
-import React, { useContext, useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
-import { setCaseDetails } from '../../reducers/CaseReducer';
+import { setCaseDetails, setCaseState } from '../../reducers/CaseReducer';
 const defaultProps = {
     id: '',
     className: '',
 };
 function SupportLevel(props) {
-    const { product, caseNumber, severity, entitlementSla, ownersEntitlements, caseType, openShiftClusterSupportLevel, } = useCaseSelector((state) => ({
-        product: state.caseDetails.product,
+    const { caseNumber, severity, entitlementSla, caseType, productServiceLevel, otherServiceLevels, selectedEntitlementId, } = useCaseSelector((state) => ({
         caseNumber: state.caseDetails.caseNumber,
         severity: state.caseDetails.severity,
         entitlementSla: state.caseDetails.entitlementSla,
-        ownersEntitlements: state.ownersEntitlements,
         caseType: state.caseDetails.caseType,
-        openShiftClusterSupportLevel: state.openShiftClusterSupportLevel,
+        productServiceLevel: state.productServiceLevel,
+        otherServiceLevels: state.otherServiceLevels,
+        selectedEntitlementId: state.selectedEntitlementId,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
-    const { globalMetadataState: { allProducts }, } = useContext(GlobalMetadataStateContext);
     const { t } = useTranslation();
     const [isSupportLevelInValid, setIsSupportLevelInValid] = useState(false);
     const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
+    const allSlaOptions = [...(productServiceLevel ? [productServiceLevel] : []), ...(otherServiceLevels !== null && otherServiceLevels !== void 0 ? otherServiceLevels : [])].sort((a, b) => b.priority - a.priority);
+    const hasMultipleSlas = allSlaOptions.length > 1;
     const onCaseDetailsChange = (caseDetails) => {
         setCaseDetails(caseDispatch, caseDetails);
     };
     const onEntitlementChange = (selectedOption) => {
-        const selected = selectedOption.value;
-        const casePayload = { entitlementSla: selected };
+        const entitlementId = selectedOption.value;
+        const matchedSla = allSlaOptions.find((sla) => sla.entitlementId === entitlementId);
+        const slaLabel = (matchedSla === null || matchedSla === void 0 ? void 0 : matchedSla.serviceLevelLabel) || '';
+        const casePayload = { entitlementSla: slaLabel };
         casePayload.fts = caseNumber
-            ? showFtsOnCaseViewEditPage(selected, severity)
-            : showFtsOnCreateCasePage(selected, severity);
+            ? showFtsOnCaseViewEditPage(slaLabel, severity)
+            : showFtsOnCreateCasePage(slaLabel, severity);
         casePayload.fts = casePayload.fts && !isIdea;
-        setIsSupportLevelInValid(isEmpty(selected));
+        setIsSupportLevelInValid(isEmpty(entitlementId));
         onCaseDetailsChange(casePayload);
+        setCaseState(caseDispatch, { selectedEntitlementId: entitlementId });
     };
-    const getSlaList = () => {
-        var _a, _b;
-        if (openShiftClusterSupportLevel)
-            return [openShiftClusterSupportLevel];
-        const entitledProduct = ((_b = (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult) !== null && _b !== void 0 ? _b : []).find((entitledProduct) => entitledProduct.product === product);
-        if (entitledProduct && entitledProduct.serviceLevels) {
-            return entitledProduct.serviceLevels.split(';') || [];
-        }
-        else {
-            return ownersEntitlements.data ? ownersEntitlements.data.map((sla) => sla.slaProcessId) : [];
-        }
-    };
-    const getSelectedSla = () => {
-        var _a, _b;
-        if (openShiftClusterSupportLevel)
-            return openShiftClusterSupportLevel;
-        const entitledProduct = ((_b = (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult) !== null && _b !== void 0 ? _b : []).find((entitledProduct) => entitledProduct.product === product);
-        // if sla is empty then it means either first time this component is rendered or product has changed.
-        if (isEmpty(entitlementSla) && entitledProduct && entitledProduct.preferredServiceLevel) {
-            return entitledProduct.preferredServiceLevel;
-        }
-        else {
-            return isEmpty(entitlementSla) && !isEmpty(ownersEntitlements.data)
-                ? ownersEntitlements.data[0].slaProcessId
-                : entitlementSla;
-        }
-    };
-    const selectedSla = getSelectedSla();
+    const selectedSla = entitlementSla || (productServiceLevel === null || productServiceLevel === void 0 ? void 0 : productServiceLevel.serviceLevelLabel) || '';
+    const currentEntitlementId = selectedEntitlementId || (productServiceLevel === null || productServiceLevel === void 0 ? void 0 : productServiceLevel.entitlementId) || '';
     useEffect(() => {
-        if (!selectedSla || entitlementSla)
+        if (!productServiceLevel)
             return;
-        if (entitlementSla !== selectedSla) {
-            onCaseDetailsChange({ entitlementSla: selectedSla });
+        const validEntitlementIds = new Set([productServiceLevel, ...(otherServiceLevels !== null && otherServiceLevels !== void 0 ? otherServiceLevels : [])]
+            .map((sla) => sla.entitlementId)
+            .filter((id) => !!id));
+        const hasValidSelection = !!selectedEntitlementId && validEntitlementIds.has(selectedEntitlementId);
+        if (!hasValidSelection) {
+            onCaseDetailsChange({ entitlementSla: productServiceLevel.serviceLevelLabel });
+            setCaseState(caseDispatch, { selectedEntitlementId: productServiceLevel.entitlementId });
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [selectedSla, entitlementSla]);
-    // Create selected option for SingleSelectDropdown
+    }, [productServiceLevel, otherServiceLevels, selectedEntitlementId]);
     const getSelectedOption = () => ({
-        label: selectedSla || '',
-        value: selectedSla || '',
+        label: selectedSla,
+        value: currentEntitlementId,
     });
-    // Create options array for SingleSelectDropdown
-    const getDropdownOptions = () => getSlaList().map((sla) => ({
-        label: sla,
-        value: sla,
+    const getDropdownOptions = () => allSlaOptions.map((sla) => ({
+        label: sla.serviceLevelLabel,
+        value: sla.entitlementId || sla.serviceLevelLabel,
     }));
+    if (!hasMultipleSlas)
+        return null;
     return (React.createElement("div", { className: `form-group ${props.className}`, id: `${props.id}` },
         React.createElement("label", { htmlFor: "get-support-supportLevel" },
             React.createElement(Trans, null, "Support level"),
             ' ',
-            !isEmpty(ownersEntitlements.data) && (React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))),
+            React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
         React.createElement(Popover, { "aria-label": "Support Level info", position: PopoverPosition.top, bodyContent: React.createElement("p", null,
                 React.createElement(Trans, { i18nKey: "i18ProductionSupportServiceLevelAgreement" },
                     "Learn more about our",
                     ' ',
                     React.createElement("a", { href: "/support/offerings/production/sla", target: "_blank" }, "production support service level agreement"))), closeBtnAriaLabel: "Close" },
             React.createElement(QuestionCircleIcon, { color: "#5e40be", className: "pf-v6-u-ml-xs icon-size cursor-pointer", "aria-label": "Support Level Info" })),
-        React.createElement(SingleSelectDropdown, { ariaLabel: t('Select Support Level'), onSelect: onEntitlementChange, selected: getSelectedOption(), options: getDropdownOptions(), isDisabled: ownersEntitlements.isError || isEmpty(ownersEntitlements.data), isInvalid: isSupportLevelInValid, dataTrackingId: "get-support-supportLevel", placeholder: t('Select Support Level') }),
-        isEmpty(ownersEntitlements.data) && (React.createElement("p", { className: "form-instructions" }, ownersEntitlements.isError ? t('Error loading support levels') : t('No active subscriptions')))));
+        React.createElement(SingleSelectDropdown, { ariaLabel: t('Select Support Level'), onSelect: onEntitlementChange, selected: getSelectedOption(), options: getDropdownOptions(), isInvalid: isSupportLevelInValid, dataTrackingId: "get-support-supportLevel", placeholder: t('Select Support Level') })));
 }
 SupportLevel.defaultProps = defaultProps;
 export default SupportLevel;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+/** Case creation Labels dropdown — selection is stored and linked after case create. */
+export default function CaseLabelsCreate(): React.JSX.Element;
+//# sourceMappingURL=CaseLabelsCreate.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,110 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { useApolloClient } from '@apollo/client/react';
+import { Label, MenuToggle, Select, SelectList, SelectOption, Spinner, } from '@patternfly/react-core';
+import { GlobalMetadataStateContext } from '@rh-support/react-context';
+import { GET_CASE_LABELS, } from '@rh-support/utils';
+import isEqual from 'lodash/isEqual';
+import unescape from 'lodash/unescape';
+import React, { useCallback, useContext, useEffect, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { Link } from 'react-router-dom';
+import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
+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() {
+    const { t } = useTranslation();
+    const client = useApolloClient();
+    const caseDispatch = useCaseDispatch();
+    const { globalMetadataState: { loggedInUser }, } = useContext(GlobalMetadataStateContext);
+    const isOrgAdmin = loggedInUser.data.isOrgAdmin;
+    const { salesforceAccountId, selectedLabelIds } = useCaseSelector((state) => {
+        var _a, _b, _c;
+        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 : [],
+        });
+    }, isEqual);
+    const [availableLabels, setAvailableLabels] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [isOpen, setIsOpen] = 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) {
+            setAvailableLabels([]);
+            return;
+        }
+        setLoading(true);
+        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 }) => {
+                var _a, _b;
+                return ({
+                    id: node.Id,
+                    name: unescape((_b = (_a = node.Name) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : ''),
+                });
+            })
+                .filter((label) => label.id && label.name));
+        }
+        catch (_e) {
+            setAvailableLabels([]);
+        }
+        finally {
+            setLoading(false);
+        }
+    }), [client, salesforceAccountId]);
+    useEffect(() => {
+        fetchLabels();
+    }, [fetchLabels]);
+    const handleSelect = (_event, labelId) => {
+        if (!labelId || typeof labelId !== 'string')
+            return;
+        updateSelectedLabelIds(selectedLabelIds.includes(labelId)
+            ? selectedLabelIds.filter((id) => id !== labelId)
+            : [...selectedLabelIds, labelId]);
+    };
+    const handleChipRemove = (labelId) => {
+        updateSelectedLabelIds(selectedLabelIds.filter((id) => id !== labelId));
+    };
+    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' } },
+        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)',
+                fontSize: '12px',
+                whiteSpace: 'nowrap',
+                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("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,
+            React.createElement("strong", null, "No labels available:"),
+            " You haven't created any labels yet.",
+            ' ',
+            React.createElement(Link, { to: "/manage/case-labels", style: { textDecoration: 'none' }, onClick: () => window.scrollTo(0, 0) }, "Create a label"),
+            ' ',
+            "to start organizing your cases.")) : (React.createElement(Trans, null,
+            React.createElement("strong", null, "No labels available:"),
+            " Your organization admin hasn't created any labels yet. Contact them to add labels before you can select one."))))));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"CaseLanguageSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/CaseLanguageSelector.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAOrD,MAAM,WAAW,MAAM;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,MAAM,qBAoGzD"}
+{"version":3,"file":"CaseLanguageSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/CaseLanguageSelector.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAOrD,MAAM,WAAW,MAAM;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,MAAM,qBA6FzD"}

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

@@ -30,12 +30,6 @@ export default function CaseLanguageSelector(props) {
     const onLanguageChange = (option) => {
         onCaseDetailsChange({ caseLanguage: option.value });
     };
-    useEffect(() => {
-        if (!caseLanguage) {
-            onCaseDetailsChange({ caseLanguage: caseLanguages.data[1] });
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
     useEffect(() => {
         if (!props.isManageStep || !isEmpty(caseLanguage) || isLoadingLang || !canUseLanguageDetection)
             return;
@@ -53,11 +47,11 @@ export default function CaseLanguageSelector(props) {
         props.isManageStep,
     ]);
     const getLanguageDropdownOptions = map(caseLanguages.data, (language) => ({
-        label: Constants.languagesMap[language],
+        label: Constants.languagesMap[language] || language,
         value: language,
     }));
     const getSelectedLanguageOption = {
-        label: caseLanguage ? Constants.languagesMap[caseLanguage] : '',
+        label: caseLanguage ? Constants.languagesMap[caseLanguage] || caseLanguage : '',
         value: caseLanguage || '',
     };
     return (React.createElement("div", { className: "form-group" },

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

@@ -1 +1 @@
-{"version":3,"file":"CaseManagement.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/CaseManagement.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,MAAM,WAAW,MAAM;CAAG;AAC1B,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM,qBAiCnD"}
+{"version":3,"file":"CaseManagement.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/CaseManagement.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,MAAM,WAAW,MAAM;CAAG;AAC1B,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM,qBA8CnD"}

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

@@ -1,20 +1,23 @@
 import { Grid, GridItem } from '@patternfly/react-core';
 import React from 'react';
 import { useCaseDispatch } from '../../context/CaseContext';
+import { useShowCaseGroupField } from '../../hooks/useCaseGroupUiState';
 import { setCaseDetails } from '../../reducers/CaseReducer';
 import CaseGroup from '../CaseInformation/CaseGroup';
 import { ContactPhoneNumber } from '../CaseInformation/ContactPhoneNumber';
-import { ContactPhoneNumberAlert } from '../CaseInformation/ContactPhoneNumberAlert';
+// TODO: Re-enable once phone number verification flow is fully supported with GraphQL
+// import { ContactPhoneNumberAlert } from '../CaseInformation/ContactPhoneNumberAlert';
 import Fts from '../CaseInformation/Fts';
 import Severity from '../CaseInformation/Severity';
 import SupportLevel from '../CaseInformation/SupportLevel';
+import CaseLabelsCreate from './CaseLabelsCreate';
 import CaseLanguageSelector from './CaseLanguageSelector';
-import { Cep } from './Cep';
+// import { Cep } from './Cep';
 import OpenReferenceNumber from './OpenReferenceNumber';
 import { RHAssociatesSelector } from './RHAssociatesSelector';
-import CaseContactSelector from './SendNotifications/CaseContactSelector';
 export default function CaseManagement(props) {
     const caseDispatch = useCaseDispatch();
+    const showCaseGroupField = useShowCaseGroupField();
     const onSeverityChange = (payload) => {
         setCaseDetails(caseDispatch, payload);
     };
@@ -25,15 +28,15 @@ export default function CaseManagement(props) {
                 React.createElement(Severity, { showSeverityInfoIcon: true, onSeverityChange: onSeverityChange })),
             React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v6-u-mb-xs" },
                 React.createElement(ContactPhoneNumber, null))),
-        React.createElement(ContactPhoneNumberAlert, null),
         React.createElement(Fts, { inlineEditable: false }),
         React.createElement(Grid, { hasGutter: true },
-            React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v6-u-mb-xs" },
+            React.createElement(GridItem, { span: 12, xl2: showCaseGroupField ? 6 : 12, className: "pf-v6-u-mb-xs" },
                 React.createElement(CaseLanguageSelector, { isManageStep: true })),
-            React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v6-u-mb-xs" },
-                React.createElement(CaseGroup, { init: true }))),
-        React.createElement(CaseContactSelector, null),
+            showCaseGroupField && (React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v6-u-mb-xs" },
+                React.createElement(CaseGroup, { init: true })))),
+        React.createElement(Grid, { hasGutter: true },
+            React.createElement(GridItem, { span: 12, xl2: 12, className: "pf-v6-u-mb-xs" },
+                React.createElement(CaseLabelsCreate, null))),
         React.createElement(RHAssociatesSelector, null),
-        React.createElement(OpenReferenceNumber, { inlineEditable: false, hideSaveCancel: true }),
-        React.createElement(Cep, null)));
+        React.createElement(OpenReferenceNumber, { inlineEditable: false, hideSaveCancel: true })));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Cep.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/Cep.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAoB/D,UAAU,MAAM;CAAG;AAEnB,wBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,qBA8ThC"}
+{"version":3,"file":"Cep.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/Cep.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAe/D,UAAU,MAAM;CAAG;AAEnB,wBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,qBA4ThC"}

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

@@ -7,6 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+import { useApolloClient } from '@apollo/client/react';
 import { Button, Checkbox, Form, FormGroup, FormHelperText, HelperText, HelperTextItem, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant, Popover, PopoverPosition, TextArea, TextInput, ValidatedOptions, } from '@patternfly/react-core';
 import QuestionCircleIcon from '@patternfly/react-icons/dist/js/icons/question-circle-icon';
 import { LoadingIndicator, ToastNotification, useConfirmation } from '@rh-support/components';
@@ -17,23 +18,22 @@ import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
-import { useCaseDetailsPageStateContext } from '../../context/CaseDetailsPageContext';
-import { useCaseDiscussionTabDispatchContext, useCaseDiscussionTabStateContext, } from '../../context/CaseDiscussionTabContext';
+import { GET_CASE_COMMENTS } from '../../hooks/useCaseComments';
 import { useCaseUpdateErrorMessage } from '../../hooks/useCaseUpdateErrorMessage';
-import { updateDiscussionStateComments } from '../../reducers/CaseDiscussionTabReducer';
 import { checkForCaseStatusToggleOnAttachOrComment, postCepDetails, setCaseDetails, setCaseState, updateCaseDetails, } from '../../reducers/CaseReducer';
 import { PDFContext } from '../CaseEditView/PDFContainer';
 export function Cep(props) {
     var _a, _b, _c, _d, _e, _f;
     const { t } = useTranslation();
     const caseUpdateError = useCaseUpdateErrorMessage();
-    const { cep, caseNumber, status, cepDetails, isPostingCep, isCaseUpdating } = useCaseSelector((state) => ({
+    const { cep, caseNumber, status, cepDetails, isPostingCep, isCaseUpdating, existingCaseDetails } = useCaseSelector((state) => ({
         cep: state.caseDetails.cep,
         caseNumber: state.caseDetails.caseNumber,
         status: state.caseDetails.status,
         cepDetails: state.cepDetails,
         isPostingCep: state.isPostingCep,
         isCaseUpdating: state.isCaseUpdating,
+        existingCaseDetails: state.caseDetails,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
     const { globalMetadataState: { loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
@@ -42,9 +42,7 @@ export function Cep(props) {
     const ability = useContext(AbilityContext);
     const canUseCep = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.CEP);
     const confirm = useConfirmation();
-    const dispatchDiscussion = useCaseDiscussionTabDispatchContext();
-    const { sort, allDiscussions, discussionFiltersListState } = useCaseDiscussionTabStateContext();
-    const { caseDetailsPageState: { caseFeedbacksHydra }, } = useCaseDetailsPageStateContext();
+    const client = useApolloClient();
     const canEditCase = useCanEditCase();
     const [saveButtonIsClicked, setSaveButtonIsClicked] = useState(false);
     const { isExportingPDF } = useContext(PDFContext);
@@ -89,10 +87,14 @@ export function Cep(props) {
     const cepUpdate = (caseDetails) => __awaiter(this, void 0, void 0, function* () {
         try {
             yield updateCaseDetails(caseDispatch, caseNumber, caseDetails);
-            checkForCaseStatusToggleOnAttachOrComment(caseDispatch, loggedInUserRights.data.isInternal(), status);
+            yield checkForCaseStatusToggleOnAttachOrComment(caseDispatch, loggedInUserRights.data.isInternal(), status, {
+                apolloClient: client,
+                caseNumber,
+                existingCaseDetails,
+            });
             if (caseDetails.cep) {
                 yield postCepDetails(caseDispatch, caseNumber, cepDetailsLocal);
-                updateDiscussionStateComments(dispatchDiscussion, caseDispatch, caseNumber, allDiscussions, sort, caseFeedbacksHydra.data, discussionFiltersListState);
+                client.refetchQueries({ include: [GET_CASE_COMMENTS] });
             }
             ToastNotification.addSuccessMessage(t(`Consultant Engagement in Progress has been updated successfully`));
         }

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

@@ -1,6 +1,7 @@
 import React from 'react';
 interface IProps {
-    onReasonInputBoxChanged: (Reason: string) => void;
+    onReasonInputBoxChanged?: (Reason: string) => void;
+    onReasonInputBoxBlur?: (reason: string) => void;
     onReasonChange: (Reason: string) => void;
     noClusterIdReasonExplanation: string;
     noClusterIdReason: string;

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,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,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,sBAkK/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,sBAwL/C,CAAC;AAEF,OAAO,EAAE,yBAAyB,EAAE,CAAC"}

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

@@ -18,14 +18,19 @@ const NoClusterIDReasonSelector = (props) => {
     const globalDispatch = useGlobalDispatchContext();
     const { globalMetadataState: { caseNoClusterIdReasons }, } = useContext(GlobalMetadataStateContext);
     const { isExportingPDF } = useContext(PDFContext);
+    useEffect(() => {
+        setInputValue(props.noClusterIdReasonExplanation || '');
+    }, [props.noClusterIdReasonExplanation]);
     const caseNoClusterIdReasonsList = props.isCustomer
         ? filter(caseNoClusterIdReasons.data, (item) => item !==
             'I am opening a case on behalf of the customer and cannot provide their Cluster ID at this time')
         : caseNoClusterIdReasons.data;
     const clearSelection = () => {
+        var _a, _b;
         setNotRegistered(false);
         setInputValue('');
-        props.onReasonInputBoxChanged('');
+        (_a = props.onReasonInputBoxBlur) === null || _a === void 0 ? void 0 : _a.call(props, '');
+        (_b = props.onReasonInputBoxChanged) === null || _b === void 0 ? void 0 : _b.call(props, '');
         props.onReasonChange('');
     };
     const handleReasonChange = (option) => {
@@ -37,10 +42,24 @@ const NoClusterIDReasonSelector = (props) => {
         }
     };
     const handleInputChange = (_event, value) => {
+        var _a;
         const cleaned = value.trim().length === 0 ? '' : value;
         setInputValue(cleaned);
         setHasLargeReasonExplanation(cleaned.length > SESSION_NO_CLUSTER_REASON_LENGTH_LIMIT);
-        props.onReasonInputBoxChanged(cleaned);
+        if (!props.onReasonInputBoxBlur) {
+            (_a = props.onReasonInputBoxChanged) === null || _a === void 0 ? void 0 : _a.call(props, cleaned);
+        }
+    };
+    const handleInputBlur = () => {
+        var _a;
+        const cleaned = (inputValue || '').trim();
+        setInputValue(cleaned);
+        setHasLargeReasonExplanation(cleaned.length > SESSION_NO_CLUSTER_REASON_LENGTH_LIMIT);
+        if (props.onReasonInputBoxBlur) {
+            props.onReasonInputBoxBlur(cleaned);
+            return;
+        }
+        (_a = props.onReasonInputBoxChanged) === null || _a === void 0 ? void 0 : _a.call(props, cleaned);
     };
     const getDropdownOptions = () => {
         return map(caseNoClusterIdReasonsList || [], (option) => ({
@@ -85,7 +104,7 @@ const NoClusterIDReasonSelector = (props) => {
                 React.createElement(SingleSelectDropdown, { placeholder: t('Select an option or briefly describe your reason'), dataTrackingId: "no-openshift-cluster-id-reason", options: getDropdownOptions(), selected: getSelectedOption(), isDisabled: caseNoClusterIdReasons.isFetching || props.isDisabled, isLoading: caseNoClusterIdReasons.isFetching, isInvalid: props.isInValid, onSelect: handleReasonChange, "aria-labelledby": titleId, "aria-invalid": props.isInValid, "aria-describedby": "validate-reason-helper" })),
             props.noClusterIdReason === 'Other' && (React.createElement("div", { className: "text-input-wrapper" },
                 React.createElement(TextInputGroup, null,
-                    React.createElement(TextInput, { value: inputValue, onChange: handleInputChange, placeholder: t('Briefly describe your reason'), "aria-label": t('Other reason description'), validated: hasLargeReasonExplanation ? ValidatedOptions.error : ValidatedOptions.default }))))),
+                    React.createElement(TextInput, { value: inputValue, onChange: handleInputChange, onBlur: handleInputBlur, placeholder: t('Briefly describe your reason'), "aria-label": t('Other reason description'), validated: hasLargeReasonExplanation ? ValidatedOptions.error : ValidatedOptions.default }))))),
         React.createElement(LoadingIndicator, { show: caseNoClusterIdReasons.isFetching, size: "xs" }),
         React.createElement("p", { id: "validate-reason-helper", className: `form-instructions ${props.isInValid ? 'form-invalid' : ''}` }, notRegistered ? (registerMyClusterID()) : hasLargeReasonExplanation ? (React.createElement("span", { className: "form-instructions form-invalid pf-v6-u-danger-color-100 no-cluster-ID" }, t(`This reason exceeds ${SESSION_NO_CLUSTER_REASON_LENGTH_LIMIT} characters. Try shortening it.`))) : (React.createElement(React.Fragment, null,
             props.isInValid && React.createElement(ExclamationCircleIcon, { color: "#c9190b", className: "pf-v6-u-mr-sm" }),

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

@@ -90,8 +90,8 @@ export function OpenShiftClusterId(props) {
         if (isEmpty(product))
             return;
         const isClusterVisible = () => __awaiter(this, void 0, void 0, function* () {
-            var _a, _b;
-            const hasCluster = yield isClusterIdEnabledForProduct(product, (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult);
+            var _a;
+            const hasCluster = yield isClusterIdEnabledForProduct(product);
             setShowClusterId(hasCluster);
             if (!hasCluster) {
                 resetClusterData();
@@ -117,7 +117,7 @@ export function OpenShiftClusterId(props) {
                     setIsClusterIdInValid(false);
                 }
             }
-            const majorVersion = (_b = getVersion(version)) === null || _b === void 0 ? void 0 : _b.major;
+            const majorVersion = (_a = getVersion(version)) === null || _a === void 0 ? void 0 : _a.major;
             const isOpenShiftV3 = product === 'OpenShift Container Platform' && majorVersion === '3';
             setShowV3TextBox(isOpenShiftV3);
             if (isOpenShiftV3 || noClusterIdReasonExplanation === 'v3-cluster') {
@@ -207,9 +207,9 @@ export function OpenShiftClusterId(props) {
         const infoMessage = v3Selected ? v3Tov4TransitionLink() : discoverV4ClusterIdLink();
         return isNextBtnClickedToShowValidationError && errorMessage ? errorMessage : infoMessage;
     };
-    const onReasonExplanationInputBoxChanged = (noClusterIdReasonExplanation) => {
+    const onReasonExplanationInputBoxChanged = (explanation) => {
         if (noClusterIdReason === 'Other') {
-            setCaseDetails(caseDispatch, { noClusterIdReasonExplanation: noClusterIdReasonExplanation });
+            setCaseDetails(caseDispatch, { noClusterIdReasonExplanation: explanation });
         }
     };
     const v3ClusterNameInputBoxChanged = (v3Cluster) => {
@@ -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' })),
+                ((isEmpty(openshiftClusterID) && isEmpty(selectedReason)) || isClusterIdInvalid), clusterIdDropdownFormInstructions: clusterIdDropdownFormInstructions(), onClusterClear: resetClusterData, isV3: product === 'OpenShift Container Platform' && !showV3TextBox })),
         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.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,qBAsfzC;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,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"}