@rh-support/troubleshoot 2.4.10-beta.7 → 2.5.0

package/lib/esm/components/UpdateSeverityModal/UpdateSeverityModal.js

@@ -8,25 +8,26 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { publicApi } from '@cee-eng/hydrajs';
-import { Button, Modal, TextArea } from '@patternfly/react-core';
-import { Dropdown, ToastNotification, useFetch } from '@rh-support/components';
+import { Button, Dropdown, DropdownItem, DropdownList, Flex, FlexItem, MenuToggle, Modal, Spinner, TextArea, } from '@patternfly/react-core';
+import { ToastNotification, useFetch } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
-import { autoEnableFtsOnCaseViewEditPage, severitySort, showFtsOnCreateCasePage, toOption, toOptions, } from '@rh-support/utils';
+import { autoEnableFtsOnCaseViewEditPage, isFtsEditableOnEditPage, isSev1, PreviousCaseTypes, severitySort, showFtsOnCreateCasePage, } from '@rh-support/utils';
+import { isUndefined } from 'lodash';
 import find from 'lodash/find';
 import includes from 'lodash/includes';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import map from 'lodash/map';
-import React, { useContext, useEffect, useReducer, useState } from 'react';
+import React, { useContext, useEffect, useReducer, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { useCaseDetailsPageStateContext } from '../../context/CaseDetailsPageContext';
 import { useCaseDiscussionTabDispatchContext, useCaseDiscussionTabStateContext, } from '../../context/CaseDiscussionTabContext';
 import { useCaseUpdateErrorMessage } from '../../hooks/useCaseUpdateErrorMessage';
 import { updateDiscussionStateComments } from '../../reducers/CaseDiscussionTabReducer';
-import { getIrtForSLAAndSeverity, getOrtForSLAAndSeverity, getSeverityDescription } from '../../reducers/CaseHelpers';
+import { getNewSeverityStringDef, getSeverityDescription } from '../../reducers/CaseHelpers';
 import { caseOverviewReducer, initialCaseViewState, setSeverityUpdating } from '../../reducers/CaseOverviewReducer';
-import { checkForCaseStatusToggleOnAttachOrComment, setCaseDetails, updateCaseDetails, } from '../../reducers/CaseReducer';
+import { checkForCaseStatusToggleOnAttachOrComment, setCaseState, updateCaseDetails } from '../../reducers/CaseReducer';
 export default function UpdateSeverityModal(props) {
     const { show, onClose, isDisabled, isFetching } = props;
     const { t } = useTranslation();
@@ -35,10 +36,10 @@ export default function UpdateSeverityModal(props) {
     const [caseOverviewState, caseOverviewDispatch] = useReducer(caseOverviewReducer, initialCaseViewState);
     const caseDispatch = useCaseDispatch();
     const canEditCase = useCanEditCase();
-    const [updatedSeverity, setUpdatedSeverity] = useState({});
+    const [updatedCaseDetails, setUpdatedCaseDetails] = useState({});
+    const [isUpdateClickedToShowError, setIsUpdateClickedToShowError] = useState(false);
     const [isSeverityInValid, setIsSeverityInValid] = useState(false);
     const [seviritiesOptions, setSeveritiesOptions] = useState([]);
-    const [doNotShowIRT, setDoNotShowIRT] = useState(false);
     const { request: postCommentRequest, isFetching: isPostingComment } = useFetch(publicApi.kase.postComment, {
         propgateErrors: true,
     });
@@ -54,47 +55,47 @@ export default function UpdateSeverityModal(props) {
             product: state.caseDetails.product,
             version: state.caseDetails.version,
             entitlementSla: state.caseDetails.entitlementSla,
+            fts: state.caseDetails.fts,
+            contactInfo24x7: state.caseDetails.contactInfo24x7,
+            caseType: state.caseDetails.caseType,
+            phoneCountryCode: state.caseDetails.phoneCountryCode,
+            phoneAreaCodePrefixLineNumber: state.caseDetails.phoneAreaCodePrefixLineNumber || '',
         },
         isCaseUpdating: state.isCaseUpdating,
         versionsDetails: state.versionsDetails,
         ownersEntitlements: state.ownersEntitlements,
+        ftsContactSameAsOwner: state.ftsContactSameAsOwner,
     }), isEqual);
-    const { caseDetails, isCaseUpdating, ownersEntitlements, versionsDetails } = caseState;
+    const { caseDetails, isCaseUpdating, ownersEntitlements, versionsDetails, ftsContactSameAsOwner } = caseState;
+    const { entitlementSla, fts, contactInfo24x7, caseType, phoneAreaCodePrefixLineNumber, phoneCountryCode } = caseDetails;
+    const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
     const [currentSeverity, setCurrentSeverity] = useState(caseDetails.caseSeverity);
