@rh-support/troubleshoot 2.6.85 → 2.6.87

package/lib/esm/components/CaseEditView/ActiveCustomerEscalation/RequestEscalationModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestEscalationModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ActiveCustomerEscalation/RequestEscalationModal.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAqBnD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAID,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,qBA4zBnD"}
+{"version":3,"file":"RequestEscalationModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ActiveCustomerEscalation/RequestEscalationModal.tsx"],"names":[],"mappings":"AAsCA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAqBnD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAID,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,qBA63BnD"}

package/lib/esm/components/CaseEditView/ActiveCustomerEscalation/RequestEscalationModal.js

@@ -8,10 +8,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { escalations, publicApi } from '@cee-eng/hydrajs';
-import { Button, Form, FormGroup, FormHelperText, Grid, GridItem, HelperText, HelperTextItem, Modal, ModalBody, ModalHeader, ModalVariant, Radio, TextArea, TextInput, TimePicker, Title, ValidatedOptions, Wizard, WizardStep, } from '@patternfly/react-core';
+import { Button, Form, FormGroup, FormHelperText, Grid, GridItem, HelperText, HelperTextItem, Modal, ModalBody, ModalHeader, ModalVariant, Radio, TextArea, TextInput, TimePicker, Title, ValidatedOptions, Wizard, WizardNav, WizardNavItem, WizardStep, } from '@patternfly/react-core';
 import { AlertMessage, AlertType, PhoneInput, SingleSelectDropdown, ToastNotification, useFetch, } from '@rh-support/components';
 import { useGlobalStateContext } from '@rh-support/react-context';
-import isEmpty from 'lodash/isEmpty';
 import React, { useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch } from '../../../context/CaseContext';
