@rh-support/troubleshoot 2.7.0 → 2.7.10

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

@@ -7,10 +7,11 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { contacts } from '@cee-eng/hydrajs';
+import { useApolloClient } from '@apollo/client/react';
 import { ValidatedOptions } from '@patternfly/react-core';
 import { getPhoneObj, PhoneInput } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
+import { GET_ACCOUNT_CONTACTS } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import isUndefined from 'lodash/isUndefined';
@@ -24,13 +25,33 @@ import { setCaseDetails, setCaseState } from '../../reducers/CaseReducer';
 import { PDFContext } from '../CaseEditView/PDFContainer';
 import { removeAllChars, trimAndReplacePlus } from '../shared/utils';
 import { ContactPhoneNumberPopOver } from './ContactPhoneNumberPopOver';
+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,
+            },
+        });
+        const response = data;
+        const contactNode = (_j = (_h = (_g = (_f = (_e = (_d = (_c = (_b = (_a = response === null || response === void 0 ? void 0 : response.redhat_support_uiapi) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.RedHatSupportAccount) === 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 ContactPhoneNumber() {
-    const { suppliedPhoneNumberVerified, phoneCountryCode = '', phoneAreaCodePrefixLineNumber = '', hasLoggedInUserConfirmedPhoneNumber, contactSSOName, shouldNotSetPhoneCountryCode, isCasePhoneUpdating, } = useCaseSelector((state) => ({
+    const apolloClient = useApolloClient();
+    const { suppliedPhoneNumberVerified, phoneCountryCode = '', phoneAreaCodePrefixLineNumber = '', hasLoggedInUserConfirmedPhoneNumber, contactSSOName, accountNumberRef, shouldNotSetPhoneCountryCode, isCasePhoneUpdating, } = useCaseSelector((state) => ({
         suppliedPhoneNumberVerified: state.caseDetails.suppliedPhoneNumberVerified,
         phoneCountryCode: state.caseDetails.phoneCountryCode,
         phoneAreaCodePrefixLineNumber: state.caseDetails.phoneAreaCodePrefixLineNumber,
         hasLoggedInUserConfirmedPhoneNumber: state.hasLoggedInUserConfirmedPhoneNumber,
         contactSSOName: state.caseDetails.contactSSOName,
+        accountNumberRef: state.caseDetails.accountNumberRef,
         shouldNotSetPhoneCountryCode: state.shouldNotSetPhoneCountryCode,
         isCasePhoneUpdating: state.isCasePhoneUpdating,
     }), isEqual);
@@ -57,6 +78,7 @@ export function ContactPhoneNumber() {
     };
     const onPhoneChange = (fullPhone) => {
         setLocalFullPhone(checkingPlusInLocalFullPhone(fullPhone));
+        setCaseState(caseDispatch, { hasUserUpdatedSuppliedPhone: true });
         if (!shouldNotSetPhoneCountryCode) {
             setCaseDetails(caseDispatch, {
                 phoneAreaCodePrefixLineNumber: getPhoneObj(fullPhone).phoneLine,
@@ -68,12 +90,17 @@ export function ContactPhoneNumber() {
                 setCaseState(caseDispatch, { shouldNotSetPhoneCountryCode: false });
             }
             setCaseDetails(caseDispatch, {
+                // TODO: Temporary — do not prepend + for portal phone without country code.
+                phoneAreaCodePrefixLineNumber: fullPhone.trim().replace(/^\+/, ''),
+                /* TODO: Revert to previous logic after phone format handling is finalized.
                 phoneAreaCodePrefixLineNumber: checkingPlusInLocalFullPhone(fullPhone),
+                */
                 phoneCountryCode: '',
             });
         }
     };
     const onCountryCodeChange = (phoneCountryCode) => {
+        setCaseState(caseDispatch, { hasUserUpdatedSuppliedPhone: true });
         setCaseDetails(caseDispatch, { phoneCountryCode });
     };
     const maxLengthErrorMessage = t('Phone number cannot be more than {{limit}} digits.', {
@@ -88,7 +115,7 @@ export function ContactPhoneNumber() {
         !isNextBtnClickedToShowValidationError &&
         !isEmpty(trimAndReplacePlus(phoneCountryCode)) &&
         (isEqual(suppliedPhoneNumberVerified, 'False') || isUndefined(suppliedPhoneNumberVerified))
-        ? ValidatedOptions.warning
+        ? ValidatedOptions.default
         : getPhone.length > PHONE_LIMIT
             ? ValidatedOptions.error
             : isNextBtnClickedToShowValidationError &&
@@ -114,6 +141,7 @@ export function ContactPhoneNumber() {
                 setLocalFullPhone('');
             setCaseState(caseDispatch, { isCasePhoneUpdating: true });
             const initContactPhoneNumber = () => __awaiter(this, void 0, void 0, function* () {
+                var _a, _b;
                 let _phoneAreaCodePrefixLineNumber;
                 let _phoneCountryCode;
                 let _suppliedPhoneNumberVerified;
@@ -131,20 +159,41 @@ export function ContactPhoneNumber() {
                     }
                     else {
                         // User is openning a case for the first time
-                        const phoneLength = trimAndReplacePlus(removeAllChars(loggedInUser.data.phone)).length;
+                        /* TODO: Revert to previous logic after phone format handling is finalized.
+                        const phoneLength = trimAndReplacePlus(removeAllChars(loggedInUser.data.phone!)).length;
+
                         // For first time user whose phone is fetched from portal without country code
                         // For phone length less or equal to 10 country code shouldn't be fetched to avoid faulty phone population
                         if (phoneLength > 10) {
-                            const phoneLine = getPhoneObj(loggedInUser.data.phone).phoneLine || '';
-                            const countryCode = getPhoneObj(loggedInUser.data.phone).countryCode;
+                            const phoneLine = getPhoneObj(loggedInUser.data.phone!).phoneLine || '';
+                            const countryCode = getPhoneObj(loggedInUser.data.phone!).countryCode;
+
                             _phoneAreaCodePrefixLineNumber = phoneLine;
                             _phoneCountryCode = countryCode;
+                        } else {
+                            setCaseState(caseDispatch, {
+                                shouldNotSetPhoneCountryCode: true,
+                            });
+                            _phoneAreaCodePrefixLineNumber = loggedInUser.data.phone!;
+                            _phoneCountryCode = '';
+                            setPortalPhone(loggedInUser.data.phone!);
+                        }
+                        */
+                        // TODO: Temporary — only parse country code from +{countryCode}-{phoneLine} format
+                        const explicitPhoneMatch = (_a = loggedInUser.data.phone) === null || _a === void 0 ? void 0 : _a.trim().match(/^\+(\d+)-(.+)$/);
+                        if (explicitPhoneMatch) {
+                            _phoneCountryCode = `+${explicitPhoneMatch[1]}`;
+                            _phoneAreaCodePrefixLineNumber = explicitPhoneMatch[2];
                         }
                         else {
                             setCaseState(caseDispatch, {
                                 shouldNotSetPhoneCountryCode: true,
                             });
-                            _phoneAreaCodePrefixLineNumber = loggedInUser.data.phone;
+                            // TODO: Temporary — strip leading + when phone is not in +{countryCode}-{phoneLine} format.
+                            _phoneAreaCodePrefixLineNumber = loggedInUser.data.phone.replace(/^\+/, '');
+                            /* TODO: Revert to previous logic after phone format handling is finalized.
+                            _phoneAreaCodePrefixLineNumber = loggedInUser.data.phone!;
+                            */
                             _phoneCountryCode = '';
                             setPortalPhone(loggedInUser.data.phone);
                         }
@@ -156,32 +205,43 @@ export function ContactPhoneNumber() {
                     }
                 }
                 else {
-                    // user is openning case for others (use is partner or red hatter)
+                    // user is opening case for others (user is partner or red hatter)
                     try {
                         if (!contactSSOName)
                             return;
                         setIsFetchingSso(true);
-                        const selectedContact = yield contacts.getSFDCContactBySso(contactSSOName);
+                        const selectedContact = yield fetchContactBySSO(apolloClient, accountNumberRef, contactSSOName);
                         setIsFetchingSso(false);
-                        if (selectedContact.supportPhoneAreaCodePrefixLineNumber) {
-                            _phoneAreaCodePrefixLineNumber = selectedContact.supportPhoneAreaCodePrefixLineNumber;
-                            _phoneCountryCode = selectedContact.supportPhoneCountryCode;
-                            _suppliedPhoneNumberVerified = 'Deferred';
+                        /* TODO: Revert to previous logic after phone format handling is finalized.
+                        const phoneLength = trimAndReplacePlus(removeAllChars(selectedContact.phone)).length;
+
+                        if (phoneLength > 10) {
+                            _phoneAreaCodePrefixLineNumber = getPhoneObj(selectedContact.phone).phoneLine || '';
+                            _phoneCountryCode = getPhoneObj(selectedContact.phone).countryCode || '';
+                        } else {
+                            _phoneAreaCodePrefixLineNumber = selectedContact.phone;
+                            _phoneCountryCode = '';
+                            setCaseState(caseDispatch, { shouldNotSetPhoneCountryCode: true });
+                            setPortalPhone(selectedContact.phone);
+                        }
+                        */
+                        // TODO: Temporary — only parse country code from +{countryCode}-{phoneLine} format (e.g. +93-895674341).
+                        const explicitPhoneMatch = (_b = selectedContact.phone) === null || _b === void 0 ? void 0 : _b.trim().match(/^\+(\d+)-(.+)$/);
+                        if (explicitPhoneMatch) {
+                            _phoneCountryCode = `+${explicitPhoneMatch[1]}`;
+                            _phoneAreaCodePrefixLineNumber = explicitPhoneMatch[2];
                         }
                         else {
-                            const phoneLength = trimAndReplacePlus(removeAllChars(selectedContact.phone)).length;
-                            if (phoneLength > 10) {
-                                _phoneAreaCodePrefixLineNumber = getPhoneObj(selectedContact.phone).phoneLine || '';
-                                _phoneCountryCode = getPhoneObj(selectedContact.phone).countryCode || '';
-                            }
-                            else {
-                                _phoneAreaCodePrefixLineNumber = selectedContact.phone;
-                                _phoneCountryCode = '';
-                                setCaseState(caseDispatch, { shouldNotSetPhoneCountryCode: true });
-                                setPortalPhone(selectedContact.phone);
-                            }
-                            _suppliedPhoneNumberVerified = 'Deferred';
+                            // TODO: Temporary — strip leading + when phone is not in +{countryCode}-{phoneLine} format.
+                            _phoneAreaCodePrefixLineNumber = selectedContact.phone.replace(/^\+/, '');
+                            /* TODO: Revert to previous logic after phone format handling is finalized.
+                            _phoneAreaCodePrefixLineNumber = selectedContact.phone;
+                            */
+                            _phoneCountryCode = '';
+                            setCaseState(caseDispatch, { shouldNotSetPhoneCountryCode: true });
+                            setPortalPhone(selectedContact.phone);
                         }
+                        _suppliedPhoneNumberVerified = 'Deferred';
                     }
                     catch (e) {
                         _phoneAreaCodePrefixLineNumber = '';
@@ -196,9 +256,19 @@ export function ContactPhoneNumber() {
                     phoneCountryCode: _phoneCountryCode,
                     suppliedPhoneNumberVerified: _suppliedPhoneNumberVerified,
                 });
+                // TODO: Temporary — do not prepend + when country code is not set.
+                const _localFullPhone = isEmpty(_phoneCountryCode)
+                    ? (_phoneAreaCodePrefixLineNumber === null || _phoneAreaCodePrefixLineNumber === void 0 ? void 0 : _phoneAreaCodePrefixLineNumber.trim()) || ''
+                    : checkingPlusInLocalFullPhone(`${_phoneCountryCode} ${_phoneAreaCodePrefixLineNumber}`);
+                /* TODO: Revert to previous logic after phone format handling is finalized.
                 let _localFullPhone = _phoneCountryCode + ' ' + _phoneAreaCodePrefixLineNumber;
                 setLocalFullPhone(checkingPlusInLocalFullPhone(_localFullPhone));
-                setCaseState(caseDispatch, { isCasePhoneUpdating: false });
+                */
+                setLocalFullPhone(_localFullPhone);
+                setCaseState(caseDispatch, {
+                    isCasePhoneUpdating: false,
+                    hasUserUpdatedSuppliedPhone: false,
+                });
             });
             // if phone not initialized with portal and user contact value, initialize it else populate phone inputbox
             if (isEmpty(phoneAreaCodePrefixLineNumber) && isEmpty(phoneCountryCode)) {
@@ -213,12 +283,11 @@ export function ContactPhoneNumber() {
                     try {
                         if (!contactSSOName)
                             return;
-                        const selectedContact = yield contacts.getSFDCContactBySso(contactSSOName);
-                        if (isEmpty(selectedContact.supportPhoneAreaCodePrefixLineNumber) &&
-                            !isEmpty(selectedContact.phone)) {
+                        const selectedContact = yield fetchContactBySSO(apolloClient, accountNumberRef, contactSSOName);
+                        if (!isEmpty(selectedContact.phone)) {
                             portalPhone = selectedContact.phone;
                             phoneLength = trimAndReplacePlus(removeAllChars(portalPhone)).length;
-                            supportPhone = selectedContact.supportPhoneAreaCodePrefixLineNumber;
+                            supportPhone = '';
                         }
                     }
                     catch (e) {
@@ -252,7 +321,15 @@ export function ContactPhoneNumber() {
                     phoneLength <= 10) {
                     setPortalPhone(portalPhone);
                 }
-                setLocalFullPhone(checkingPlusInLocalFullPhone((phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber).trim()));
+                // TODO: Temporary — do not prepend + when country code is not set.
+                setLocalFullPhone(isEmpty(phoneCountryCode)
+                    ? (phoneAreaCodePrefixLineNumber === null || phoneAreaCodePrefixLineNumber === void 0 ? void 0 : phoneAreaCodePrefixLineNumber.trim()) || ''
+                    : checkingPlusInLocalFullPhone((phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber).trim()));
+                /* TODO: Revert to previous logic after phone format handling is finalized.
+                setLocalFullPhone(
+                    checkingPlusInLocalFullPhone((phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber).trim())
+                );
+                */
                 setCaseState(caseDispatch, { isCasePhoneUpdating: false });
             }
         });

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

@@ -1 +1 @@
-{"version":3,"file":"ContactPhoneNumberPopOver.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/ContactPhoneNumberPopOver.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,yBAAyB,yBAkBrC,CAAC"}
+{"version":3,"file":"ContactPhoneNumberPopOver.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/ContactPhoneNumberPopOver.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,yBAAyB,yBAsBrC,CAAC"}

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

@@ -3,7 +3,7 @@ import QuestionCircleIcon from '@patternfly/react-icons/dist/js/icons/question-c
 import React from 'react';
 import { Trans } from 'react-i18next';
 export const ContactPhoneNumberPopOver = () => {
-    return (React.createElement(Popover, { "aria-label": "Support Severity Level info", position: PopoverPosition.right, bodyContent: React.createElement("p", null,
-            React.createElement(Trans, null, "When you change the phone number, it affects both this case and your contact info in the Red Hat support system.")), closeBtnAriaLabel: "Close" },
-        React.createElement(QuestionCircleIcon, { className: "pf-v5-u-ml-xs icon-size", "aria-label": "Contact Phone Number Info" })));
+    return (React.createElement(Popover, { "aria-label": "Case owner phone number info", position: PopoverPosition.right, bodyContent: React.createElement("p", null,
+            React.createElement(Trans, null, "Changing the phone number here will only update the phone number for this case. It will not update the Case Owner's contact information in the Red Hat Support system.")), closeBtnAriaLabel: "Close" },
+        React.createElement(QuestionCircleIcon, { className: "pf-v6-u-ml-xs icon-size cursor-pointer", "aria-label": "Contact Phone Number Info", color: "#5e40be" })));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Description.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Description.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAQ3D,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,MAAM,qBAqKhD"}
+{"version":3,"file":"Description.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Description.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAUvE,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,MAAM,qBA+LhD"}

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

@@ -4,14 +4,17 @@ import OutlinedQuestionCircleIcon from '@patternfly/react-icons/dist/js/icons/ou
 import { InlineEdit, useBreakpoint } from '@rh-support/components';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useContext, useEffect, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
+import { RouteContext } from '../../context/RouteContext';
+import { useAB } from '../../hooks/useAB';
 import { CASE_DETAILS_ISSUE_LIMIT } from '../../reducers/CaseConstNTypes';
 import { getUpdatedDescription } from '../../reducers/CaseHelpers';
 import { setCaseDetails } from '../../reducers/CaseReducer';
 export default function Description(props) {
     const { t } = useTranslation();
+    const { isVariationA } = useAB();
     const { issue, environment, periodicityOfIssue, timeFramesAndUrgency, v3ClusterName, version, product, summary } = useCaseSelector((state) => ({
         description: state.caseDetails.description,
         issue: state.caseDetails.issue,
@@ -25,8 +28,9 @@ export default function Description(props) {
         summary: state.caseDetails.summary,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
+    const { routeState: { isNextBtnClickedToShowValidationError }, } = useContext(RouteContext);
     const breakPoint = useBreakpoint();
-    const isLgScreenHeight = breakPoint.lgh; // min-height: 1100px
+    const isLgScreenHeight = breakPoint.lgh;
     const [isOpen, setIsOpen] = useState(false);
     const [hasShownPopover, setHasShownPopover] = useState(false);
     const textAreaRef = useRef(null);
@@ -42,6 +46,20 @@ export default function Description(props) {
         const newDescription = getUpdatedDescription(ktQ1Local, environment, periodicityOfIssue, timeFramesAndUrgency, v3ClusterName);
         onCaseDetailsChange({ issue: ktQ1Local, description: newDescription });
     };
+    useEffect(() => {
+        if (isNextBtnClickedToShowValidationError && issue) {
+            const newDescription = getUpdatedDescription(issue, environment, periodicityOfIssue, timeFramesAndUrgency, v3ClusterName);
+            setCaseDetails(caseDispatch, { description: newDescription });
+        }
+    }, [
+        isNextBtnClickedToShowValidationError,
+        issue,
+        environment,
+        periodicityOfIssue,
+        timeFramesAndUrgency,
+        v3ClusterName,
+        caseDispatch,
+    ]);
     const handleTextAreaClick = () => {
         if (!hasShownPopover) {
             setIsOpen(true);
@@ -60,13 +78,13 @@ export default function Description(props) {
         React.createElement(Trans, null, "Tips for describing your problem")));
     const PopoverContent = (React.createElement("div", { className: "popover-body-info-description" },
         React.createElement(Trans, null, "Example:"),
-        React.createElement("p", { className: "pf-v5-u-color-200" },
+        React.createElement("p", { className: "pf-v6-u-color-200" },
             React.createElement(Trans, null,
                 "I'm unable to start the SSHD service receiving the error message",
                 React.createElement("br", null),
                 "\"Bad yes/no argument for ShowPatchLevel parameter\"")),
         React.createElement(Trans, null, "To expedite your case, include these details:"),
-        React.createElement("p", { className: "pf-v5-u-color-200" },
+        React.createElement("p", { className: "pf-v6-u-color-200" },
             React.createElement(Trans, null, "Problem"),
             React.createElement("br", null),
             React.createElement(Trans, null, "Steps you've taken"),
@@ -77,9 +95,9 @@ export default function Description(props) {
             React.createElement(Trans, { i18nKey: "i18nKeyDescribeProblem" }, "Describe your problem. Include specific actions and error messages."),
             isKT1Required && (React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
             React.createElement(Popover, { isVisible: isOpen, shouldClose: handleClose, headerContent: headerPopoverContent, bodyContent: PopoverContent },
-                React.createElement(OutlinedQuestionCircleIcon, { className: "pf-v5-u-ml-xs icon-size", onClick: handleToggle }))))), labelProps: { htmlFor: 'get-support-ktQ1-issue' }, content: issue, allowInlineEdit: !!props.inlineEditable, hideSaveCancel: !!props.hideSaveCancel, initialIsEditing: isEmpty(issue), usePreformattedTag: true, saveOnBlur: true },
-        React.createElement(TextArea, { id: "get-support-ktQ1-issue", name: "get-support-ktQ1-issue", className: `description-textarea ${isEmpty(version) || isEmpty(summary) || isEmpty(product) ? 'kt1-disabled' : ''}`, "aria-invalid": (issue === null || issue === void 0 ? void 0 : issue.length) > CASE_DETAILS_ISSUE_LIMIT ? 'true' : 'false', "aria-required": isKT1Required, isRequired: isKT1Required, value: issue, disabled: isEmpty(version) || isEmpty(summary) || isEmpty(product), onChange: (e, value) => onKTQ1IssueChange(value, e), "data-tracking-id": "get-support-ktQ1-issue", placeholder: t('i18nKeyPlaceHolderDetail', `The more detail that you include, the easier it is for us to help you. \nExample: \nI'm unable to start the SSHD service and am receiving the error message "Bad yes/no \nargument for ShowPatchLevel parameter"`), resizeOrientation: "vertical", validated: props.isSummarizeInvalid ? 'error' : 'default', rows: isLgScreenHeight ? 10 : 4, ref: textAreaRef, onClick: handleTextAreaClick }),
-        React.createElement("p", { className: "form-instructions pf-v5-u-danger-color-100", "data-tracking-id": "large-20k-warning-ktQ1-environment" }, `${(issue === null || issue === void 0 ? void 0 : issue.length) > CASE_DETAILS_ISSUE_LIMIT
+                React.createElement(OutlinedQuestionCircleIcon, { className: "pf-v6-u-ml-xs icon-size", onClick: handleToggle }))))), labelProps: { htmlFor: 'get-support-ktQ1-issue' }, content: issue, allowInlineEdit: !!props.inlineEditable, hideSaveCancel: !!props.hideSaveCancel, initialIsEditing: isEmpty(issue), usePreformattedTag: true, saveOnBlur: true },
+        React.createElement(TextArea, { id: "get-support-ktQ1-issue", name: "get-support-ktQ1-issue", className: `description-textarea ${isEmpty(version) || isEmpty(summary) || isEmpty(product) ? 'kt1-disabled' : ''}`, "aria-invalid": (issue === null || issue === void 0 ? void 0 : issue.length) > CASE_DETAILS_ISSUE_LIMIT ? 'true' : 'false', "aria-required": isKT1Required, isRequired: isKT1Required, value: issue, disabled: isEmpty(version) || isEmpty(summary) || isEmpty(product), onChange: (e, value) => onKTQ1IssueChange(value, e), "data-tracking-id": "get-support-ktQ1-issue", placeholder: t('i18nKeyPlaceHolderDetail', `The more detail that you include, the easier it is for us to help you. \nExample: \nI'm unable to start the SSHD service and am receiving the error message "Bad yes/no \nargument for ShowPatchLevel parameter"`), resizeOrientation: "vertical", validated: props.isSummarizeInvalid ? 'error' : 'default', rows: isVariationA ? (isLgScreenHeight ? 20 : 12) : isLgScreenHeight ? 10 : 4, ref: textAreaRef, onClick: handleTextAreaClick }),
+        React.createElement("p", { className: "form-instructions pf-v6-u-danger-color-100", "data-tracking-id": "large-20k-warning-ktQ1-environment" }, `${(issue === null || issue === void 0 ? void 0 : issue.length) > CASE_DETAILS_ISSUE_LIMIT
             ? `This description exceeds ${CASE_DETAILS_ISSUE_LIMIT} characters. Try shortening it.`
             : ''}`)));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"FileDiag.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/FileDiag.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D,UAAU,MAAM;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,qBAqCrC"}
+{"version":3,"file":"FileDiag.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/FileDiag.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D,UAAU,MAAM;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,qBAoCrC"}

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

@@ -1,5 +1,4 @@
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
-import { ability, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
 import { PreviousCaseTypes } from '@rh-support/utils';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useState } from 'react';
@@ -10,9 +9,9 @@ import FileEARule, { getValidAttachmentRules } from '../ImproveCase/FileEARule';
 import { WidgetFileUploader } from '../shared/fileUpload/WidgetFileUploader';
 export function FileDiag(props) {
     const { sessionRestore: { activeSessionId }, } = useContext(SessionRestoreStateContext);
-    const canAddAttachments = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.ATTACHMENTS);
     const { globalMetadataState: { loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
     const { rulesState } = useContext(RulesStateContext);
+    const isSecureSupport = Boolean(loggedInUsersAccount.data.secureSupport);
     const { caseType } = useCaseSelector((state) => ({
         caseType: state.caseDetails.caseType,
     }), isEqual);
@@ -20,7 +19,5 @@ export function FileDiag(props) {
     useEffect(() => {
         setIsIdea(caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT);
     }, [caseType]);
-    if (!canAddAttachments)
-        return null;
-    return (React.createElement(WidgetFileUploader, { className: props.className, idToUploadTo: activeSessionId, isPrivate: false, needsAnalyzing: isIdea ? false : true, isSessionId: true, isSecureSupport: loggedInUsersAccount.data.secureSupport, autoUploadOnSelect: loggedInUsersAccount.data.secureSupport ? false : true, helperText: getValidAttachmentRules(rulesState.EARules.rules).length > 0 ? React.createElement(FileEARule, null) : null, isIdea: isIdea }));
+    return (React.createElement(WidgetFileUploader, { className: props.className, idToUploadTo: activeSessionId, isPrivate: false, needsAnalyzing: isIdea ? false : !isSecureSupport, isSessionId: true, isSecureSupport: isSecureSupport, autoUploadOnSelect: isSecureSupport ? false : true, helperText: getValidAttachmentRules(rulesState.EARules.rules).length > 0 ? React.createElement(FileEARule, null) : null, isIdea: isIdea }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Fts.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Fts.tsx"],"names":[],"mappings":"AAWA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAS/D,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAQD,iBAAS,GAAG,CAAC,KAAK,EAAE,MAAM,qBA6OzB;kBA7OQ,GAAG;;;AAgPZ,eAAe,GAAG,CAAC"}
+{"version":3,"file":"Fts.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Fts.tsx"],"names":[],"mappings":"AAaA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAS/D,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAQD,iBAAS,GAAG,CAAC,KAAK,EAAE,MAAM,qBA+PzB;kBA/PQ,GAAG;;;AAkQZ,eAAe,GAAG,CAAC"}

package/lib/esm/components/CaseInformation/Fts.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 { InlineEdit, LoadingIndicator, TextAreaAutosize, ToastNotification, usePrevious } from '@rh-support/components';
 import { useCanEditCase } from '@rh-support/react-context';
 import { isFtsEditableOnEditPage, PreviousCaseTypes, showFtsOnCaseViewEditPage, showFtsOnCreateCasePage, } from '@rh-support/utils';
@@ -17,7 +18,7 @@ import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { useCaseUpdateErrorMessage } from '../../hooks/useCaseUpdateErrorMessage';
 import { CONTACT_INFO_24X7_LIMIT } from '../../reducers/CaseConstNTypes';
-import { setCaseDetails, setCaseState, updateCaseDetails } from '../../reducers/CaseReducer';
+import { setCaseDetails, setCaseState, updateCaseSeverityAndFtsGraphQL } from '../../reducers/CaseReducer';
 import { PDFContext } from '../CaseEditView/PDFContainer';
 const defaultProps = {
     inlineEditable: false,
@@ -27,17 +28,24 @@ const defaultProps = {
 function Fts(props) {
     const { t } = useTranslation();
     const caseUpdateError = useCaseUpdateErrorMessage();
-    const { fts, contactInfo24x7, caseNumber, severity, entitlementSla, caseType, phoneCountryCode, phoneAreaCodePrefixLineNumber, ftsContactSameAsOwner, } = useCaseSelector((state) => ({
-        fts: state.caseDetails.fts,
-        caseNumber: state.caseDetails.caseNumber,
-        contactInfo24x7: state.caseDetails.contactInfo24x7,
-        severity: state.caseDetails.severity,
-        entitlementSla: state.caseDetails.entitlementSla,
-        caseType: state.caseDetails.caseType,
-        phoneCountryCode: state.caseDetails.phoneCountryCode,
-        phoneAreaCodePrefixLineNumber: state.caseDetails.phoneAreaCodePrefixLineNumber || '',
-        ftsContactSameAsOwner: state.ftsContactSameAsOwner,
-    }), isEqual);
+    const apolloClient = useApolloClient();
+    const { fts, contactInfo24x7, caseNumber, severity, entitlementSla, caseType, phoneCountryCode, phoneAreaCodePrefixLineNumber, ftsContactSameAsOwner, existingCaseDetails, accountHasPremiumSla, hasMultipleSlas, } = useCaseSelector((state) => {
+        var _a, _b;
+        return ({
+            fts: state.caseDetails.fts,
+            caseNumber: state.caseDetails.caseNumber,
+            contactInfo24x7: state.caseDetails.contactInfo24x7,
+            severity: state.caseDetails.severity,
+            entitlementSla: state.caseDetails.entitlementSla,
+            caseType: state.caseDetails.caseType,
+            phoneCountryCode: state.caseDetails.phoneCountryCode,
+            phoneAreaCodePrefixLineNumber: state.caseDetails.phoneAreaCodePrefixLineNumber || '',
+            ftsContactSameAsOwner: state.ftsContactSameAsOwner,
+            existingCaseDetails: state.caseDetails,
+            accountHasPremiumSla: state.accountHasPremiumSla,
+            hasMultipleSlas: !!state.productServiceLevel && ((_b = (_a = state.otherServiceLevels) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) > 0,
+        });
+    }, isEqual);
     const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
     const { isExportingPDF } = useContext(PDFContext);
     const caseDispatch = useCaseDispatch();
@@ -52,25 +60,29 @@ function Fts(props) {
     const onCaseFtsContactUpdate = (caseDetails) => __awaiter(this, void 0, void 0, function* () {
         setFtsContactUpdating(true);
         try {
-            yield updateCaseDetails(caseDispatch, caseNumber, caseDetails);
+            yield updateCaseSeverityAndFtsGraphQL(caseDispatch, apolloClient, caseNumber, caseDetails, severity, {
+                existingCaseDetails,
+            });
             setFtsContactUpdating(false);
             ToastNotification.addSuccessMessage(t(`Case has been successfully updated`));
         }
         catch (e) {
             setFtsContactUpdating(false);
-            caseUpdateError.showError(e, t(`Failed to update the case`));
+            caseUpdateError.showFieldError(e, t('24x7 Support'), () => onCaseFtsContactUpdate(caseDetails));
         }
     });
     const onCaseFtsUpdate = (caseDetails) => __awaiter(this, void 0, void 0, function* () {
         setFtsUpdating(true);
         try {
-            yield updateCaseDetails(caseDispatch, caseNumber, caseDetails);
+            yield updateCaseSeverityAndFtsGraphQL(caseDispatch, apolloClient, caseNumber, caseDetails, severity, {
+                existingCaseDetails,
+            });
             setFtsUpdating(false);
             ToastNotification.addSuccessMessage(t(`Case has been successfully updated`));
         }
         catch (e) {
             setFtsUpdating(false);
-            caseUpdateError.showError(e, t(`Failed to update the case`));
+            caseUpdateError.showFieldError(e, t('24x7 Support'), () => onCaseFtsUpdate(caseDetails));
         }
     });
     const onFtsChange = (e) => __awaiter(this, void 0, void 0, function* () {
@@ -86,13 +98,13 @@ function Fts(props) {
             onCaseDetailsChange(caseDetails);
         }
     });
-    const onFtsContactChange = (e) => {
+    const onFtsContactChange = (number) => {
         if (canEditCase.alert())
             return;
-        setFtsContact(e.target.value);
+        setFtsContact(number);
         if (props.inlineEditable && !isEmpty(caseNumber))
             return;
-        setContactInfoIntoGlobalState(e.target.value);
+        setContactInfoIntoGlobalState(number);
     };
     const onSetContactSameAsOwner = (e) => {
         if (canEditCase.alert())
@@ -150,28 +162,30 @@ function Fts(props) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [phoneAreaCodePrefixLineNumber, phoneCountryCode]);
-    const disableFtsNContact = !isEmpty(caseNumber) && (!isFtsEditableOnEditPage(entitlementSla, severity) || isFtsUpdating);
+    const disableFtsNContact = !isEmpty(caseNumber) &&
+        (!isFtsEditableOnEditPage(entitlementSla, severity) || isFtsUpdating || canEditCase.isCaseNotEditable);
     const maxLengthErrorMessage = t('Contact information cannot be more than {{limit}} characters.', {
         limit: CONTACT_INFO_24X7_LIMIT,
     });
-    if (isEmpty(caseNumber) && !showFtsOnCreateCasePage(entitlementSla, severity))
+    const ftsCreateOptions = { accountHasPremiumSla, hasMultipleSlas };
+    if (isEmpty(caseNumber) && (!showFtsOnCreateCasePage(entitlementSla, severity, ftsCreateOptions) || isIdea))
         return React.createElement(React.Fragment, null);
     if (!isEmpty(caseNumber) && (isIdea || !showFtsOnCaseViewEditPage(entitlementSla, severity)))
         return React.createElement(React.Fragment, null);
     // To disable save button if field is empty or is updating
     const isSaveDisabled = contactInfo24X7State === contactInfo24x7 || isFtsContactUpdating;
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "form-group pf-v5-u-mb-xs" },
+        React.createElement("div", { className: "form-group pf-v6-u-mb-xs" },
             React.createElement("input", { type: "checkbox", id: "get-support-fts", "data-tracking-id": "get-support-fts", disabled: disableFtsNContact, name: "get-support-fts", checked: fts, onChange: onFtsChange }),
             React.createElement("label", { htmlFor: "get-support-fts" },
                 React.createElement(Trans, null, "24x7 Support")),
-            React.createElement(LoadingIndicator, { size: "sm", isInline: true, show: isFtsUpdating, className: "pf-v5-u-ml-sm" })),
+            React.createElement(LoadingIndicator, { size: "sm", isInline: true, show: isFtsUpdating, className: "pf-v6-u-ml-sm" })),
         fts === true && (React.createElement(React.Fragment, null,
-            React.createElement(InlineEdit, { formClassName: "pf-v5-u-mb-md", labelProps: { htmlFor: 'get-support-24-7-contact' }, labelContent: React.createElement(Trans, null, "24x7 Contact"), allowInlineEdit: props.inlineEditable && !disableFtsNContact, hideSaveCancel: props.hideSaveCancel, initialIsEditing: props.initialIsEditing, content: contactInfo24x7, onSave: onSave, onCancel: onCancel, saveDisabled: isSaveDisabled, loadingIndicator: isFtsContactUpdating ? React.createElement(LoadingIndicator, { isInline: true }) : undefined, isExportingPDF: isExportingPDF },
-                React.createElement("input", { type: "checkbox", id: "same-as-case-owner-phone", name: "same-as-case-owner-phone", "data-tracking-id": "same-as-case-owner-phone", checked: ftsContactSameAsOwner, onChange: onSetContactSameAsOwner }),
-                React.createElement("label", { htmlFor: "same-as-case-owner-phone", className: "pf-v5-u-font-weight-normal pf-v5-u-font-size-md" },
+            React.createElement(InlineEdit, { formClassName: "pf-v6-u-mb-md", labelProps: { htmlFor: 'get-support-24-7-contact' }, labelContent: React.createElement(Trans, null, "24x7 Contact"), allowInlineEdit: props.inlineEditable && !disableFtsNContact, hideSaveCancel: props.hideSaveCancel, initialIsEditing: props.initialIsEditing, content: contactInfo24x7, onSave: onSave, onCancel: onCancel, saveDisabled: isSaveDisabled, loadingIndicator: isFtsContactUpdating ? React.createElement(LoadingIndicator, { isInline: true }) : undefined, isExportingPDF: isExportingPDF },
+                React.createElement("input", { type: "checkbox", id: "same-as-case-owner-phone", name: "same-as-case-owner-phone", "data-tracking-id": "same-as-case-owner-phone", checked: ftsContactSameAsOwner, disabled: disableFtsNContact, onChange: onSetContactSameAsOwner }),
+                React.createElement("label", { htmlFor: "same-as-case-owner-phone", className: "pf-v6-u-font-weight-normal pf-v6-u-font-size-md" },
                     React.createElement(Trans, null, "Same as case owner's phone number")),
-                React.createElement(TextAreaAutosize, { id: "get-support-24-7-contact", className: `form-control`, name: "get-support-24-7-contact", value: contactInfo24X7State, onChange: onFtsContactChange, disabled: disableFtsNContact || ftsContactSameAsOwner, "data-tracking-id": "get-support-24-7-contact" }),
+                React.createElement(TextAreaAutosize, { id: "get-support-24-7-contact", className: `form-control`, name: "get-support-24-7-contact", value: contactInfo24X7State, onChange: (event) => onFtsContactChange(event.target.value), disabled: disableFtsNContact || ftsContactSameAsOwner, "data-tracking-id": "get-support-24-7-contact" }),
                 React.createElement("p", { className: "form-instructions" },
                     React.createElement(Trans, null, "Please provide contact information where you can be reached at any time to help you with your case."))),
             (contactInfo24X7State === null || contactInfo24X7State === void 0 ? void 0 : contactInfo24X7State.length) > CONTACT_INFO_24X7_LIMIT && (React.createElement("div", { className: "pull-top" },

package/lib/esm/components/CaseInformation/OpenCaseIssue.d.ts

@@ -8,6 +8,7 @@ interface IProps {
     hideSaveCancel?: boolean;
     supportType?: string;
     isOnSummaryPage: boolean;
+    isOnGetSupportPage?: boolean;
 }
 declare function OpenCaseIssue(props: IProps): React.JSX.Element;
 declare namespace OpenCaseIssue {

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

@@ -1 +1 @@
-{"version":3,"file":"OpenCaseIssue.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/OpenCaseIssue.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAS/D,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,OAAO,CAAC;CAC5B;AASD,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,qBA8InC;kBA9IQ,aAAa;;;AAiJtB,eAAe,aAAa,CAAC"}
+{"version":3,"file":"OpenCaseIssue.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/OpenCaseIssue.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAS/D,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC;AASD,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,qBAqJnC;kBArJQ,aAAa;;;AAwJtB,eAAe,aAAa,CAAC"}

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

@@ -59,6 +59,8 @@ function OpenCaseIssue(props) {
     const getTitleSummaryInvalid = () => hasLargeTitleSummary || (isNextBtnClickedToShowValidationError && isSummaryEmpty);
     const getIssueSummaryInvalid = () => hasLargeIssueSummary || (isNextBtnClickedToShowValidationError && isIssueEmpty);
     const isIdea = () => supportType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
+    const isIdeaResult = isIdea();
+    const shouldHideOnGetSupport = isIdeaResult && props.isOnGetSupportPage;
     useEffect(() => {
         setIsSummaryEmpty(summary ? isEmpty(summary.trim()) : true);
         setIsIssueEmpty(issue ? isEmpty(issue.trim()) : true);
@@ -66,6 +68,9 @@ function OpenCaseIssue(props) {
         issue && setHasLargeIssueSummary(issue.length > ISSUE_SUMMARY_LENGTH_LIMIT);
         // @ts-ignore
     }, [summary, issue]);
+    if (shouldHideOnGetSupport) {
+        return null;
+    }
     return (React.createElement(React.Fragment, null,
         React.createElement(InlineEdit, { labelProps: {
                 htmlFor: isIdea() ? 'get-support-title' : 'get-support-summary',
@@ -75,7 +80,7 @@ function OpenCaseIssue(props) {
                     alignItems: 'center',
                 },
             }, labelContent: React.createElement(React.Fragment, null,
-                React.createElement(Trans, null, 'Title'),
+                React.createElement(Trans, null, "Title"),
                 ' ',
                 !!props.required && (React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))), helperContent: React.createElement("div", { className: "title-summary-counter" },
                 `${summary === null || summary === void 0 ? void 0 : summary.length} / ${TITLE_SUMMARY_LENGTH_LIMIT}`,
@@ -85,9 +90,9 @@ function OpenCaseIssue(props) {
                     ? 'error'
                     : 'default', "aria-invalid": getTitleSummaryInvalid(), "aria-required": !!props.required, required: !!props.required, name: isIdea() ? 'get-support-title' : 'get-support-summary', placeholder: t('i18nkeySummarizeExperience', 'Create a heading that summarizes your issue'), value: summary, onChange: onSummaryChange, onBlur: onSummaryBlur, autoFocus: !!props.autoFocus, "data-tracking-id": isIdea() ? 'get-support-title' : 'get-support-summary', "aria-disabled": isEmpty(version), isDisabled: isEmpty(version) }),
             React.createElement(React.Fragment, null, hasLargeTitleSummary && (React.createElement("div", null,
-                React.createElement("p", { className: "form-instructions form-invalid pf-v5-u-danger-color-100 title-summary-error" }, t(`This title exceeds ${TITLE_SUMMARY_LENGTH_LIMIT} characters. Try shortening it.`))))),
+                React.createElement("p", { className: "form-instructions form-invalid pf-v6-u-danger-color-100 title-summary-error" }, t(`This title exceeds ${TITLE_SUMMARY_LENGTH_LIMIT} characters. Try shortening it.`))))),
             React.createElement(Description, { isSummarizeInvalid: getIssueSummaryInvalid() }),
-            React.createElement(Progress, { value: issue === null || issue === void 0 ? void 0 : issue.length, min: 0, max: ISSUE_SUMMARY_LENGTH_LIMIT, size: ProgressSize.sm, label: `${issue === null || issue === void 0 ? void 0 : issue.length} / ${ISSUE_SUMMARY_LENGTH_LIMIT}`, valueText: `${issue === null || issue === void 0 ? void 0 : issue.length} / ${ISSUE_SUMMARY_LENGTH_LIMIT}`, measureLocation: ProgressMeasureLocation.top, "aria-label": `Progress - ${issue === null || issue === void 0 ? void 0 : issue.length} / ${ISSUE_SUMMARY_LENGTH_LIMIT}`, variant: getVariant(), title: ' ', className: `pf-v5-u-mt-md ${!isNextBtnClickedToShowValidationError && isEmpty(issue) ? 'gray' : ''}`, id: "summary-progress-bar" }))));
+            React.createElement(Progress, { value: issue === null || issue === void 0 ? void 0 : issue.length, min: 0, max: ISSUE_SUMMARY_LENGTH_LIMIT, size: ProgressSize.sm, label: `${issue === null || issue === void 0 ? void 0 : issue.length} / ${ISSUE_SUMMARY_LENGTH_LIMIT}`, valueText: `${issue === null || issue === void 0 ? void 0 : issue.length} / ${ISSUE_SUMMARY_LENGTH_LIMIT}`, measureLocation: ProgressMeasureLocation.top, "aria-label": `Progress - ${issue === null || issue === void 0 ? void 0 : issue.length} / ${ISSUE_SUMMARY_LENGTH_LIMIT}`, variant: getVariant(), title: ' ', className: `pf-v6-u-mt-md ${!isNextBtnClickedToShowValidationError && isEmpty(issue) ? 'gray' : ''}`, id: "summary-progress-bar" }))));
 }
 OpenCaseIssue.defaultProps = defaultProps;
 export default OpenCaseIssue;

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;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,qBAyQ9B;kBAzQQ,QAAQ;;;AA2QjB,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"}