-    const getAdditionalInfo = (sla, severity) => {
-        if (doNotShowIRT)
-            return React.createElement(React.Fragment, null);
-        const irt = getIrtForSLAAndSeverity(sla, severity);
-        const ort = getOrtForSLAAndSeverity(sla, severity);
-        return isEmpty(irt) ? undefined : irt === ort ? (React.createElement(React.Fragment, null,
-            React.createElement("strong", null, irt),
-            " ",
-            React.createElement(Trans, null, "initial and ongoing response time."))) : (React.createElement(React.Fragment, null,
-            React.createElement("strong", null, irt),
-            " ",
-            React.createElement(Trans, null, "initial and"),
-            " ",
-            React.createElement("strong", null, ort),
-            ' ',
-            React.createElement(Trans, null, "ongoing response time.")));
+    const [localFtsContact, setLocalFtsContact] = useState(contactInfo24x7 || '');
+    const [localFts, setLocalFts] = useState(isUndefined(fts) ? true : fts);
+    const initialContactSameAsOwnerRef = useRef(ftsContactSameAsOwner !== null && ftsContactSameAsOwner !== void 0 ? ftsContactSameAsOwner : false);
+    const isFtsEditable = isFtsEditableOnEditPage(entitlementSla, currentSeverity);
+    const [isOpen, setIsOpen] = useState(false);
+    const onToggleClick = () => {
+        setIsOpen(!isOpen);
     };
-    const slaLocal = caseDetails.entitlementSla;
     // To set the filtered severities from data
     const filteredSeverities = map(allCaseSeverities.data, (s) => {
         const sevItem = {
             name: s,
             disabled: isEmpty(find(seviritiesOptions, (severity) => s === severity)),
             label: `${s} - ${getSeverityDescription(s)}`,
-            additionalInfo: getAdditionalInfo(slaLocal, s),
+            additionalInfo: getNewSeverityStringDef(s),
         };
         return sevItem;
     });
+    const onlyFtsInfoChanged = isEqual(caseDetails.caseSeverity, currentSeverity) &&
+        (!isEqual(caseDetails.fts, localFts) || !isEqual(caseDetails.contactInfo24x7, localFtsContact));
     // To set the current selected severity
     let selectedSeverity = {
         name: currentSeverity,
         disabled: false,
         label: `${currentSeverity} - ${getSeverityDescription(currentSeverity)}`,
-        additionalInfo: getAdditionalInfo(slaLocal, currentSeverity),
+        additionalInfo: getNewSeverityStringDef(currentSeverity),
     };
     // To reupdate the severity value when successfully submitted
     const reUpdateSeverity = (severity) => {
@@ -102,7 +103,7 @@ export default function UpdateSeverityModal(props) {
             name: severity,
             disabled: false,
             label: `${severity} - ${getSeverityDescription(severity)}`,
-            additionalInfo: getAdditionalInfo(slaLocal, severity),
+            additionalInfo: getNewSeverityStringDef(severity),
         };
     };
     // To check if severity is valid
@@ -127,7 +128,12 @@ export default function UpdateSeverityModal(props) {
         setSeverityUpdating(caseOverviewDispatch, false);
         setCurrentSeverity(caseDetails.caseSeverity);
         setDescriptionValue('');
+        setIsUpdateClickedToShowError(false);
         onClose();
+        // change back to original state if cancelled
+        setCaseState(caseDispatch, { ftsContactSameAsOwner: initialContactSameAsOwnerRef.current });
+        setLocalFtsContact(contactInfo24x7 || '');
+        setLocalFts(isUndefined(fts) ? true : fts);
     });
     // To handle on successful submit
     const onSuccessfulSubmit = () => {
@@ -139,21 +145,64 @@ export default function UpdateSeverityModal(props) {
     const handleTextAreaChange = (value) => {
         setDescriptionValue(value);
     };
+    const getFtsUpdateComment = () => {
+        if (isIdea)
+            return '';
+        if (isEqual(caseDetails.fts, localFts) && isEqual(caseDetails.contactInfo24x7, localFtsContact))
+            return '';
+        if (caseDetails.fts && !localFts)
+            return '#### Contact Support Update \n User disabled 24x7 contact support';
+        if (!caseDetails.fts && localFts)
+            return '#### Contact Support Update \n User enabled 24x7 contact support';
+        return '#### Contact Support Update \n User updated 24x7 contact information';
+    };
+    const updateCaseFtsInfo = () => __awaiter(this, void 0, void 0, function* () {
+        try {
+            const ftsUpdateComment = `${getFtsUpdateComment()} \n\n #### Description \n ${descriptionValue.trim()}`;
+            yield updateCaseDetails(caseDispatch, caseDetails.caseNumber, {
+                fts: localFts,
+                contactInfo24x7: localFtsContact,
+            });
+            yield postCommentRequest({
+                caseNumber: caseDetails.caseNumber,
+                commentBody: ftsUpdateComment === null || ftsUpdateComment === void 0 ? void 0 : ftsUpdateComment.trim(),
+                contentType: 'markdown',
+            });
+            ToastNotification.addSuccessMessage(t(`Case has been successfully updated`));
+        }
+        catch (err) {
+            caseUpdateError.showError(err, t(`Failed to update the case`));
+        }
+        finally {
+            onClose();
+            setDescriptionValue('');
+            setIsUpdateClickedToShowError(false);
+        }
+    });
     const onSubmit = () => __awaiter(this, void 0, void 0, function* () {
+        setIsUpdateClickedToShowError(true);
+        if (isSubmitButtonDisabled) {
+            return;
+        }
+        if (onlyFtsInfoChanged) {
+            updateCaseFtsInfo();
+            return;
+        }
+        const ftsUpdateComment = getFtsUpdateComment();
         // Severity update successful comment body
-        const severityUpdateComment = t('#### Severity update \n Severity changed from {{oldSeverity}} to {{newSeverity}}\n\n #### Description \n{{description}}', {
+        const severityUpdateComment = t(`#### Severity update \n Severity changed from {{oldSeverity}} to {{newSeverity}}\n\n ${isEmpty(ftsUpdateComment) ? '' : ftsUpdateComment + '\n\n\n'} #### Description \n{{description}}`, {
             oldSeverity: caseDetails.caseSeverity,
-            newSeverity: updatedSeverity['severity'],
+            newSeverity: updatedCaseDetails['severity'],
             description: descriptionValue === null || descriptionValue === void 0 ? void 0 : descriptionValue.trim(),
         });
         // Severity update failed comment body
         const severityUpdateFailedComment = t('#### Severity update \n Failed to change severity from {{oldSeverity}} to {{newSeverity}}. Please try again\n', {
             oldSeverity: caseDetails.caseSeverity,
-            newSeveritay: updatedSeverity['severity'],
+            newSeveritay: updatedCaseDetails['severity'],
         });
         try {
             setSeverityUpdating(caseOverviewDispatch, true);
-            yield updateCaseDetails(caseDispatch, caseDetails.caseNumber, updatedSeverity);
+            yield updateCaseDetails(caseDispatch, caseDetails.caseNumber, updatedCaseDetails);
             try {
                 yield postCommentRequest({
                     caseNumber: caseDetails.caseNumber,
@@ -162,7 +211,7 @@ export default function UpdateSeverityModal(props) {
                 });
                 try {
                     checkForCaseStatusToggleOnAttachOrComment(caseDispatch, loggedInUserRights.data.isInternal(), caseDetails.caseStatus);
-                    setCurrentSeverity(updatedSeverity['severity']);
+                    setCurrentSeverity(updatedCaseDetails['severity']);
                     onSuccessfulSubmit();
                     ToastNotification.addSuccessMessage(t('Severity has been successfully updated'));
                 }
@@ -174,11 +223,7 @@ export default function UpdateSeverityModal(props) {
                     });
                     onClose();
                     caseUpdateError.showError(e, t(`Failed to update case status. Please try again`));
-                    yield updateCaseDetails(caseDispatch, caseDetails.caseNumber, {
-                        status: 'Waiting on Customer',
-                        severity: currentSeverity,
-                    });
-                    setCaseDetails(caseDispatch, { status: 'Waiting on Customer' });
+                    yield updateCaseDetails(caseDispatch, caseDetails.caseNumber, Object.assign({ status: 'Waiting on Customer' }, updateCaseDetails));
                 }
             }
             catch (e) {
@@ -202,7 +247,9 @@ export default function UpdateSeverityModal(props) {
             setDescriptionValue(descriptionValue === null || descriptionValue === void 0 ? void 0 : descriptionValue.trim());
         }
         finally {
-            yield updateDiscussionStateComments(dispatchDiscussion, caseDetails.caseNumber, allDiscussions, sort, caseFeedbacksHydra.data, discussionFiltersListState);
+            yield updateDiscussionStateComments(dispatchDiscussion, caseDispatch, caseDetails.caseNumber, allDiscussions, sort, caseFeedbacksHydra.data, discussionFiltersListState);
+            setIsUpdateClickedToShowError(false);
+            setDescriptionValue('');
         }
     });
     // To check if description is valid
@@ -213,33 +260,70 @@ export default function UpdateSeverityModal(props) {
         else
             return true;
     };
-    // To compare previous and current severity values
-    const checkSeverityValid = () => {
-        if (isEqual(caseDetails.caseSeverity, updatedSeverity['severity'])) {
+    // Check if user has updated case information - severity or fts
+    const checkIsUpdateValid = () => {
+        if (isEmpty(updatedCaseDetails)) {
             return false;
         }
-        else if (isEmpty(updatedSeverity)) {
+        else if (isEqual(caseDetails.caseSeverity, currentSeverity) &&
+            isEqual(caseDetails.fts, localFts) &&
+            isEqual(caseDetails.contactInfo24x7, localFtsContact)) {
             return false;
         }
         else {
             return true;
         }
     };
+    const onFtsChange = (e) => {
+        if (canEditCase.alert())
+            return;
+        setLocalFts(e.target.checked);
+        setUpdatedCaseDetails((pre) => (Object.assign(Object.assign({}, pre), { fts: e.target.checked })));
+    };
+    const onSetContactSameAsOwner = (e) => {
+        if (canEditCase.alert())
+            return;
+        setCaseState(caseDispatch, { ftsContactSameAsOwner: e.target.checked });
+        if (!e.target.checked) {
+            return;
+        }
+        setUpdatedCaseDetails((pre) => (Object.assign(Object.assign({}, pre), { contactInfo24x7: `${phoneCountryCode}-${phoneAreaCodePrefixLineNumber}` })));
+        setLocalFtsContact(`${phoneCountryCode}-${phoneAreaCodePrefixLineNumber}`);
+    };
+    const onFtsContactChange = (e) => {
+        if (canEditCase.alert())
+            return;
+        setLocalFtsContact(e.target.value);
+        setUpdatedCaseDetails((pre) => (Object.assign(Object.assign({}, pre), { contactInfo24x7: e.target.value.trim() })));
+    };
     // To disable submit button wrt above conditions
-    const isSubmitButtonDisabled = checkSeverityValid() && isTextAreaValid() ? false : true;
+    const isSubmitButtonDisabled = checkIsUpdateValid() && isTextAreaValid() ? false : true;
     // Update severity modal buttons
     const modalActions = [
-        React.createElement(Button, { key: "submit", variant: "primary", onClick: onSubmit, isLoading: isCaseUpdating || isPostingComment, "data-tracking-id": "update-severity-submit", isDisabled: isSubmitButtonDisabled || isCaseUpdating || isPostingComment }, t('Submit')),
+        React.createElement(Button, { key: "submit", variant: "primary", onClick: onSubmit, isLoading: isCaseUpdating || isPostingComment, "data-tracking-id": "update-severity-submit", isDisabled: !isUpdateClickedToShowError && checkIsUpdateValid()
+                ? false
+                : isSubmitButtonDisabled || isCaseUpdating || isPostingComment }, t('Update')),
         React.createElement(Button, { key: "back", variant: "link", onClick: onCancel, "data-tracking-id": "update-severity-cancel", isDisabled: isCaseUpdating || isPostingComment }, t('Cancel')),
     ];
     // To handle the severity change
-    const onSeverityChange = (option) => {
+    const onSeverityChange = (event, option) => {
         if (canEditCase.alert())
             return;
-        setUpdatedSeverity({ severity: option.value.name });
-        setCurrentSeverity(option.value.name);
-        updateState(option.value.name);
+        if (!isEqual(caseDetails.caseSeverity, option.name) &&
+            isSev1(option.name) &&
+            isFtsEditableOnEditPage(entitlementSla, option.name)) {
+            setLocalFts(true);
+            setLocalFtsContact('');
+            setCaseState(caseDispatch, { ftsContactSameAsOwner: false });
+            setUpdatedCaseDetails((pre) => (Object.assign(Object.assign({}, pre), { severity: option.name, fts: !isIdea, contactInfo24x7: '' })));
+        }
+        else {
+            setUpdatedCaseDetails({ severity: option.name, fts: false });
+        }
+        setCurrentSeverity(option.name);
+        updateState(option.name);
         setIsSeverityInValidLocal(option);
+        setIsOpen(false);
     };
     // To set severity options
     useEffect(() => {
@@ -252,13 +336,12 @@ export default function UpdateSeverityModal(props) {
             return;
         const productObj = find((_b = allProducts === null || allProducts === void 0 ? void 0 : allProducts.data) === null || _b === void 0 ? void 0 : _b.productsResult, (productItem) => productItem.name === caseDetails.product);
         const versionDetail = find(versionsDetails === null || versionsDetails === void 0 ? void 0 : versionsDetails.data, (spec) => spec.name === caseDetails.version);
-        setDoNotShowIRT(versionDetail === null || versionDetail === void 0 ? void 0 : versionDetail.doNotShowIRT);
         let availableSeverities;
-        if (versionDetail === null || versionDetail === void 0 ? void 0 : versionDetail.severities) {
+        if ((versionDetail === null || versionDetail === void 0 ? void 0 : versionDetail.severities) && (versionDetail === null || versionDetail === void 0 ? void 0 : versionDetail.severities.length) !== 0) {
             //first check if at version level, do we have any severity limit
             availableSeverities = versionDetail.severities;
         }
-        else if (productObj === null || productObj === void 0 ? void 0 : productObj.severities) {
+        else if ((productObj === null || productObj === void 0 ? void 0 : productObj.severities) && (productObj === null || productObj === void 0 ? void 0 : productObj.severities.length) !== 0) {
             // second check if at product level, do we have any severity limit
             availableSeverities = productObj.severities;
         }
@@ -282,35 +365,53 @@ export default function UpdateSeverityModal(props) {
         seviritiesOptions,
         caseDetails.caseSeverity,
     ]);
+    useEffect(() => {
+        setLocalFts(fts);
+        setLocalFtsContact(contactInfo24x7);
+    }, [fts, contactInfo24x7]);
     // Returns the modal body with its contents
     const modalBody = () => {
         return (React.createElement(React.Fragment, null,
             React.createElement("form", { "aria-label": t('form') },
-                React.createElement("div", { className: "form-group pf-u-mt-xs" },
-                    React.createElement("div", null,
-                        React.createElement(Dropdown, { name: "get-support-severity-modal", placeholder: t(`Select a severity`), title: t(`Select a severity`), list: allCaseSeverities.data
-                                ? toOptions(filteredSeverities, {
-                                    labelKey: 'label',
-                                    additionalInfoKey: 'additionalInfo',
-                                    disabledKey: 'disabled',
-                                })
-                                : [], selectedItem: toOption(selectedSeverity, {
-                                labelKey: 'label',
-                                additionalInfoKey: 'additionalInfo',
-                                disabledKey: 'disabled',
-                            }), disabled: allCaseSeverities.isError ||
-                                isDisabled ||
-                                allCaseSeverities.isFetching ||
-                                ownersEntitlements.isFetching ||
-                                versionsDetails.isFetching, isLoadingList: isFetching || versionsDetails.isFetching, isInValid: allCaseSeverities.isError || isSeverityInValid, required: true, onChange: onSeverityChange, onOuterClick: setIsSeverityInValidLocal, "data-tracking-id": "get-support-severity-modal" })),
+                React.createElement("div", { className: "form-group pf-v5-u-mt-xs" },
+                    React.createElement("div", { className: "get-support-severity-modal" },
+                        React.createElement(Dropdown, { id: "get-support-severity-modal", "data-tracking-id": "get-support-severity-modal", isOpen: isOpen, onSelect: onSeverityChange, onOpenChange: (isOpen) => setIsOpen(isOpen), toggle: (toggleRef) => (React.createElement(MenuToggle, { className: "get-support-severity-modal-text", ref: toggleRef, isFullWidth: true, onClick: onToggleClick, isExpanded: isOpen, status: allCaseSeverities.isError || isSeverityInValid ? 'danger' : undefined, isDisabled: allCaseSeverities.isError ||
+                                    isDisabled ||
+                                    allCaseSeverities.isFetching ||
+                                    ownersEntitlements.isFetching ||
+                                    versionsDetails.isFetching ||
+                                    isCaseUpdating },
+                                React.createElement(Flex, { justifyContent: { default: 'justifyContentSpaceBetween' } },
+                                    React.createElement(FlexItem, null, selectedSeverity.label || t(`Select a severity`)),
+                                    React.createElement(FlexItem, null, isFetching || versionsDetails.isFetching ? React.createElement(Spinner, { size: "md" }) : '')))), shouldFocusToggleOnSelect: true, isScrollable: true, popperProps: { direction: 'down', enableFlip: false } },
+                            React.createElement(DropdownList, null, allCaseSeverities.data
+                                ? filteredSeverities.map((option) => (React.createElement(DropdownItem, { value: option, key: option.name, description: option.additionalInfo }, option.label)))
+                                : []))),
                     React.createElement("div", null,
-                        React.createElement("label", { htmlFor: "date-input", className: "pf-u-mt-md" },
+                        React.createElement("label", { htmlFor: "date-input", className: "pf-v5-u-mt-md" },
                             React.createElement(Trans, null, "Describe update"),
                             React.createElement("span", { className: "form-required", "aria-hidden": "true" }, "*")),
-                        React.createElement(TextArea, { placeholder: "Please identify any changes in the case's business impact", isDisabled: (caseOverviewState.caseSeverityUpdating && isCaseUpdating) || isPostingComment, value: descriptionValue, onChange: handleTextAreaChange, resizeOrientation: "vertical", "aria-label": "summary", isRequired: true }),
-                        React.createElement("div", { className: "pf-u-mt-xs" },
-                            React.createElement(Trans, null, "Your comment will be visible under discussions")))))));
+                        React.createElement(TextArea, { placeholder: t('How has the business impact changed? If you have increased severity, please explain why.'), isDisabled: (caseOverviewState.caseSeverityUpdating && isCaseUpdating) ||
+                                isPostingComment ||
+                                !checkIsUpdateValid(), value: descriptionValue, onChange: (_event, value) => handleTextAreaChange(value), resizeOrientation: "vertical", "aria-label": "severity-update-descritpion", validated: isEmpty(descriptionValue) && isUpdateClickedToShowError ? 'error' : 'default', isRequired: true }),
+                        React.createElement("div", { className: "pf-v5-u-mt-xs" },
+                            React.createElement(Trans, null, "To view your comment, go to the Discussion tab."))),
+                    !isIdea && isFtsEditable && (React.createElement("div", { className: "pf-v5-u-mt-md pf-v5-u-mb-sm" },
+                        React.createElement("div", null,
+                            React.createElement("input", { type: "checkbox", id: "update-severity-fts", "data-tracking-id": "update-severity-fts", name: "update-severity-fts", checked: localFts, onChange: onFtsChange }),
+                            React.createElement("label", { htmlFor: "update-severity-fts" },
+                                React.createElement(Trans, null, "24x7 Support"))),
+                        localFts && (React.createElement("div", null,
+                            React.createElement("label", { htmlFor: "update-severity-24-7-contact", className: "pf-v5-u-mt-xs" },
+                                React.createElement(Trans, null, "Contact for 24x7 support")),
+                            React.createElement("div", null,
+                                React.createElement("input", { type: "checkbox", id: "update-severity-same-as-case-owner-phone", name: "update-severity-same-as-case-owner-phone", "data-tracking-id": "update-severity-same-as-case-owner-phone", checked: ftsContactSameAsOwner, onChange: onSetContactSameAsOwner }),
+                                React.createElement("label", { htmlFor: "update-severity-same-as-case-owner-phone", className: "pf-v5-u-font-weight-normal pf-v5-u-font-size-md" },
+                                    React.createElement(Trans, null, "Same as case owner's phone number"))),
+                            React.createElement(TextArea, { isDisabled: !localFts || ftsContactSameAsOwner, value: localFtsContact, onChange: onFtsContactChange, resizeOrientation: "vertical", "aria-label": "update-severity-24-7-contact", id: "update-severity-24-7-contact", "data-tracking-id": "update-severity-24-7-contact", rows: 2, placeholder: t('Enter 24x7 contact details') }),
+                            React.createElement("p", { className: "pf-v5-u-mt-xs" },
+                                React.createElement(Trans, null, "Please provide contact information where we can reach you at any time"))))))))));
     };
     // Main modal and its headings
-    return (React.createElement(Modal, { title: t('Update severity'), description: t('Describing your update helps us better assist you.'), isOpen: show, onClose: onCancel, actions: modalActions, style: { overflow: 'visible' } }, modalBody()));
+    return (React.createElement(Modal, { title: t('Update severity'), description: t('Describing your update helps us better assist you.'), isOpen: show, onClose: onCancel, actions: modalActions, style: { overflow: 'visible' }, tabIndex: 0 }, modalBody()));
 }

package/lib/esm/components/shared/Constants.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 declare const _default: {
     languagesMap: {
         en: string;
@@ -52,22 +53,22 @@ export declare const markdownInlineFileSelectEvent = "PCM-Next > Markdown-toolba
 export declare const markdownFilePasteEvent = "PCM-Next > Markdown-toolbar-file-paste";
 export declare const riskLabels: {
     1: {
-        icon: JSX.Element;
+        icon: React.JSX.Element;
         label: string;
         className: string;
     };
     2: {
-        icon: JSX.Element;
+        icon: React.JSX.Element;
         label: string;
         className: string;
     };
     3: {
-        icon: JSX.Element;
+        icon: React.JSX.Element;
         label: string;
         className: string;
     };
     4: {
-        icon: JSX.Element;
+        icon: React.JSX.Element;
         label: string;
         className: string;
     };

package/lib/esm/components/shared/Constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Constants.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Constants.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBA+BE;AAEF;;GAEG;AACH,oBAAY,iBAAiB;IACzB,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,IAAI,iBAAiB;IACrB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,8BAA8B;IACnC,KAAK,UAAU;IACf,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,kBAAkB,yBAAyB;CAC9C;AAED,eAAO,MAAM,8BAA8B,oDAAoD,CAAC;AAEhG,eAAO,MAAM,oCAAoC,wDAAwD,CAAC;AAC1G,eAAO,MAAM,6BAA6B,4CAA4C,CAAC;AACvF,eAAO,MAAM,sBAAsB,2CAA2C,CAAC;AAE/E,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;CAKtB,CAAC"}
+{"version":3,"file":"Constants.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Constants.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE1B,wBA+BE;AAEF;;GAEG;AACH,oBAAY,iBAAiB;IACzB,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,IAAI,iBAAiB;IACrB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,8BAA8B;IACnC,KAAK,UAAU;IACf,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,kBAAkB,yBAAyB;CAC9C;AAED,eAAO,MAAM,8BAA8B,oDAAoD,CAAC;AAEhG,eAAO,MAAM,oCAAoC,wDAAwD,CAAC;AAC1G,eAAO,MAAM,6BAA6B,4CAA4C,CAAC;AACvF,eAAO,MAAM,sBAAsB,2CAA2C,CAAC;AAE/E,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;CAKtB,CAAC"}

package/lib/esm/components/shared/Rule.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 interface IProps {
     title: string;
     link?: string;
@@ -6,6 +7,6 @@ interface IProps {
     onLinkClick?: (link: string) => void;
     isInline?: boolean;
 }
-export default function Rule(props: IProps): JSX.Element;
+export default function Rule(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=Rule.d.ts.map

package/lib/esm/components/shared/Rule.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Rule.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Rule.tsx"],"names":[],"mappings":"AASA,UAAU,MAAM;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,MAAM,eA2CzC"}
+{"version":3,"file":"Rule.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Rule.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,MAAM;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,MAAM,qBA2CzC"}

package/lib/esm/components/shared/Rule.js

@@ -14,11 +14,11 @@ export default function Rule(props) {
     const onCtaClick = (event) => {
         props.onLinkClick && props.onLinkClick(props.link);
     };
-    return (React.createElement("div", { className: `pf-c-alert ea-rule-alert${props.isInline ? ' pf-m-inline' : ''}`, role: "alert" },
-        React.createElement("span", { className: "pf-c-alert__icon icon-info-circle", "aria-hidden": true }),
-        React.createElement("h3", { className: "pf-c-alert__title" }, !isEmpty(props.link) ? (React.createElement("a", { href: getTrackingULRWithQueryParams(props.link, SessionResourceSource.EDMOUND_ABOTT), target: "_blank", rel: "noopener noreferrer", className: "se-recommended ts-known-vuln", "data-tracking-id": "se-recommended-asa-rule", onClick: onCtaClick }, props.title)) : (props.title)),
-        React.createElement("div", { className: "pf-c-alert__description", dangerouslySetInnerHTML: { __html: DOMPurify.sanitize(parseMarkdown(props.description)) } }),
-        props.onHide && (React.createElement("div", { className: "pf-c-alert__action" },
-            React.createElement("button", { className: "pf-c-button pf-m-plain", type: "button", "aria-label": "Close", onClick: hide },
+    return (React.createElement("div", { className: `pf-v5-c-alert ea-rule-alert${props.isInline ? ' pf-m-inline' : ''}`, role: "alert" },
+        React.createElement("span", { className: "pf-v5-c-alert__icon icon-info-circle", "aria-hidden": true }),
+        React.createElement("h3", { className: "pf-v5-c-alert__title" }, !isEmpty(props.link) ? (React.createElement("a", { href: getTrackingULRWithQueryParams(props.link, SessionResourceSource.EDMOUND_ABOTT), target: "_blank", rel: "noopener noreferrer", className: "se-recommended ts-known-vuln", "data-tracking-id": "se-recommended-asa-rule", onClick: onCtaClick }, props.title)) : (props.title)),
+        React.createElement("div", { className: "pf-v5-c-alert__description", dangerouslySetInnerHTML: { __html: DOMPurify.sanitize(parseMarkdown(props.description)) } }),
+        props.onHide && (React.createElement("div", { className: "pf-v5-c-alert__action" },
+            React.createElement("button", { className: "pf-v5-c-button pf-m-plain", type: "button", "aria-label": "Close", onClick: hide },
                 React.createElement(TimesIcon, { "aria-hidden": "true" }))))));
 }

package/lib/esm/components/shared/fileUpload/FileLister.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IFileLocal } from './reducer/AttachmentReducer';
 export declare const CaseDiagnosticsStatus: typeof import("@cee-eng/hydrajs/@types/api/pcm/preCaseDiagnostics").CaseDiagnosticsStatus;
 interface IProps {
@@ -8,7 +9,8 @@ interface IProps {
     onRetryAnalysis?: (indexToRetry: number) => void;
     isSessionId?: boolean;
     showSlowUploadMsg?: boolean;
+    setfileExceedInfo?: (value: any) => void;
 }
-export default function FileLister(props: IProps): JSX.Element;
+export default function FileLister(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=FileLister.d.ts.map

package/lib/esm/components/shared/fileUpload/FileLister.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileLister.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/fileUpload/FileLister.tsx"],"names":[],"mappings":"AA+BA,OAAO,EAAiB,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAGxE,eAAO,MAAM,qBAAqB,2FAAyC,CAAC;AAiB5E,UAAU,MAAM;IACZ,kBAAkB,EAAE,UAAU,EAAE,CAAC;IACjC,UAAU,EAAE,CAAC,eAAe,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACtG,YAAY,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACtE,OAAO,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,eAwS/C"}
+{"version":3,"file":"FileLister.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/fileUpload/FileLister.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAsB1B,OAAO,EAAiB,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAGxE,eAAO,MAAM,qBAAqB,2FAAyC,CAAC;AAiB5E,UAAU,MAAM;IACZ,kBAAkB,EAAE,UAAU,EAAE,CAAC;IACjC,UAAU,EAAE,CAAC,eAAe,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACtG,YAAY,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACtE,OAAO,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAC;CACvC;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,qBA0S/C"}

package/lib/esm/components/shared/fileUpload/FileLister.js

@@ -55,6 +55,7 @@ export default function FileLister(props) {
     // To remove attachment
     const onRemoveClick = (localFile, index) => () => {
         props.onFileRemove && props.onFileRemove(index, localFile);
+        props.setfileExceedInfo && props.setfileExceedInfo({ show: false, fileName: [] });
     };
     const getAnalysisStepCount = (localFile) => {
         const diagStatus = getAnalysisStep(localFile);
@@ -105,15 +106,15 @@ export default function FileLister(props) {
                         : `file-${index + 1} text-error`}` },
                     React.createElement("div", { className: "file-name" },
                         React.createElement("label", { htmlFor: `file-${index + 1}-description` },
-                            !isUploadOnTrack(localFile) && (React.createElement("i", { className: "icon-warning pf-u-mr-sm", title: getUploadErrorMessage(localFile, localFile.uploadability), "aria-label": getUploadErrorMessage(localFile, localFile.uploadability) })),
-                            isUploadedAndAnalysisFailed(localFile) && (React.createElement("i", { className: "icon-warning text-danger pf-u-mr-sm", title: getUploadErrorMessage(localFile, localFile.uploadability), "aria-label": getUploadErrorMessage(localFile, localFile.uploadability) })),
-                            isUploadedAndAnalyzed(localFile) && (React.createElement("i", { className: "icon-check-alt text-green pf-u-mr-sm", title: t('File uploaded and analyzed'), "aria-label": t('File uploaded and analyzed') })),
-                            isUploading(localFile.uploadProgress.uploadStatus) && (React.createElement("div", { className: "pf-u-mr-sm pf-u-display-inline-block", style: { height: '20px', width: '20px' } },
+                            !isUploadOnTrack(localFile) && (React.createElement("i", { className: "icon-warning pf-v5-u-mr-sm", title: getUploadErrorMessage(localFile, localFile.uploadability), "aria-label": getUploadErrorMessage(localFile, localFile.uploadability) })),
+                            isUploadedAndAnalysisFailed(localFile) && (React.createElement("i", { className: "icon-warning text-danger pf-v5-u-mr-sm", title: getUploadErrorMessage(localFile, localFile.uploadability), "aria-label": getUploadErrorMessage(localFile, localFile.uploadability) })),
+                            isUploadedAndAnalyzed(localFile) && (React.createElement("i", { className: "icon-check-alt text-green pf-v5-u-mr-sm", title: t('File uploaded and analyzed'), "aria-label": t('File uploaded and analyzed') })),
+                            isUploading(localFile.uploadProgress.uploadStatus) && (React.createElement("div", { className: "pf-v5-u-mr-sm pf-v5-u-display-inline-block", style: { height: '20px', width: '20px' } },
                                 React.createElement(CircularProgressbar, { title: getRadialProgressTitle(localFile), strokeWidth: 13, value: localFile.uploadProgress.percentUploaded }))),
                             React.createElement("span", null, `${localFile.name} (${humanizeSize(localFile.size)})`),
                             !localFile.uploadability.ableToUpload && (React.createElement("span", { className: "file-error" },
                                 React.createElement(Trans, null, "can't be selected."))),
-                            localFile.isPrivate && (React.createElement(Label, { color: "red", className: "pf-u-ml-sm" },
+                            localFile.isPrivate && (React.createElement(Label, { color: "red", className: "pf-v5-u-ml-sm" },
                                 React.createElement(Trans, null, "Private")))),
                         !shouldHideDescription(localFile, props.isSessionId) &&
                             ((_a = localFile === null || localFile === void 0 ? void 0 : localFile.description) === null || _a === void 0 ? void 0 : _a.length) > 1 && (React.createElement("span", { className: "character-counter text-muted" }, 255 - ((_b = localFile.description) === null || _b === void 0 ? void 0 : _b.length))),
@@ -126,8 +127,8 @@ export default function FileLister(props) {
                                 React.createElement(Trans, null, "Cancel"))),
                             showDeleteBtn(localFile.uploadProgress.uploadStatus, localFile) && (React.createElement(Button, { variant: ButtonVariant.link, isDanger: true, "aria-label": t('Delete file'), title: t('Delete file'), className: "btn btn-link btn-app remove-file", "data-tracking-id": "file-lister-delete", onClick: onRemoveClick(localFile, index), hidden: !localFile.uploadability.ableToUpload },
                                 React.createElement(Trans, null, "Remove")))))),
-                    isAnalysingFile(localFile.analysisMetadata.analysisStatus) && (React.createElement(Progress, { measureLocation: ProgressMeasureLocation.top, value: getAnalysisStepCount(localFile), min: 0, max: (analysisSteps === null || analysisSteps === void 0 ? void 0 : analysisSteps.length) + 1, label: getAnalysisProgressTitle(localFile), valueText: getAnalysisProgressTitle(localFile) })),
-                    React.createElement("input", { id: `file-${index + 1}-description`, "data-tracking-id": `case-${props.isSessionId ? 'create' : 'details'}-file-${index + 1}-description`, className: "file-description form-control pf-u-my-sm", type: "text", value: localFile.description, onChange: onDescriptionChange(localFile, index), maxLength: 255, placeholder: t(`${shouldHideDescription(localFile, props.isSessionId)
+                    isAnalysingFile(localFile.analysisMetadata.analysisStatus) && (React.createElement(Progress, { measureLocation: ProgressMeasureLocation.top, value: getAnalysisStepCount(localFile), "aria-label": `Progress - ${getAnalysisProgressTitle(localFile)}`, min: 0, max: (analysisSteps === null || analysisSteps === void 0 ? void 0 : analysisSteps.length) + 1, label: getAnalysisProgressTitle(localFile), valueText: getAnalysisProgressTitle(localFile) })),
+                    React.createElement("input", { id: `file-${index + 1}-description`, "data-tracking-id": `case-${props.isSessionId ? 'create' : 'details'}-file-${index + 1}-description`, className: "file-description form-control pf-v5-u-my-sm", type: "text", value: localFile.description, onChange: onDescriptionChange(localFile, index), maxLength: 255, placeholder: t(`${shouldHideDescription(localFile, props.isSessionId)
                             ? ''
                             : t('Enter a description')}`), hidden: shouldHideDescription(localFile, props.isSessionId) }),
                     isUploadedAndAnalysisSkipped(localFile) &&

package/lib/esm/components/shared/fileUpload/FileUpload.d.ts

@@ -1,10 +1,11 @@
 import { IDClassNameProps } from '@rh-support/types/shared';
+import React from 'react';
 import { IFileUploaderCommonProps } from './types';
 interface IProps extends IDClassNameProps, IFileUploaderCommonProps {
     uploadAnotherBtn?: boolean;
     showDescriptionInfoMsg?: boolean;
 }
-declare function FileUpload(props: IProps): JSX.Element;
+declare function FileUpload(props: IProps): React.JSX.Element;
 declare namespace FileUpload {
     var defaultProps: {};
 }

package/lib/esm/components/shared/fileUpload/FileUpload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/fileUpload/FileUpload.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAO5D,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAInD,UAAU,MAAO,SAAQ,gBAAgB,EAAE,wBAAwB;IAC/D,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,sBAAsB,CAAC,EAAE,OAAO,CAAC;CACpC;AAWD,iBAAS,UAAU,CAAC,KAAK,EAAE,MAAM,eAwChC;kBAxCQ,UAAU;;;AA2CnB,eAAe,UAAU,CAAC"}
+{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/fileUpload/FileUpload.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAInD,UAAU,MAAO,SAAQ,gBAAgB,EAAE,wBAAwB;IAC/D,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,sBAAsB,CAAC,EAAE,OAAO,CAAC;CACpC;AAWD,iBAAS,UAAU,CAAC,KAAK,EAAE,MAAM,qBAwChC;kBAxCQ,UAAU;;;AA2CnB,eAAe,UAAU,CAAC"}

package/lib/esm/components/shared/fileUpload/FileUploader.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { IFileUploaderCommonProps } from './types';
 interface IProps extends IFileUploaderCommonProps {
 }
-declare function FileUploader(props: IProps): JSX.Element;
+declare function FileUploader(props: IProps): React.JSX.Element;
 declare namespace FileUploader {
     var defaultProps: {};
 }

package/lib/esm/components/shared/fileUpload/FileUploader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploader.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/fileUpload/FileUploader.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAGnD,UAAU,MAAO,SAAQ,wBAAwB;CAAG;AAQpD,iBAAS,YAAY,CAAC,KAAK,EAAE,MAAM,eA4ClC;kBA5CQ,YAAY;;;AA8CrB,eAAe,YAAY,CAAC"}
+{"version":3,"file":"FileUploader.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/fileUpload/FileUploader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAYrD,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAGnD,UAAU,MAAO,SAAQ,wBAAwB;CAAG;AAQpD,iBAAS,YAAY,CAAC,KAAK,EAAE,MAAM,qBA4ClC;kBA5CQ,YAAY;;;AA8CrB,eAAe,YAAY,CAAC"}

package/lib/esm/components/shared/fileUpload/SectionFileUploader.d.ts

@@ -1,7 +1,8 @@
 import { IDClassNameProps } from '@rh-support/types/shared';
+import React from 'react';
 import { IFileUploaderCommonProps } from './types';
 interface IProps extends IFileUploaderCommonProps, IDClassNameProps {
 }
-declare function SectionFileUploader(props: IProps): JSX.Element;
+declare function SectionFileUploader(props: IProps): React.JSX.Element;
 export { SectionFileUploader };
 //# sourceMappingURL=SectionFileUploader.d.ts.map

package/lib/esm/components/shared/fileUpload/SectionFileUploader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionFileUploader.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/fileUpload/SectionFileUploader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAQ5D,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAInD,UAAU,MAAO,SAAQ,wBAAwB,EAAE,gBAAgB;CAAG;AAEtE,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,eAiCzC;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"SectionFileUploader.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/fileUpload/SectionFileUploader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAInD,UAAU,MAAO,SAAQ,wBAAwB,EAAE,gBAAgB;CAAG;AAEtE,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAiCzC;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}