@rh-support/troubleshoot 2.6.86 → 2.6.88

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":"AAuCA,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,qBAk3BnD"}
+{"version":3,"file":"RequestEscalationModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ActiveCustomerEscalation/RequestEscalationModal.tsx"],"names":[],"mappings":"AAyCA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAuBnD,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,qBAy+BnD"}

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

@@ -9,7 +9,7 @@ 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, WizardNav, WizardNavItem, WizardStep, } from '@patternfly/react-core';
-import { AlertMessage, AlertType, PhoneInput, SingleSelectDropdown, ToastNotification, useFetch, } from '@rh-support/components';
+import { AlertMessage, AlertType, COUNTRY_DATA, getPhoneObj, 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';
@@ -18,13 +18,14 @@ import { useCaseDispatch } from '../../../context/CaseContext';
 import { useCaseDetailsPageDispatchContext, useCaseDetailsPageStateContext, } from '../../../context/CaseDetailsPageContext';
 import { useCaseDiscussionTabDispatchContext, useCaseDiscussionTabStateContext, } from '../../../context/CaseDiscussionTabContext';
 import { CustomerGEOs } from '../../../enums/customerGEOs';
-import { ESCALATION_SUBJECT_LENGTH_LIMIT, TIMEZONE_OPTIONS, } from '../../../reducers/CaseConstNTypes';
+import { ESCALATION_SUBJECT_LENGTH_LIMIT, PHONE_LIMIT, TIMEZONE_OPTIONS, } from '../../../reducers/CaseConstNTypes';
 import { fetchCaseEscalations } from '../../../reducers/CaseDetailsPageReducer';
 import { updateDiscussionStateComments } from '../../../reducers/CaseDiscussionTabReducer';
 import { checkForCaseStatusToggleOnAttachOrComment, fetchCaseDetails } from '../../../reducers/CaseReducer';
+import { removeAllChars, trimAndReplacePlus } from '../../shared/utils';
 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([]);
@@ -48,6 +49,48 @@ export function RequestEscalationModal(props) {
     const [hasLargeSubject, setHasLargeSubject] = useState(false);
     const [submitButtonIsClicked, setSubmitSaveButtonIsClicked] = useState(false);
     const [isPhoneInvalid, setIsPhoneInvalid] = useState(false);
+    const isCountryCodeValid = (countryCode) => {
+        // Check if the country code exists in the valid country codes list
+        if (!countryCode)
+            return false;
+        const normalizedCode = trimAndReplacePlus(countryCode);
+        if (isEmpty(normalizedCode))
+            return false;
+        return COUNTRY_DATA.some((country) => country[3] === normalizedCode);
+    };
+    const isPhoneNumberInvalid = (phoneNumber, countryCode) => {
+        var _a;
+        // Check if country code is given but phone number is empty/only has country code
+        return (!isEmpty(phoneNumber) &&
+            isEmpty((_a = removeAllChars(phoneNumber || '')) === null || _a === void 0 ? void 0 : _a.replace(trimAndReplacePlus(countryCode || ''), '')));
+    };
+    const isPhoneLineEmpty = (phoneNumber, countryCode) => {
+        var _a;
+        // Check if both country code and phone line are empty
+        return (isEmpty(trimAndReplacePlus(countryCode || '')) &&
+            isEmpty((_a = (phoneNumber || '')) === null || _a === void 0 ? void 0 : _a.replace(countryCode || '', '')));
+    };
+    const isPhoneNumberValid = (phoneNumber, countryCode) => {
+        const trimmedPhone = (phoneNumber || '').trim();
+        const phoneObject = getPhoneObj(trimmedPhone);
+        const fullPhone = phoneObject.countryCode + ' ' + phoneObject.phoneLine;
+        // Check for various invalid states
+        if (fullPhone.length > PHONE_LIMIT)
+            return false;
+        if (isPhoneLineEmpty(phoneNumber, countryCode))
+            return false;
+        if (isPhoneNumberInvalid(phoneNumber, countryCode))
+            return false;
+        if (isEmpty(trimAndReplacePlus(countryCode || '')))
+            return false;
+        if (!isCountryCodeValid(countryCode))
+            return false;
+        if (trimAndReplacePlus(trimmedPhone) === trimAndReplacePlus(countryCode || ''))
+            return false;
+        if (trimmedPhone.length < 5)
+            return false;
+        return true;
+    };
     // Function to check if "to" time is after "from" time
     const isValidTimeRange = (fromTime, toTime) => {
         if (!fromTime || !toTime)
@@ -83,7 +126,8 @@ export function RequestEscalationModal(props) {
             formState.preferredTimeTo) {
             return (hasAllFields &&
                 isValidTimeRange(formState.preferredTimeFrom, formState.preferredTimeTo) &&
-                !isPhoneInvalid);
+                !isPhoneInvalid &&
+                isPhoneNumberValid(formState.phoneNumber, formState.countryCode));
         }
         return hasAllFields;
     };
@@ -190,7 +234,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,
@@ -269,25 +313,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) &&
+                        isPhoneNumberValid(formState.phoneNumber, formState.countryCode) &&
                         !isPhoneInvalid &&