@@ -24,7 +23,7 @@ import { updateDiscussionStateComments } from '../../../reducers/CaseDiscussionT
 import { checkForCaseStatusToggleOnAttachOrComment, fetchCaseDetails } from '../../../reducers/CaseReducer';
 const customerGEOKeys = Object.keys(CustomerGEOs);
 export function RequestEscalationModal(props) {
-    var _a;
+    var _a, _b, _c, _d, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
     const { globalMetadataState: { loggedInUser, loggedInUserRights }, } = useGlobalStateContext();
     const { t } = useTranslation();
     const [categories, setCategories] = useState([]);
@@ -47,6 +46,12 @@ export function RequestEscalationModal(props) {
     const [formState, setFormState] = useState(initialState);
     const [hasLargeSubject, setHasLargeSubject] = useState(false);
     const [submitButtonIsClicked, setSubmitSaveButtonIsClicked] = useState(false);
+    const [isPhoneInvalid, setIsPhoneInvalid] = useState(false);
+    const isPhoneNumberValid = (phoneNumber) => {
+        const trimmedPhone = (phoneNumber || '').trim();
+        // Phone number should have some digits other than country code to be considered valid
+        return trimmedPhone.length >= 5;
+    };
     // Function to check if "to" time is after "from" time
     const isValidTimeRange = (fromTime, toTime) => {
         if (!fromTime || !toTime)
@@ -80,7 +85,10 @@ export function RequestEscalationModal(props) {
         if ((formState.contactPreference === 'call-me' || formState.contactPreference === 'call-if-necessary') &&
             formState.preferredTimeFrom &&
             formState.preferredTimeTo) {
-            return hasAllFields && isValidTimeRange(formState.preferredTimeFrom, formState.preferredTimeTo);
+            return (hasAllFields &&
+                isValidTimeRange(formState.preferredTimeFrom, formState.preferredTimeTo) &&
+                !isPhoneInvalid &&
+                isPhoneNumberValid(formState.phoneNumber));
         }
         return hasAllFields;
     };
@@ -126,6 +134,7 @@ export function RequestEscalationModal(props) {
         setSubmitSaveButtonIsClicked(false);
         setFormState(initialState);
         setHasLargeSubject(false);
+        setIsPhoneInvalid(false);
         props.onClose();
     };
     const onSubmit = () => __awaiter(this, void 0, void 0, function* () {
@@ -186,7 +195,7 @@ export function RequestEscalationModal(props) {
                 const hour12 = hour % 12 || 12;
                 return `${hour12}:${minutes}${ampm}`;
             };
-            const fullComment = t('### Request Management Escalation:\n\n**Subject**\n{{subject}}\n\n**Category**\n{{rmeCategory}}\n\n**Description**\n{{description}}\n\n**Expectations**\n{{expectations}}\n\n**Business Impact**\n{{businessImpactDescription}}\n\n**Contact Preference**\n{{contactPreference}}{{phoneDetails}}\n\n', {
+            const fullComment = t('### Request Management Escalation:\n\n**Name**\n{{contactName}}\n\n**Title**\n{{contactTitle}}\n\n**Subject**\n{{subject}}\n\n**Category**\n{{rmeCategory}}\n\n**Description**\n{{description}}\n\n**Expectations**\n{{expectations}}\n\n**Business impact**\n{{businessImpactDescription}}\n\n**Contact preference**\n{{contactPreference}}{{phoneDetails}}\n\n', {
                 category: formState.rmeCategory,
                 subject: formState.subject,
                 description: formState.description,
@@ -210,6 +219,7 @@ export function RequestEscalationModal(props) {
             setFormState(initialState);
             setSubmitSaveButtonIsClicked(false);
             setHasLargeSubject(false);
+            setIsPhoneInvalid(false);
             setCreationError(false);
             props.onClose();
         }
@@ -264,24 +274,26 @@ export function RequestEscalationModal(props) {
         // Validate current step
         const isCurrentStepValid = () => {
             if (activeStep.id === 'escalation-details') {
-                return (!isEmpty(formState.rmeCategory) &&
-                    !isEmpty(formState.geo) &&
-                    !isEmpty(formState.subject) &&
+                return ((formState.rmeCategory || '').trim().length > 0 &&
+                    (formState.geo || '').trim().length > 0 &&
+                    (formState.subject || '').trim().length > 0 &&
                     !hasLargeSubject &&
-                    !isEmpty(formState.description) &&
-                    !isEmpty(formState.expectations) &&
-                    !isEmpty(formState.businessImpactDescription));
+                    (formState.description || '').trim().length > 0 &&
+                    (formState.expectations || '').trim().length > 0 &&
+                    (formState.businessImpactDescription || '').trim().length > 0);
             }
             else if (activeStep.id === 'contact-details') {
-                const baseValidation = !isEmpty(formState.contactName) &&
-                    !isEmpty(formState.contactTitle) &&
-                    !isEmpty(formState.contactPreference);
+                const baseValidation = (formState.contactName || '').trim().length > 0 &&
+                    (formState.contactTitle || '').trim().length > 0 &&
+                    (formState.contactPreference || '').trim().length > 0;
                 // Additional validation if call options are selected
                 if (formState.contactPreference === 'call-me' || formState.contactPreference === 'call-if-necessary') {
                     return (baseValidation &&
-                        !isEmpty(formState.phoneNumber) &&
-                        !isEmpty(formState.preferredTimeFrom) &&
-                        !isEmpty(formState.preferredTimeTo));
+                        isPhoneNumberValid(formState.phoneNumber) &&
+                        !isPhoneInvalid &&
+                        (formState.preferredTimeFrom || '').trim().length > 0 &&
+                        (formState.preferredTimeTo || '').trim().length > 0 &&
+                        (formState.timezone || '').trim().length > 0);
                 }
                 return baseValidation;
             }
@@ -305,7 +317,7 @@ export function RequestEscalationModal(props) {
                     setSubmitSaveButtonIsClicked(false);
                     goToPrevStep({});
                 }, isDisabled: isLoading, "data-tracking-id": "request-rme-back" }, t('Back'))),
-            React.createElement(Button, { variant: "primary", onClick: isLastStep ? handleSubmit : handleNext, isDisabled: isLoading || (submitButtonIsClicked && !isCurrentStepValid()), "data-tracking-id": isLastStep ? 'request-rme-submit' : 'request-rme-next' }, isLastStep ? t('Submit') : t('Next')),
+            React.createElement(Button, { variant: "primary", onClick: isLastStep ? handleSubmit : handleNext, isDisabled: isLoading || (submitButtonIsClicked && !isCurrentStepValid()), isLoading: isLoading, "data-tracking-id": isLastStep ? 'request-rme-submit' : 'request-rme-next' }, isLastStep ? t('Submit') : t('Next')),
             React.createElement(Button, { variant: "link", onClick: onCancel, isDisabled: isLoading, "data-tracking-id": "request-rme-cancel" }, t('Cancel'))));
     };
     const escalationDetailsStep = (React.createElement(WizardStep, { id: "escalation-details", name: t('Escalation details') },
@@ -315,10 +327,10 @@ export function RequestEscalationModal(props) {
                 React.createElement(Grid, { hasGutter: true },
                     React.createElement(GridItem, { span: 6 },
                         React.createElement(FormGroup, { isRequired: true, label: t('Category'), fieldId: "escalation-category" },
-                            React.createElement(SingleSelectDropdown, { id: "customer-category-select", ariaLabel: t('Category'), selected: selectedCategory, options: categoryOptions, isDisabled: false, isLoading: isCategoriesFetching, isInvalid: submitButtonIsClicked && isEmpty(formState.rmeCategory), placeholder: t('Select an option that best fits'), onSelect: (option) => setCategoryState(option), isScrollable: true }))),
+                            React.createElement(SingleSelectDropdown, { id: "customer-category-select", ariaLabel: t('Category'), selected: selectedCategory, options: categoryOptions, isDisabled: false, isLoading: isCategoriesFetching, isInvalid: submitButtonIsClicked && !((_a = formState.rmeCategory) === null || _a === void 0 ? void 0 : _a.trim()), placeholder: t('Select an option that best fits'), onSelect: (option) => setCategoryState(option), isScrollable: true }))),
                     React.createElement(GridItem, { span: 6 },
                         React.createElement(FormGroup, { isRequired: true, label: t('My region'), fieldId: "escalation-region" },
-                            React.createElement(SingleSelectDropdown, { ariaLabel: t('My region'), id: "customer-geo-select", selected: selectedGeo, options: geoOptions, isInvalid: submitButtonIsClicked && isEmpty(formState.geo), placeholder: t('Select a location'), onSelect: (option) => setGeoState(option) }))),
+                            React.createElement(SingleSelectDropdown, { ariaLabel: t('My region'), id: "customer-geo-select", selected: selectedGeo, options: geoOptions, isInvalid: submitButtonIsClicked && !((_b = formState.geo) === null || _b === void 0 ? void 0 : _b.trim()), placeholder: t('Select a location'), onSelect: (option) => setGeoState(option) }))),
                     React.createElement(GridItem, { span: 12 },
                         React.createElement(FormGroup, { isRequired: true, label: t('Subject'), fieldId: "escalation-subject" },
                             submitButtonIsClicked && hasLargeSubject && (React.createElement(FormHelperText, null,
@@ -326,24 +338,39 @@ export function RequestEscalationModal(props) {
                                     React.createElement(HelperTextItem, { variant: ValidatedOptions.error }, t('Subject cannot be more than {{limit}} characters', {
                                         limit: ESCALATION_SUBJECT_LENGTH_LIMIT,
                                     }))))),
-                            React.createElement(TextInput, { isRequired: true, validated: (submitButtonIsClicked && isEmpty(formState.subject)) || hasLargeSubject
+                            React.createElement(TextInput, { isRequired: true, validated: (submitButtonIsClicked && !((_c = formState.subject) === null || _c === void 0 ? void 0 : _c.trim())) || hasLargeSubject
                                     ? ValidatedOptions.error
                                     : ValidatedOptions.default, type: "text", placeholder: t('Enter a subject for your request'), id: "subject-input", name: "subject-input", value: formState.subject, onChange: (_event, subject) => onSubjectChange(subject), "aria-label": t('Subject') }))),
                     React.createElement(GridItem, { span: 12 },
                         React.createElement(FormGroup, { isRequired: true, label: t('Description'), fieldId: "escalation-description" },
-                            React.createElement(TextArea, { value: formState.description, onChange: (e, value) => setFormStateValue('description', value), isRequired: true, validated: submitButtonIsClicked && isEmpty(formState.description)
+                            React.createElement(TextArea, { value: formState.description, onChange: (e, value) => setFormStateValue('description', value), isRequired: true, validated: submitButtonIsClicked && !((_d = formState.description) === null || _d === void 0 ? void 0 : _d.trim())
                                     ? ValidatedOptions.error
                                     : ValidatedOptions.default, "aria-label": t('Description'), id: "description-textarea", placeholder: t('Provide a detailed comment for us to best assist you'), resizeOrientation: "vertical" }))),
                     React.createElement(GridItem, { span: 12 },
                         React.createElement(FormGroup, { isRequired: true, label: t('Expectations'), fieldId: "escalation-expectations" },
-                            React.createElement(TextArea, { onChange: (e, value) => setFormStateValue('expectations', value), isRequired: true, validated: submitButtonIsClicked && isEmpty(formState.expectations)
+                            React.createElement(TextArea, { onChange: (e, value) => setFormStateValue('expectations', value), isRequired: true, validated: submitButtonIsClicked && !((_f = formState.expectations) === null || _f === void 0 ? void 0 : _f.trim())
                                     ? ValidatedOptions.error
                                     : ValidatedOptions.default, placeholder: t('What do you expect to happen with this escalation?'), id: "expectations-input", value: formState.expectations, "aria-label": t('Expectations'), resizeOrientation: "vertical" }))),
                     React.createElement(GridItem, { span: 12 },
                         React.createElement(FormGroup, { isRequired: true, label: t('Business impact'), fieldId: "escalation-business-impact" },
-                            React.createElement(TextArea, { onChange: (e, value) => setFormStateValue('businessImpactDescription', value), isRequired: true, validated: submitButtonIsClicked && isEmpty(formState.businessImpactDescription)
+                            React.createElement(TextArea, { onChange: (e, value) => setFormStateValue('businessImpactDescription', value), isRequired: true, validated: submitButtonIsClicked && !((_g = formState.businessImpactDescription) === null || _g === void 0 ? void 0 : _g.trim())
                                     ? ValidatedOptions.error
                                     : ValidatedOptions.default, placeholder: t('Does your business impact change with this escalation? Please describe how it changed.'), id: "business-impact-input", value: formState.businessImpactDescription, "aria-label": t('Business impact'), resizeOrientation: "vertical" }))))))));
+    // Check if first step is completed
+    const isFirstStepComplete = () => {
+        return ((formState.rmeCategory || '').trim().length > 0 &&
+            (formState.geo || '').trim().length > 0 &&
+            (formState.subject || '').trim().length > 0 &&
+            !hasLargeSubject &&
+            (formState.description || '').trim().length > 0 &&
+            (formState.expectations || '').trim().length > 0 &&
+            (formState.businessImpactDescription || '').trim().length > 0);
+    };
+    const customNav = (isExpanded, steps, activeStep, goToStepByIndex) => (React.createElement(WizardNav, { isExpanded: isExpanded }, steps.map((step, index) => {
+        // Disable the second step if first step is not complete
+        const isDisabled = step.id === 'contact-details' && !isFirstStepComplete();
+        return (React.createElement(WizardNavItem, { key: step.id, id: step.id, content: step.name, isCurrent: activeStep.id === step.id, isDisabled: isDisabled, stepIndex: step.index, onClick: () => !isDisabled && goToStepByIndex(step.index) }));
+    })));
     const contactDetailsStep = (React.createElement(WizardStep, { id: "contact-details", name: t('Contact details') },
         React.createElement("div", { className: "wizard-step-content" },
             React.createElement(Title, { headingLevel: "h2", size: "2xl", className: "pf-v6-u-mb-lg" }, t('Contact details')),
@@ -353,20 +380,20 @@ export function RequestEscalationModal(props) {
                         React.createElement(FormGroup, { label: React.createElement(React.Fragment, null,
                                 t('Name'),
                                 " "), isRequired: true, fieldId: "contact-name" },
-                            React.createElement(TextInput, { type: "text", validated: submitButtonIsClicked && isEmpty(formState.contactName)
+                            React.createElement(TextInput, { type: "text", validated: submitButtonIsClicked && !((_h = formState.contactName) === null || _h === void 0 ? void 0 : _h.trim())
                                     ? ValidatedOptions.error
                                     : ValidatedOptions.default, placeholder: t('Enter your name'), id: "contact-name", value: formState.contactName || '', onChange: (_e, value) => setFormState(Object.assign(Object.assign({}, formState), { contactName: value })), "aria-label": t('Contact name') }),
-                            submitButtonIsClicked && isEmpty(formState.contactName) && (React.createElement(FormHelperText, null,
+                            submitButtonIsClicked && !((_j = formState.contactName) === null || _j === void 0 ? void 0 : _j.trim()) && (React.createElement(FormHelperText, null,
                                 React.createElement(HelperText, null,
                                     React.createElement(HelperTextItem, { variant: ValidatedOptions.error }, t('Name is required'))))))),
                     React.createElement(GridItem, { span: 6 },
                         React.createElement(FormGroup, { label: React.createElement(React.Fragment, null,
                                 t('Title'),
                                 " "), isRequired: true, fieldId: "contact-title" },
-                            React.createElement(TextInput, { type: "text", validated: submitButtonIsClicked && isEmpty(formState.contactTitle)
+                            React.createElement(TextInput, { type: "text", validated: submitButtonIsClicked && !((_k = formState.contactTitle) === null || _k === void 0 ? void 0 : _k.trim())
                                     ? ValidatedOptions.error
                                     : ValidatedOptions.default, placeholder: t('Enter your title (e.g. System Admin, DevOps, Project Man..)'), id: "contact-title", value: formState.contactTitle || '', onChange: (_e, value) => setFormState(Object.assign(Object.assign({}, formState), { contactTitle: value })), "aria-label": t('Contact title') }),
-                            submitButtonIsClicked && isEmpty(formState.contactTitle) && (React.createElement(FormHelperText, null,
+                            submitButtonIsClicked && !((_l = formState.contactTitle) === null || _l === void 0 ? void 0 : _l.trim()) && (React.createElement(FormHelperText, null,
                                 React.createElement(HelperText, null,
                                     React.createElement(HelperTextItem, { variant: ValidatedOptions.error }, t('Title is required'))))))),
                     React.createElement(GridItem, { span: 12 },
@@ -374,8 +401,8 @@ export function RequestEscalationModal(props) {
                                 t('Contact preference'),
                                 " "), isRequired: true, fieldId: "contact-preference", role: "radiogroup" },
                             React.createElement("div", { className: "pf-v6-u-display-flex pf-v6-u-flex-direction-row contact-preference-group" },
-                                React.createElement(Radio, { id: "call-me", name: "contact-preference", label: t('Call me'), isChecked: formState.contactPreference === 'call-me', onChange: () => setFormState(Object.assign(Object.assign({}, formState), { contactPreference: 'call-me' })), className: "pf-v6-u-mr-lg" }),
-                                React.createElement(Radio, { id: "call-if-necessary", name: "contact-preference", label: t('Call only if necessary'), isChecked: formState.contactPreference === 'call-if-necessary', onChange: () => setFormState(Object.assign(Object.assign({}, formState), { contactPreference: 'call-if-necessary' })), className: "pf-v6-u-mr-lg" }),
+                                React.createElement(Radio, { id: "call-me", name: "contact-preference", label: t('Call me'), isChecked: formState.contactPreference === 'call-me', onChange: () => setFormState(Object.assign(Object.assign({}, formState), { contactPreference: 'call-me' })), style: { marginRight: '24px' } }),
+                                React.createElement(Radio, { id: "call-if-necessary", name: "contact-preference", label: t('Call only if necessary'), isChecked: formState.contactPreference === 'call-if-necessary', onChange: () => setFormState(Object.assign(Object.assign({}, formState), { contactPreference: 'call-if-necessary' })), style: { marginRight: '8px' } }),
                                 React.createElement(Radio, { id: "do-not-call", name: "contact-preference", label: t('Do not call'), isChecked: formState.contactPreference === 'do-not-call', onChange: () => setFormState(Object.assign(Object.assign({}, formState), { contactPreference: 'do-not-call', phoneNumber: '', timezone: '', preferredTimeFrom: '', preferredTimeTo: '' })) })),
                             submitButtonIsClicked && !formState.contactPreference && (React.createElement(FormHelperText, null,
                                 React.createElement(HelperText, null,
@@ -386,15 +413,21 @@ export function RequestEscalationModal(props) {
                             React.createElement(FormGroup, { label: React.createElement(React.Fragment, null,
                                     t("Case owner's phone number"),
                                     " "), isRequired: true, fieldId: "phone-number" },
-                                React.createElement(PhoneInput, { phoneValue: formState.phoneNumber || '', countryCode: ((_a = formState.countryCode) === null || _a === void 0 ? void 0 : _a.replace('+', '')) || '', onPhoneValueChange: (phone) => setFormState(Object.assign(Object.assign({}, formState), { phoneNumber: phone })), onCountryCodeChange: (code) => setFormState(Object.assign(Object.assign({}, formState), { countryCode: code })), validations: submitButtonIsClicked && isEmpty(formState.phoneNumber)
+                                React.createElement(PhoneInput, { phoneValue: formState.phoneNumber || '', countryCode: ((_m = formState.countryCode) === null || _m === void 0 ? void 0 : _m.replace('+', '')) || '', onPhoneValueChange: (phone) => setFormState(Object.assign(Object.assign({}, formState), { phoneNumber: phone })), onCountryCodeChange: (code) => setFormState(Object.assign(Object.assign({}, formState), { countryCode: code })), validations: (submitButtonIsClicked && !isPhoneNumberValid(formState.phoneNumber)) ||
+                                        isPhoneInvalid
                                         ? 'error'
-                                        : 'default', isDisabled: false }),
+                                        : 'default', isDisabled: false, invalid: isPhoneInvalid, setInvalid: setIsPhoneInvalid }),
                                 React.createElement(FormHelperText, null,
                                     React.createElement(HelperText, null,
                                         React.createElement(HelperTextItem, { variant: "default" }, t('Note: A current phone/mobile number with the country code helps us support you better. Phone number will be stored in case comments for escalation only – not used for marketing.')))),
-                                submitButtonIsClicked && isEmpty(formState.phoneNumber) && (React.createElement(FormHelperText, null,
+                                submitButtonIsClicked &&
+                                    !isPhoneNumberValid(formState.phoneNumber) &&
+                                    !isPhoneInvalid && (React.createElement(FormHelperText, null,
+                                    React.createElement(HelperText, null,
+                                        React.createElement(HelperTextItem, { variant: ValidatedOptions.error }, t('Phone number is required'))))),
+                                isPhoneInvalid && (React.createElement(FormHelperText, null,
                                     React.createElement(HelperText, null,
-                                        React.createElement(HelperTextItem, { variant: ValidatedOptions.error }, t('Phone number is required'))))))),
+                                        React.createElement(HelperTextItem, { variant: ValidatedOptions.error }, t('Phone number can only have digits.'))))))),
                         React.createElement(GridItem, { span: 12 },
                             React.createElement(FormGroup, { label: React.createElement(React.Fragment, null,
                                     t('Timezone'),
@@ -404,7 +437,7 @@ export function RequestEscalationModal(props) {
                                             value: '',
                                             label: 'Select timezone',
                                         }, options: TIMEZONE_OPTIONS, onSelect: (option) => setFormState(Object.assign(Object.assign({}, formState), { timezone: option.value })), placeholder: t('Select timezone') })),
-                                submitButtonIsClicked && isEmpty(formState.timezone) && (React.createElement(FormHelperText, null,
+                                submitButtonIsClicked && !((_o = formState.timezone) === null || _o === void 0 ? void 0 : _o.trim()) && (React.createElement(FormHelperText, null,
                                     React.createElement(HelperText, null,
                                         React.createElement(HelperTextItem, { variant: ValidatedOptions.error }, t('Timezone is required'))))))),
                         React.createElement(GridItem, { span: 12 },
@@ -414,26 +447,26 @@ export function RequestEscalationModal(props) {
                                 React.createElement("div", { className: "pf-v6-u-display-flex pf-v6-u-align-items-center pf-v6-u-flex-nowrap time-fields-container" },
                                     React.createElement("span", { className: "time-label pf-v6-u-mr-sm" }, t('from')),
                                     React.createElement(TimePicker, { time: formState.preferredTimeFrom || '', onChange: (_event, time) => setFormState(Object.assign(Object.assign({}, formState), { preferredTimeFrom: time })), placeholder: "HH:MM", id: "preferred-time-from", "aria-label": t('Preferred time from'), className: "time-input", is24Hour: true, width: "150px", menuAppendTo: "parent", inputProps: {
-                                            validated: submitButtonIsClicked && isEmpty(formState.preferredTimeFrom)
+                                            validated: submitButtonIsClicked && !((_p = formState.preferredTimeFrom) === null || _p === void 0 ? void 0 : _p.trim())
                                                 ? ValidatedOptions.error
                                                 : ValidatedOptions.default,
                                         } }),
                                     React.createElement("span", { className: "time-label pf-v6-u-mx-md" }, t('to')),
                                     React.createElement(TimePicker, { time: formState.preferredTimeTo || '', onChange: (_event, time) => setFormState(Object.assign(Object.assign({}, formState), { preferredTimeTo: time })), placeholder: "HH:MM", id: "preferred-time-to", "aria-label": t('Preferred time to'), className: "time-input", is24Hour: true, width: "150px", menuAppendTo: "parent", inputProps: {
                                             validated: submitButtonIsClicked &&
-                                                (isEmpty(formState.preferredTimeTo) ||
+                                                (!((_q = formState.preferredTimeTo) === null || _q === void 0 ? void 0 : _q.trim()) ||
                                                     !isValidTimeRange(formState.preferredTimeFrom || '', formState.preferredTimeTo || ''))
                                                 ? ValidatedOptions.error
                                                 : ValidatedOptions.default,
                                         } })),
                                 submitButtonIsClicked &&
-                                    (isEmpty(formState.preferredTimeFrom) ||
-                                        isEmpty(formState.preferredTimeTo)) && (React.createElement(FormHelperText, null,
+                                    (!((_r = formState.preferredTimeFrom) === null || _r === void 0 ? void 0 : _r.trim()) ||
+                                        !((_s = formState.preferredTimeTo) === null || _s === void 0 ? void 0 : _s.trim())) && (React.createElement(FormHelperText, null,
                                     React.createElement(HelperText, null,
                                         React.createElement(HelperTextItem, { variant: ValidatedOptions.error }, t('Preferred time is required'))))),
                                 submitButtonIsClicked &&
-                                    formState.preferredTimeFrom &&
-                                    formState.preferredTimeTo &&
+                                    ((_t = formState.preferredTimeFrom) === null || _t === void 0 ? void 0 : _t.trim()) &&
+                                    ((_u = formState.preferredTimeTo) === null || _u === void 0 ? void 0 : _u.trim()) &&
                                     !isValidTimeRange(formState.preferredTimeFrom, formState.preferredTimeTo) && (React.createElement(FormHelperText, null,
                                     React.createElement(HelperText, null,
                                         React.createElement(HelperTextItem, { variant: ValidatedOptions.error }, t('End time must be after start time'))))))))))))));
@@ -444,7 +477,7 @@ export function RequestEscalationModal(props) {
                 React.createElement(Trans, null, "Learn more about escalation cases."))),
         React.createElement(ModalBody, null,
             creationError && (React.createElement(AlertMessage, { variant: AlertType.DANGER, title: t('Could not create case escalation'), show: creationError, onClose: onErrorClose, isInline: true, className: "pf-v6-u-mb-md", "aria-label": t('Could not create case escalation') })),
-            React.createElement(Wizard, { navAriaLabel: t('Escalation request steps'), footer: CustomFooter },
+            React.createElement(Wizard, { navAriaLabel: t('Escalation request steps'), footer: CustomFooter, nav: customNav },
                 escalationDetailsStep,
                 contactDetailsStep))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"NewEssTermsModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/NewEssTermsModal.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAYnD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,QAAQ,EAAE,OAAO,CAAC;CACrB;AAiBD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAmY7C"}
+{"version":3,"file":"NewEssTermsModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/NewEssTermsModal.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAYnD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,QAAQ,EAAE,OAAO,CAAC;CACrB;AA4BD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAmY7C"}

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

@@ -35,6 +35,14 @@ const getLocaleNameFromLocalCode = (localeCode) => {
     }
     return localeCode;
 };
+const formatSessionLinks = (sessionLink) => {
+    const links = sessionLink
+        .split(/[;,| \n\r\t]+/)
+        .map((link) => link.trim())
+        .filter(Boolean);
+    const formattedLinks = links.map((link) => `[${link}](${link})`).join('\n');
+    return formattedLinks;
+};
 export function NewEssTermsModal(props) {
     const { t } = useTranslation();
     const { remoteSessionTermsAcked } = useCaseSelector((state) => ({
@@ -119,7 +127,7 @@ export function NewEssTermsModal(props) {
     };
     // Function to ack remote session terms and post comment
     const submitRemoteSessionAgreement = (pdfId) => __awaiter(this, void 0, void 0, function* () {
-        const requestComment = t(`\n**Thank you for submitting the request for a remote session. A support manager will review the request, and updates will be provided in the support case. Please continue to provide any data requested by the support engineers in the case prior to the remote session (if applicable).**\n\nSubmitted a remote session request with following details:\n\n**Preferred Time and Expectations of remote session**\n${sessionExpectations}\n\n**Describe the impact to you or the business**\n${impact}\n\n${sessionLink ? `**Remote session link**\n${sessionLink}\n\n` : ''}This action does not initiate a remote session. A Red Hat Associate will get back to you soon.`);
+        const requestComment = t(`\n**Thank you for submitting the request for a remote session. A support manager will review the request, and updates will be provided in the support case. Please continue to provide any data requested by the support engineers in the case prior to the remote session (if applicable).**\n\nSubmitted a remote session request with following details:\n\n**Preferred Time and Expectations of remote session**\n${sessionExpectations}\n\n**Describe the impact to you or the business**\n${impact}\n\n${sessionLink ? `**Remote session link**\n${formatSessionLinks(sessionLink)}\n\n` : ''}This action does not initiate a remote session. A Red Hat Associate will get back to you soon.`);
         try {
             yield updateCaseDetails(caseDispatch, props.caseNumber, {
                 remoteSessionTermsAcked: true,

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

@@ -1 +1 @@
-{"version":3,"file":"RemoteSessionAgreementModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreementModal.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAgBnD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,QAAQ,EAAE,OAAO,CAAC;CACrB;AAiBD,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,qBA0XxD"}
+{"version":3,"file":"RemoteSessionAgreementModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreementModal.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAgBnD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,QAAQ,EAAE,OAAO,CAAC;CACrB;AA4BD,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,qBA0XxD"}

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

@@ -35,6 +35,14 @@ const getLocaleNameFromLocalCode = (localeCode) => {
     }
     return localeCode;
 };
+const formatSessionLinks = (sessionLink) => {
+    const links = sessionLink
+        .split(/[;,| \n\r\t]+/)
+        .map((link) => link.trim())
+        .filter(Boolean);
+    const formattedLinks = links.map((link) => `[${link}](${link})`).join('\n');
+    return formattedLinks;
+};
 export function RemoteSessionAgreementModal(props) {
     const { t } = useTranslation();
     const { remoteSessionTermsAcked } = useCaseSelector((state) => ({
@@ -109,7 +117,7 @@ export function RemoteSessionAgreementModal(props) {
     const toggleRemoteSessionForm = () => setIsRemoteSessionForm(true);
     // Function to ack remote session terms and post comment
     const submitRemoteSessionAgreement = (pdfId) => __awaiter(this, void 0, void 0, function* () {
-        const requestComment = t(`\n**Thank you for submitting the request for a remote session. A support manager will review the request, and updates will be provided in the support case. Please continue to provide any data requested by the support engineers in the case prior to the remote session (if applicable).**\n\nSubmitted a remote session request with following details:\n\n**Preferred Time and Expectations of remote session**\n${sessionExpectations}\n\n**Describe the impact to you or the business**\n${impact}\n\n${sessionLink ? `**Remote session link**\n${sessionLink}\n\n` : ''}This action does not initiate a remote session. A Red Hat Associate will get back to you soon.`);
+        const requestComment = t(`\n**Thank you for submitting the request for a remote session. A support manager will review the request, and updates will be provided in the support case. Please continue to provide any data requested by the support engineers in the case prior to the remote session (if applicable).**\n\nSubmitted a remote session request with following details:\n\n**Preferred Time and Expectations of remote session**\n${sessionExpectations}\n\n**Describe the impact to you or the business**\n${impact}\n\n${sessionLink ? `**Remote session link**\n${formatSessionLinks(sessionLink)}\n\n` : ''}This action does not initiate a remote session. A Red Hat Associate will get back to you soon.`);
         try {
             yield updateCaseDetails(caseDispatch, props.caseNumber, {
                 remoteSessionTermsAcked: true,

package/lib/esm/components/CaseEditView/Tabs/CaseHistory/Timeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseHistory/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AAwBxB,OAAO,KAAsC,MAAM,OAAO,CAAC;AA8W3D,QAAA,MAAM,QAAQ;;uBAyUb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseHistory/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AAwBxB,OAAO,KAAsC,MAAM,OAAO,CAAC;AA8W3D,QAAA,MAAM,QAAQ;;uBAkVb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/esm/components/CaseEditView/Tabs/CaseHistory/Timeline.js

@@ -343,7 +343,7 @@ const Timeline = ({ caseNumber }) => {
                 }
                 catch (error) {
                     console.error('Failed to fetch history:', error);
-                    setFetchError('Unable to connect');
+                    setFetchError(t('Unable to connect'));
                 }
                 finally {
                     setIsFetchingData(false);
@@ -351,6 +351,7 @@ const Timeline = ({ caseNumber }) => {
             });
         }
         fetchHistory();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [caseNumber]);
     const futureDateValidator = (date) => {
         const today = new Date();
@@ -440,11 +441,10 @@ const Timeline = ({ caseNumber }) => {
         if (fetchError) {
             return (React.createElement(EmptyState, { headingLevel: "h2", icon: ExclamationCircleIcon, titleText: "Unable to connect", variant: EmptyStateVariant.full },
                 React.createElement(EmptyStateBody, null,
-                    React.createElement(Trans, null,
-                        "Try ",
-                        React.createElement("a", { href: "#", onClick: handleReload }, "reloading the page"),
-                        ' ',
-                        "or check back later"))));
+                    React.createElement(Trans, { i18nKey: "Try <reloadLink>reloading the page</reloadLink> or check back later", components: {
+                            // eslint-disable-next-line jsx-a11y/anchor-has-content, jsx-a11y/anchor-is-valid
+                            reloadLink: React.createElement("a", { href: "#", onClick: handleReload }),
+                        } }))));
         }
         if (filteredEvents.length < 1) {
             return (React.createElement(EmptyState, { headingLevel: "h2", icon: SearchIcon, titleText: React.createElement(Trans, null, "No results found"), variant: EmptyStateVariant.full },
@@ -459,13 +459,16 @@ const Timeline = ({ caseNumber }) => {
             React.createElement(SearchInput, { placeholder: t('Search for a user, action, or keyword'), value: searchValue, onChange: handleSearchChange, onClear: handleClear, className: "case-history-timeline-search" }),
             React.createElement("div", { className: "case-history-timeline-datepicker" },
                 React.createElement(DatePicker, { value: dateValue, onChange: (_event, value) => handleDateChange(value), validators: [futureDateValidator] }),
-                React.createElement(Button, { className: "pf-v6-u-ml-xs", onClick: () => setDateValue(''), isDisabled: isEmpty(dateValue) }, "Reset"))),
+                React.createElement(Button, { className: "pf-v6-u-ml-xs", onClick: () => setDateValue(''), isDisabled: isEmpty(dateValue) },
+                    React.createElement(Trans, null, "Reset")))),
         React.createElement("div", { className: "timeline-controls" },
             React.createElement("div", { className: "timeline-pagination" }, renderPagination()),
             React.createElement("div", { className: "timeline-sort-order-select" },
-                React.createElement(Select, { id: "order-select", isOpen: isSelectOpen, selected: selectedOrder, onSelect: handleSelect, onOpenChange: (isOpen) => setIsSelectOpen(isOpen), shouldFocusToggleOnSelect: false, toggle: (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: handleSelectToggle, isExpanded: isSelectOpen }, selectedOrder)) },
-                    React.createElement(SelectOption, { value: "Newest to Oldest" }, "Newest to Oldest"),
-                    React.createElement(SelectOption, { value: "Oldest to Newest" }, "Oldest to Newest")))),
+                React.createElement(Select, { id: "order-select", isOpen: isSelectOpen, selected: selectedOrder, onSelect: handleSelect, onOpenChange: (isOpen) => setIsSelectOpen(isOpen), shouldFocusToggleOnSelect: false, toggle: (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: handleSelectToggle, isExpanded: isSelectOpen }, selectedOrder === 'Newest to Oldest' ? (React.createElement(Trans, null, "Newest to Oldest")) : (React.createElement(Trans, null, "Oldest to Newest")))) },
+                    React.createElement(SelectOption, { value: "Newest to Oldest" },
+                        React.createElement(Trans, null, "Newest to Oldest")),
+                    React.createElement(SelectOption, { value: "Oldest to Newest" },
+                        React.createElement(Trans, null, "Oldest to Newest"))))),
         isFetchingData ? (React.createElement("div", { className: "timeline-loading-spinner" },
             React.createElement(Spinner, { size: "xl" }))) : (React.createElement("div", { className: `timeline ${filteredEvents.length === 0 ? 'timeline-empty' : ''}` }, renderTimelineContent())),
         React.createElement("div", { className: "timeline-controls" },

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

@@ -154,7 +154,7 @@ function Fts(props) {
     const maxLengthErrorMessage = t('Contact information cannot be more than {{limit}} characters.', {
         limit: CONTACT_INFO_24X7_LIMIT,
     });
-    if (isEmpty(caseNumber) && !showFtsOnCreateCasePage(entitlementSla, severity))
+    if (isEmpty(caseNumber) && (!showFtsOnCreateCasePage(entitlementSla, severity) || isIdea))
         return React.createElement(React.Fragment, null);
     if (!isEmpty(caseNumber) && (isIdea || !showFtsOnCaseViewEditPage(entitlementSla, severity)))
         return React.createElement(React.Fragment, null);

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

@@ -1 +1 @@
-{"version":3,"file":"Review.d.ts","sourceRoot":"","sources":["../../../../src/components/Review/Review.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAqBlE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AACD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,qBAsE3C"}
+{"version":3,"file":"Review.d.ts","sourceRoot":"","sources":["../../../../src/components/Review/Review.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAqBlE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AACD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,qBA2E3C"}

package/lib/esm/components/Review/Review.js

@@ -1,5 +1,6 @@
 import { Grid, GridItem } from '@patternfly/react-core';
 import { AbilityContext, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
+import { PreviousCaseTypes } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React, { useContext } from 'react';
@@ -26,9 +27,10 @@ import { AllProductsSelector } from '../ProductSelector/AllProductsSelector';
 import { EARuleWidget } from '../Recommendations/EARules/EARuleWidget';
 export default function Review(props) {
     const caseDispatch = useCaseDispatch();
-    const { contactInfo24x7, ABTestVariation } = useCaseSelector((state) => ({
+    const { contactInfo24x7, ABTestVariation, caseType } = useCaseSelector((state) => ({
         contactInfo24x7: state.caseDetails.contactInfo24x7,
         ABTestVariation: state.ABTestVariation,
+        caseType: state.caseDetails.caseType,
     }), isEqual);
     const ability = useContext(AbilityContext);
     const canSeeEmailNotifications = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_SEND_NOTIFICATIONS);
@@ -43,9 +45,9 @@ export default function Review(props) {
             React.createElement(OwnerSelector, null),
             React.createElement(AllProductsSelector, { routeProps: props.routeProps, loadTCOnChange: true, showTCAfterButtonClicked: true, checkEntitledProduct: true, isOnReviewPage: true }),
             React.createElement(OpenShiftClusterId, null),
-            React.createElement(Hostname, null),
-            React.createElement(KtQuestions, { inlineEditable: true, hideSaveCancel: true }),
-            React.createElement(CaseType, { hideIdea: true }),
+            caseType !== PreviousCaseTypes.FEATURE_ENHANCEMENT && React.createElement(Hostname, null),
+            React.createElement(KtQuestions, { inlineEditable: true, hideSaveCancel: true, onlyShowKT4: caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT }),
+            React.createElement(CaseType, null),
             React.createElement(SupportLevel, null),
             React.createElement(Grid, { hasGutter: true },
                 React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v6-u-mb-xl" },

package/lib/esm/i18n/template-de.d.ts

@@ -458,7 +458,6 @@ declare const _default: {
     'No access': string;
     'Bookmark Account': string;
     'Submit request': string;
-    'Oldest to Newest': string;
     i18RequestEscalationLearnMore: string;
     'Private Notes': string;
     on: string;
@@ -799,6 +798,47 @@ declare const _default: {
     'Update info': string;
     Summarize: string;
     'Describe more': string;
+    'Newest to Oldest': string;
+    'Oldest to Newest': string;
+    Reset: string;
+    'Search for a user, action, or keyword': string;
+    'Try <reloadLink>reloading the page</reloadLink> or check back later': string;
+    'Try modifying your search query or changing the date range and try again.': string;
+    Resources: string;
+    'Upload a file for Red Hat to analyze': string;
+    'To help us provide the right guidance, upload a sosreport.': string;
+    'Describe your problem. Include specific actions and error messages.': string;
+    'How to create sosreport?': string;
+    'Articles recommended by OpenShift AI': string;
+    'Updating recommendations using OpenShift AI': string;
+    'Recommending articles using OpenShift AI': string;
+    'Exact match': string;
+    'Best match': string;
+    Match: string;
+    'Additional information': string;
+    'Support articles are matched to the product and version details you selected, not the problem details you entered.': string;
+    'convert to case': string;
+    'Please provide details about the location, device, software version, etc. where you encounter this issue': string;
+    'Describe the user or financial impact. Tell us about any legal, national, or medical urgency.': string;
+    'Describe when and how often the problem occurs, e.g., daily, after specific actions, at particular times of day, etc.': string;
+    "Describe the impact to you or the business'": string;
+    'In what environment are you experiencing this behavior?': string;
+    'How frequently does this behavior occur? Does it occur repeatedly or at certain times?': string;
+    i18nKeyPlaceHolderDetail: string;
+    'Example:': string;
+    'To expedite your case, include these details:': string;
+    Problem: string;
+    'Error Messages': string;
+    'Tips for describing your problem': string;
+    "There aren't any related tasks": string;
+    All: string;
+    Jira: string;
+    'Do you want to close this case?': string;
+    i18ConfirmResolution: string;
+    Resolution: string;
+    'Red Hat solved my issue or reviewed my request': string;
+    'The issue has been self-solved': string;
+    "I'm not experiencing the issue anymore": string;
     'AI insights is currently unavailable, try reloading.': string;
     'Back to resources': string;
     'Chat with AI': string;
@@ -812,7 +852,6 @@ declare const _default: {
     'Red Hat hand picked support articles': string;
     Reload: string;
     'Resolve your issue now with AI insights': string;
-    'Support articles are matched to the product and version details you selected, not the problem details you entered.': string;
     'Troubleshoot with AI insights': string;
     'Want to continue the conversation? Dive deeper with our AI assistant': string;
     'Why did you choose this rating?': string;

package/lib/esm/i18n/template-de.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"template-de.d.ts","sourceRoot":"","sources":["../../../src/i18n/template-de.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBA29BE"}
+{"version":3,"file":"template-de.d.ts","sourceRoot":"","sources":["../../../src/i18n/template-de.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBA4gCE"}