-                        !isEmpty(formState.preferredTimeFrom) &&
-                        !isEmpty(formState.preferredTimeTo));
+                        (formState.preferredTimeFrom || '').trim().length > 0 &&
+                        (formState.preferredTimeTo || '').trim().length > 0 &&
+                        (formState.timezone || '').trim().length > 0);
                 }
                 return baseValidation;
             }
@@ -311,7 +356,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') },
@@ -321,10 +366,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,
@@ -332,33 +377,33 @@ 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 (!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);
     };
     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
@@ -374,20 +419,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 },
@@ -395,8 +440,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,
@@ -407,19 +452,54 @@ 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)) ||
-                                        isPhoneInvalid
+                                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, formState.countryCode)) ||
+                                        isPhoneInvalid ||
+                                        (submitButtonIsClicked &&
+                                            (getPhoneObj(formState.phoneNumber || '').countryCode +
+                                                ' ' +
+                                                getPhoneObj(formState.phoneNumber || '').phoneLine).length > PHONE_LIMIT)
                                         ? 'error'
                                         : 'default', isDisabled: false, invalid: isPhoneInvalid, setInvalid: setIsPhoneInvalid }),
-                                React.createElement(FormHelperText, null,
+                                !isPhoneInvalid &&
+                                    !((getPhoneObj(formState.phoneNumber || '').countryCode +
+                                        ' ' +
+                                        getPhoneObj(formState.phoneNumber || '').phoneLine).length > PHONE_LIMIT) &&
+                                    !(submitButtonIsClicked &&
+                                        !isPhoneNumberValid(formState.phoneNumber, formState.countryCode)) && (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.'))))),
+                                isPhoneInvalid && (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) && !isPhoneInvalid && (React.createElement(FormHelperText, null,
+                                        React.createElement(HelperTextItem, { variant: ValidatedOptions.error }, t('Phone number can only have digits.'))))),
+                                submitButtonIsClicked &&
+                                    (getPhoneObj(formState.phoneNumber || '').countryCode +
+                                        ' ' +
+                                        getPhoneObj(formState.phoneNumber || '').phoneLine).length > PHONE_LIMIT && (React.createElement(FormHelperText, null,
+                                    React.createElement(HelperText, null,
+                                        React.createElement(HelperTextItem, { variant: ValidatedOptions.error }, t('Phone number cannot be more than {{limit}} digits.', {
+                                            limit: PHONE_LIMIT,
+                                        }))))),
+                                submitButtonIsClicked &&
+                                    isPhoneLineEmpty(formState.phoneNumber, formState.countryCode) && (React.createElement(FormHelperText, null,
                                     React.createElement(HelperText, null,
                                         React.createElement(HelperTextItem, { variant: ValidatedOptions.error }, t('Phone number is required'))))),
-                                isPhoneInvalid && (React.createElement(FormHelperText, null,
+                                submitButtonIsClicked &&
+                                    isPhoneNumberInvalid(formState.phoneNumber, formState.countryCode) &&
+                                    !isPhoneInvalid && (React.createElement(FormHelperText, null,
+                                    React.createElement(HelperText, null,
+                                        React.createElement(HelperTextItem, { variant: ValidatedOptions.error }, t('Phone number cannot be empty'))))),
+                                submitButtonIsClicked &&
+                                    !isEmpty(trimAndReplacePlus(formState.countryCode || '')) &&
+                                    !isCountryCodeValid(formState.countryCode) && (React.createElement(FormHelperText, null,
+                                    React.createElement(HelperText, null,
+                                        React.createElement(HelperTextItem, { variant: ValidatedOptions.error }, t('Country code is invalid'))))),
+                                submitButtonIsClicked &&
+                                    isEmpty(trimAndReplacePlus(formState.countryCode || '')) &&
+                                    !isPhoneLineEmpty(formState.phoneNumber, formState.countryCode) &&
+                                    !isPhoneInvalid && (React.createElement(FormHelperText, null,
                                     React.createElement(HelperText, null,
-                                        React.createElement(HelperTextItem, { variant: ValidatedOptions.error }, t('Phone number can only have digits.'))))))),
+                                        React.createElement(HelperTextItem, { variant: ValidatedOptions.error }, t('Phone number is not valid'))))))),
                         React.createElement(GridItem, { span: 12 },
                             React.createElement(FormGroup, { label: React.createElement(React.Fragment, null,
                                     t('Timezone'),
@@ -429,7 +509,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 },
@@ -439,26 +519,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'))))))))))))));

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

@@ -40,7 +40,7 @@ export function CaseInformation(props) {
         React.createElement("form", null,
             React.createElement(ProductVersion, null),
             React.createElement(CaseOpenshiftClusterId, null),
-            React.createElement(CaseHostname, { inlineEditable: true }),
+            caseType !== PreviousCaseTypes.FEATURE_ENHANCEMENT && React.createElement(CaseHostname, { inlineEditable: true }),
             React.createElement("div", { className: "form-group" },
                 React.createElement("label", { htmlFor: "case-description" },
                     React.createElement(Trans, null, "Description")),

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/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}`,

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

@@ -1 +1 @@
-{"version":3,"file":"NonOrgCaseNotifyeesSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseManagement/SendNotifications/NonOrgCaseNotifyeesSelector.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAwB,oBAAoB,EAAY,MAAM,wBAAwB,CAAC;AAE9F,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,UAAU,MAAO,SAAQ,gBAAgB;IACrC,aAAa,EAAE,oBAAoB,EAAE,CAAC;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,aAAa,EAAE,oBAAoB,EAAE,KAAK,IAAI,CAAC;IAC1D,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAC1C,kBAAkB,EAAE,MAAM,CAAC;CAC9B;AA+BD,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,qBAyMxD"}
+{"version":3,"file":"NonOrgCaseNotifyeesSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseManagement/SendNotifications/NonOrgCaseNotifyeesSelector.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAwB,oBAAoB,EAAY,MAAM,wBAAwB,CAAC;AAE9F,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,UAAU,MAAO,SAAQ,gBAAgB;IACrC,aAAa,EAAE,oBAAoB,EAAE,CAAC;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,aAAa,EAAE,oBAAoB,EAAE,KAAK,IAAI,CAAC;IAC1D,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAC1C,kBAAkB,EAAE,MAAM,CAAC;CAC9B;AA+BD,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,qBA2NxD"}

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

@@ -88,7 +88,18 @@ export function NonOrgCaseNotifyeesSelector(props) {
         }
         else {
             if (notificationAddress === null || notificationAddress === void 0 ? void 0 : notificationAddress.email) {
-                (_c = props.onChange) === null || _c === void 0 ? void 0 : _c.call(props, [{ emailAddress: notificationAddress.email, caseNumber: '' }]);
+                const isEmailAlreadySelected = props.selectedItems.some((item) => {
+                    var _a, _b;
+                    return isCustomEmailAddress(item) &&
+                        ((_a = item.emailAddress) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = notificationAddress.email) === null || _b === void 0 ? void 0 : _b.toLowerCase());
+                });
+                if (!isEmailAlreadySelected) {
+                    const updatedSelection = [
+                        ...props.selectedItems,
+                        { emailAddress: notificationAddress.email, caseNumber: '' },
+                    ];
+                    (_c = props.onChange) === null || _c === void 0 ? void 0 : _c.call(props, updatedSelection);
+                }
                 setInputVal('');
             }
             else if (contacts === null || contacts === void 0 ? void 0 : contacts.length) {
@@ -98,7 +109,10 @@ export function NonOrgCaseNotifyeesSelector(props) {
                     const { ssoName } = c, rest = __rest(c, ["ssoName"]);
                     return Object.assign({ ssoUsername: ssoName }, rest);
                 });
-                (_d = props.onChange) === null || _d === void 0 ? void 0 : _d.call(props, [...mappedContacts]);
+                const isUsernameAlreadySelected = mappedContacts.some((contact) => props.selectedItems.some((item) => isContact(item) && item.ssoUsername === contact.ssoUsername));
+                if (!isUsernameAlreadySelected) {
+                    (_d = props.onChange) === null || _d === void 0 ? void 0 : _d.call(props, [...mappedContacts]);
+                }
                 setInputVal('');
             }
             else {

package/lib/esm/components/ProductSelector/AllProductsSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AllProductsSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/AllProductsSelector.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAuC,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAMvG,UAAU,MAAM;IACZ,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC;AAQD;;;;;;;GAOG;AACH,QAAA,MAAM,mBAAmB,4EA+KvB,CAAC;AAGH,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"AllProductsSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/AllProductsSelector.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAuC,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAMvG,UAAU,MAAM;IACZ,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC;AAQD;;;;;;;GAOG;AACH,QAAA,MAAM,mBAAmB,4EAoLvB,CAAC;AAGH,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/lib/esm/components/ProductSelector/AllProductsSelector.js

@@ -104,7 +104,7 @@ const AllProductsSelector = forwardRef((props, ref) => {
             React.createElement("div", { className: "all-product-selector-dropdown" },
                 React.createElement(ProductVersionDropdownSelector, { isLoading: allProducts.isFetching, products: props.checkEntitledProduct ? entitledProducts : allProducts.data.productsResult, onProductChange: onProductChange, onVersionChange: onVersionChange, ref: ref, isOnSummaryPage: props.isOnSummaryPage, loadTCOnChange: props.loadTCOnChange, isFetching: topContent.isFetching })))),
         renderOpenCaseIssue && (React.createElement("div", { className: "case-details-summary" },
-            React.createElement(OpenCaseIssue, { inlineEditable: false, required: true, isOnSummaryPage: props.isOnSummaryPage }))),
+            React.createElement(OpenCaseIssue, { inlineEditable: false, required: true, isOnSummaryPage: props.isOnSummaryPage, isOnGetSupportPage: props.isOnGetSupportPage }))),
         React.createElement(AlertMessage, { isInline: true, variant: AlertType.DANGER, className: "pf-v6-u-mt-lg", title: t(`${loggedInUserRights.data.isSSOUsernameSameAsLoggedInUser(contactSSOName)
                 ? 'You are'
                 : 'Selected owner is'} not allowed to create case on this product.`), show: !allProducts.isFetching && props.checkEntitledProduct && !isEntitledProduct && !isEmpty(product) }),

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;