@rh-support/troubleshoot 2.7.0 → 2.32.2-prodBackup

package/lib/esm/components/TroubleshootSection/TroubleshootSection.js

@@ -1,4 +1,4 @@
-import { Card, CardBody, CardHeader, CardTitle, Tooltip } from '@patternfly/react-core';
+import { Card, CardBody, CardHeader, Tooltip } from '@patternfly/react-core';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import { ErrorBoundary, LoadingDots } from '@rh-support/components';
 import { PreviousCaseTypes } from '@rh-support/utils';
@@ -37,27 +37,26 @@ function TroubleshootSection(props) {
     return (React.createElement(React.Fragment, null,
         React.createElement("section", null,
             React.createElement("header", null,
-                React.createElement("p", { className: "pf-v5-u-pt-md" },
-                    React.createElement("span", { className: "pf-v5-u-font-family-heading pf-v5-u-pr-xs" }, t('Product')),
+                React.createElement("p", { className: "pf-v6-u-pt-md" },
+                    React.createElement("span", { className: "pf-v6-u-font-family-heading pf-v6-u-pr-xs" }, t('Product')),
                     " ",
                     product),
                 React.createElement("p", null,
-                    React.createElement("span", { className: "pf-v5-u-font-family-heading pf-v5-u-pr-xs" }, t('Version')),
+                    React.createElement("span", { className: "pf-v6-u-font-family-heading pf-v6-u-pr-xs" }, t('Version')),
                     version)),
             !isCreatingCase && (React.createElement(OpenShiftClusterId, { className: "push-bottom", "data-tracking-id": "troubleshoot-section-openshift-cluster-id" })),
             React.createElement(LoadingDots, { show: topContent.isFetching }),
-            topContent.data.length === 0 && (React.createElement(Card, { id: "card", className: "card-support top-recommendations pf-v5-u-mb-md", isCompact: true },
-                React.createElement(CardHeader, { "aria-label": t('Red Hat hand picked support articles'), className: "popular-solutions" },
-                    React.createElement(CardTitle, { id: "card-title", className: "card-title" },
-                        React.createElement(Trans, { i18nKey: 'i18nKeyPopularSolutions' }, "Red Hat hand picked support articles"),
-                        React.createElement(Tooltip, { content: React.createElement("div", null,
-                                React.createElement(Trans, null, "Support articles are matched to the product and version details you selected, not the problem details you entered.")) },
-                            React.createElement(InfoCircleIcon, { className: "pf-v5-u-ml-sm", "aria-label": "More info about how support articles are matched" })))),
-                React.createElement(CardBody, { "aria-label": t('No recommendations for this product'), className: "file-recs-no-recommendation pf-v5-u-mt-md" },
+            topContent.data.length === 0 && (React.createElement(Card, { id: "card", className: "pf-v6-u-mb-md" },
+                React.createElement(CardHeader, { id: "card-title" },
+                    React.createElement(Trans, { i18nKey: 'i18nKeyPopularSolutions' }, "Red Hat hand picked support articles"),
+                    React.createElement(Tooltip, { content: React.createElement("div", null,
+                            React.createElement(Trans, null, "Support articles are matched to the product and version details you selected, not the problem details you entered.")) },
+                        React.createElement(InfoCircleIcon, { className: "pf-v6-u-ml-sm", "aria-label": "More info about how support articles are matched" }))),
+                React.createElement(CardBody, { "aria-label": t('No recommendations for this product'), className: "file-recs-no-recommendation pf-v6-u-mt-md" },
                     React.createElement(Trans, null, "No recommendations for this product")))),
             React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading suggestions') } }, canShowTopContent && !isEmpty(version) && React.createElement(Suggestions, null)),
-            !isCreatingCase && React.createElement(ClusterRecommendations, { className: "pf-v5-u-mt-lg" })),
-        React.createElement("section", { className: "pf-v5-u-mt-lg" }, isNotAnIdea && (React.createElement(InsightsResults, { isDisplayOnMain: true, "data-tracking-id": "troubleshoot-section-file-recs" })))));
+            !isCreatingCase && React.createElement(ClusterRecommendations, { className: "pf-v6-u-mt-lg" })),
+        React.createElement("section", { className: "pf-v6-u-mt-lg" }, isNotAnIdea && (React.createElement(InsightsResults, { isDisplayOnMain: true, "data-tracking-id": "troubleshoot-section-file-recs" })))));
 }
 TroubleshootSection.defaultProps = defaultProps;
 export default TroubleshootSection;

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

@@ -1 +1 @@
-{"version":3,"file":"UpdateSeverityModal.d.ts","sourceRoot":"","sources":["../../../../src/components/UpdateSeverityModal/UpdateSeverityModal.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAAmE,MAAM,OAAO,CAAC;AAgBxF,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAqlBxD"}
+{"version":3,"file":"UpdateSeverityModal.d.ts","sourceRoot":"","sources":["../../../../src/components/UpdateSeverityModal/UpdateSeverityModal.tsx"],"names":[],"mappings":"AAmCA,OAAO,KAAmE,MAAM,OAAO,CAAC;AAgBxF,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAqlBxD"}

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

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { publicApi } from '@cee-eng/hydrajs';
-import { Button, Dropdown, DropdownItem, DropdownList, Flex, FlexItem, MenuToggle, Modal, Spinner, TextArea, } from '@patternfly/react-core';
+import { Button, Dropdown, DropdownItem, DropdownList, Flex, FlexItem, MenuToggle, Modal, ModalBody, ModalFooter, ModalHeader, Spinner, TextArea, } from '@patternfly/react-core';
 import { ToastNotification, useFetch } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
 import { autoEnableFtsOnCaseViewEditPage, isFtsEditableOnEditPage, isSev1, PreviousCaseTypes, severitySort, showFtsOnCreateCasePage, } from '@rh-support/utils';
@@ -298,13 +298,6 @@ export default function UpdateSeverityModal(props) {
     };
     // To disable submit button wrt above conditions
     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: !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 = (event, option) => {
         if (canEditCase.alert())
@@ -378,7 +371,7 @@ export default function UpdateSeverityModal(props) {
     const modalBody = () => {
         return (React.createElement(React.Fragment, null,
             React.createElement("form", { "aria-label": t('form') },
-                React.createElement("div", { className: "form-group pf-v5-u-mt-xs" },
+                React.createElement("div", { className: "form-group pf-v6-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 ||
@@ -393,30 +386,41 @@ export default function UpdateSeverityModal(props) {
                                 ? 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-v5-u-mt-md" },
+                        React.createElement("label", { htmlFor: "date-input", className: "pf-v6-u-mt-md" },
                             React.createElement(Trans, null, "Describe update"),
                             React.createElement("span", { className: "form-required", "aria-hidden": "true" }, "*")),
                         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("div", { className: "pf-v6-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" },
+                    !isIdea && isFtsEditable && (React.createElement("div", { className: "pf-v6-u-mt-md pf-v6-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("label", { htmlFor: "update-severity-24-7-contact", className: "pf-v6-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("label", { htmlFor: "update-severity-same-as-case-owner-phone", className: "pf-v6-u-font-weight-normal pf-v6-u-font-size-md" },
                                     React.createElement(Trans, null, "Same as case owner's phone number"))),
                             React.createElement(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("p", { className: "pf-v6-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' }, tabIndex: 0 }, modalBody()));
+    return (React.createElement(Modal, { isOpen: show, onClose: onCancel, style: { overflow: 'visible' }, tabIndex: 0 },
+        React.createElement(ModalHeader, null,
+            React.createElement("h2", null,
+                React.createElement(Trans, null, "Update severity"))),
+        React.createElement(ModalBody, { className: "pf-v6-u-mt-0" },
+            React.createElement("p", { className: "pf-v6-u-text-color-subtle pf-v6-u-font-size-sm pf-v6-u-mb-md" }, t('Describing your update helps us better assist you.')),
+            modalBody()),
+        React.createElement(ModalFooter, null,
+            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')))));
 }

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-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 },
+    return (React.createElement("div", { className: `pf-v6-c-alert ea-rule-alert${props.isInline ? ' pf-m-inline' : ''}`, role: "alert" },
+        React.createElement("span", { className: "pf-v6-c-alert__icon icon-info-circle", "aria-hidden": true }),
+        React.createElement("h3", { className: "pf-v6-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-v6-c-alert__description", dangerouslySetInnerHTML: { __html: DOMPurify.sanitize(parseMarkdown(props.description)) } }),
+        props.onHide && (React.createElement("div", { className: "pf-v6-c-alert__action" },
+            React.createElement("button", { className: "pf-v6-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.js

@@ -106,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-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' } },
+                            !isUploadOnTrack(localFile) && (React.createElement("i", { className: "icon-warning pf-v6-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-v6-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-v6-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-v6-u-mr-sm pf-v6-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-v5-u-ml-sm" },
+                            localFile.isPrivate && (React.createElement(Label, { color: "red", className: "pf-v6-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))),
@@ -128,7 +128,7 @@ export default function FileLister(props) {
                             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), "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)
+                    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-v6-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/WidgetFileUploader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetFileUploader.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/fileUpload/WidgetFileUploader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAA0C,MAAM,OAAO,CAAC;AA0B/D,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAInD,UAAU,MAAO,SAAQ,wBAAwB,EAAE,gBAAgB;IAC/D,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAYD,iBAAS,kBAAkB,CAAC,KAAK,EAAE,MAAM,qBA8OxC;kBA9OQ,kBAAkB;;;AAkP3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"WidgetFileUploader.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/fileUpload/WidgetFileUploader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAA0C,MAAM,OAAO,CAAC;AA0B/D,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAInD,UAAU,MAAO,SAAQ,wBAAwB,EAAE,gBAAgB;IAC/D,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAYD,iBAAS,kBAAkB,CAAC,KAAK,EAAE,MAAM,qBAgPxC;kBAhPQ,kBAAkB;;;AAoP3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

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

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Alert, Button } from '@patternfly/react-core';
+import { Alert, Button, Card, CardBody, CardHeader } from '@patternfly/react-core';
 import { ToastNotification } from '@rh-support/components';
 import { getText } from '@rh-support/utils';
 import React, { useContext, useEffect, useState } from 'react';
@@ -146,16 +146,17 @@ function WidgetFileUploader(props) {
             }
         }
     });
-    return (React.createElement("div", { className: `card card-white card-support file-diag ${props.className || ''}`, onPaste: handlePaste },
-        React.createElement("h2", { className: "card-heading card-widget-file-upload-heading card-header-bg" }, props.isIdea || props.isSecureSupport ? (React.createElement(Trans, null, "File uploader")) : (React.createElement(Trans, null, "Upload a file for Red Hat to analyze"))),
-        React.createElement("div", { className: "card-body" },
+    return (React.createElement(Card, { id: "file-uploader-card", className: "file-diag", onPaste: handlePaste },
+        React.createElement(CardHeader, { "aria-label": t('File uploader') },
+            React.createElement("h3", { id: "file-uploader-title" }, props.isIdea || props.isSecureSupport ? (React.createElement(Trans, null, "File uploader")) : (React.createElement(Trans, null, "Upload a file for Red Hat to analyze")))),
+        React.createElement(CardBody, { "aria-label": t('File upload area'), className: "file-upload-body" },
             React.createElement(WidgetFileSelector, { isSessionId: props.isSessionId, isPrivate: props.isPrivate, isIdea: props.isIdea, showFileExceed: fileExceedInfo }),
-            !hasSomeSelectedFiles(selectedLocalFiles) ? ((!props.isIdea && props.helperText) || (React.createElement("p", { className: "pf-v5-u-mt-sm" },
+            !hasSomeSelectedFiles(selectedLocalFiles) ? ((!props.isIdea && props.helperText) || (React.createElement("p", { className: "pf-v6-u-mt-md" },
                 !props.isIdea ? (React.createElement(React.Fragment, null,
                     React.createElement(Trans, null, "To help us provide the right guidance, upload a sosreport."),
                     React.createElement("br", null),
                     React.createElement("a", { href: "/solutions/3592", target: "_blank" },
-                        React.createElement(Trans, null, "How to create sosreport?")))) : (React.createElement("span", { className: "pf-v5-u-font-family-redhatVF-heading-sans-serif pf-v5-u-color-300" },
+                        React.createElement(Trans, null, "How to create sosreport?")))) : (React.createElement("span", { className: "pf-v6-u-font-family-redhatVF-heading-sans-serif pf-v6-u-color-300" },
                     React.createElement(Trans, null, "Allowed file types: png, gif, jpg, jpeg."))),
                 ' '))) : (React.createElement(React.Fragment, null,
                 unallowedLocalFileExists && (React.createElement(Alert, { variant: "danger", title: t('File type is not allowed on this support type. Please remove file to proceed.') })),

package/lib/esm/components/shared/fileUpload/common/FileUploaderInfoIcon.js

@@ -14,5 +14,5 @@ export function FileUploaderInfoIcon() {
                 React.createElement("b", null, ".txt,.png,.jpg,.jpeg,.gif,.tar,.pdf")),
             React.createElement("p", null,
                 React.createElement(Trans, null, "Learn about how analyzing files can save you time by providing targeted solutions for your system"))) },
-        React.createElement(InfoCircleIcon, { className: "pf-v5-u-ml-auto" })));
+        React.createElement(InfoCircleIcon, { className: "pf-v6-u-ml-auto" })));
 }

package/lib/esm/components/shared/fileUpload/css/fileSelector.css

@@ -69,9 +69,11 @@ i.web-icon-check {
     width: 100%;
     padding: 1rem;
     border: 1px dashed #06c;
+    border-radius: 6px !important;
     color: #06c;
     font-size: 14px;
     text-align: center;
+    margin-bottom: 0;
 }
 
 .file-diag .file-diag-dragndrop:hover,

package/lib/esm/components/shared/fileUpload/fileSelectors/FileSelectorButton.js

@@ -26,6 +26,6 @@ function FileSelectorButton(_a) {
         React.createElement("label", { className: "sr-only", htmlFor: "upload-btn" },
             React.createElement(Trans, null, "Upload new file")),
         React.createElement("input", Object.assign({ value: "", style: { display: 'none !important' }, id: `${id !== null && id !== void 0 ? id : 'upload-btn'}` }, getInputProps())),
-        React.createElement("button", Object.assign({}, btnProps, { type: "button", className: `pf-v5-c-button ${className}`, "data-tracking-id": "upload-a-file", disabled: isDisabled }), buttonLabel)));
+        React.createElement("button", Object.assign({}, btnProps, { type: "button", className: `pf-v6-c-button ${className}`, "data-tracking-id": "upload-a-file", disabled: isDisabled }), buttonLabel)));
 }
 export default FileSelectorButton;

package/lib/esm/components/shared/fileUpload/fileSelectors/WidgetFileSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetFileSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/fileUpload/fileSelectors/WidgetFileSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAS1C,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAC9D,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE;QACb,IAAI,EAAE,OAAO,CAAC;QACd,QAAQ,EAAE,MAAM,EAAE,CAAC;KACtB,CAAC;CACL;AAED,iBAAS,kBAAkB,CAAC,EACxB,EAAO,EACP,SAAc,EACd,WAAW,EACX,SAAiB,EACjB,MAAc,EACd,cAA8C,GACjD,EAAE,wBAAwB,qBAuF1B;AAED,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"WidgetFileSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/fileUpload/fileSelectors/WidgetFileSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAQ5D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAS1C,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAC9D,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE;QACb,IAAI,EAAE,OAAO,CAAC;QACd,QAAQ,EAAE,MAAM,EAAE,CAAC;KACtB,CAAC;CACL;AAED,iBAAS,kBAAkB,CAAC,EACxB,EAAO,EACP,SAAc,EACd,WAAW,EACX,SAAiB,EACjB,MAAc,EACd,cAA8C,GACjD,EAAE,wBAAwB,qBAuF1B;AAED,eAAe,kBAAkB,CAAC"}

package/lib/esm/components/shared/fileUpload/fileSelectors/WidgetFileSelector.js

@@ -1,4 +1,4 @@
-import { dtmTrackEventUploadFileToAnalyze, humanizeSize } from '@rh-support/utils';
+import { dtmTrackEventUploadFileToAnalyze, humanizeSize, PreviousToNewCaseTypeMap, } from '@rh-support/utils';
 import isEqual from 'lodash/isEqual';
 import React, { useContext } from 'react';
 import { useDropzone } from 'react-dropzone';
@@ -31,15 +31,15 @@ function WidgetFileSelector({ id = '', className = '', isSessionId, isPrivate =
         // so that user can attach the same file twice
         inputRef.current.value = null;
         // Call a dtm track even whenever the file uploader is clicked
-        dtmTrackEventUploadFileToAnalyze(isCaseCreate, activeStepName, caseDetails.caseType, caseDetails.summary, caseDetails.product, caseDetails.version);
+        dtmTrackEventUploadFileToAnalyze(isCaseCreate, activeStepName, PreviousToNewCaseTypeMap[caseDetails.caseType], caseDetails.summary, caseDetails.product, caseDetails.version);
     };
     return (React.createElement(React.Fragment, null,
         React.createElement("label", Object.assign({ className: "file-diag-dragndrop", htmlFor: "file-diag-selector" }, getRootProps({ onClick: onLabelClick }), { "data-tracking-id": "file-selector-widget-main" }),
             React.createElement("input", Object.assign({ id: "file-diag-selector" }, getInputProps())),
             isDragActive ? t(`Drop your file here...`) : React.createElement(Trans, null, "Drag and drop, or browse to upload a file"),
-            isIdea && (React.createElement("div", { className: "pf-v5-u-text-align-center pf-v5-u-color-300 pf-v5-u-font-weight-normal" },
+            isIdea && (React.createElement("div", { className: "pf-v6-u-text-align-center pf-v6-u-color-300 pf-v6-u-font-weight-normal" },
                 React.createElement(Trans, null, "Files must be less than 5 MB.")))),
-        isIdea && (React.createElement("p", { className: "pf-v5-u-danger-color-200" },
+        isIdea && (React.createElement("p", { className: "pf-v6-u-danger-color-200" },
             rejectedFiles.map((rejectedFile) => {
                 const isImage = /image\/(png|gif|jpe?g)/.test(rejectedFile.type);
                 return !isImage ? (React.createElement("div", null,

package/lib/esm/components/shared/fileUpload/fileSelectors/WidgetFileSelectorImage.js

@@ -27,10 +27,10 @@ function WidgetFileSelectorImage({ id = '', className = '', isSessionId, isPriva
         React.createElement("label", Object.assign({ className: "file-diag-dragndrop", htmlFor: "file-diag-selector" }, getRootProps({ onClick: onLabelClick }), { "data-tracking-id": "file-selector-widget-main" }),
             React.createElement("input", Object.assign({ id: "file-diag-selector" }, getInputProps())),
             isDragActive ? t(`Drop your file here...`) : React.createElement(Trans, null, "Drag and drop, or browse to upload a file"),
-            React.createElement("div", { className: "pf-v5-u-text-align-center pf-v5-u-color-300 pf-v5-u-font-weight-normal" },
+            React.createElement("div", { className: "pf-v6-u-text-align-center pf-v6-u-color-300 pf-v6-u-font-weight-normal" },
                 React.createElement(Trans, null, "Files must be less than 5 MB."))),
         ' ',
-        React.createElement("p", { className: "pf-v5-u-danger-color-200" }, rejectedFiles.map((rejectedFile) => {
+        React.createElement("p", { className: "pf-v6-u-danger-color-200" }, rejectedFiles.map((rejectedFile) => {
             const isImage = /image\/(png|gif|jpe?g)/.test(rejectedFile.type);
             return !isImage ? (React.createElement("div", null,
                 rejectedFile.name,

package/lib/esm/components/shared/input/ContactSelectorInternal.d.ts

@@ -1,7 +1,6 @@
 import { IContact } from '@cee-eng/hydrajs/@types/models/contact';
 import { IContactListParams } from '@cee-eng/hydrajs/@types/models/contacts/contact';
 import React from 'react';
-import { TypeaheadBsSizes } from 'react-bootstrap-typeahead';
 export interface IProps {
     onSelect: (contacts: IContact[]) => any;
     placeholder?: string;
@@ -9,9 +8,10 @@ export interface IProps {
     disabled?: boolean;
     selectedContacts?: IContact[];
     contactsToExclude?: IContact[];
+    disableContactRemoval?: IContact[];
     className?: string;
     id: string;
-    typeAheadSize?: TypeaheadBsSizes;
+    typeAheadSize?: 'sm' | 'md' | 'lg';
     showSelectedContacts?: boolean;
     clearButton?: boolean;
     multiple?: boolean;
@@ -28,10 +28,14 @@ export interface IState {
     options: IContact[];
     selectedContacts?: IContact[];
     isLoading: boolean;
+    isOpen: boolean;
+    searchValue: string;
+    focusedItemIndex: number | null;
 }
 export declare class ContactSelectorInternal extends React.Component<IProps, IState> {
-    typeahead: any;
     controller: AbortController;
+    searchTimeout: NodeJS.Timeout | null;
+    inputRef: React.RefObject<HTMLInputElement>;
     static defaultProps: Partial<IProps>;
     constructor(props: IProps);
     getSelectedLabel: (contact: IContact) => string;
@@ -39,9 +43,15 @@ export declare class ContactSelectorInternal extends React.Component<IProps, ISt
     isValidContactForQuery: (c: IContact) => boolean;
     componentDidUpdate(prevProps: IProps): void;
     onChange: (contacts: IContact[]) => Promise<void>;
-    onFocus: (event: Event) => void;
-    handleSearch: (query: string | number) => Promise<void>;
-    renderMenuItemChildren: (option: IContact, p: any) => React.JSX.Element;
+    handleSearch: (query: string) => Promise<void>;
+    handleInputChange: (value: string) => void;
+    handleSelect: (event: any, selection: any) => void;
+    handleRemoveContact: (contactToRemove: IContact) => void;
+    handleKeyDown: (event: React.KeyboardEvent) => void;
+    handleFocus: () => void;
+    handleBlur: () => void;
+    handleClear: () => void;
+    onToggle: () => void;
     render(): React.JSX.Element;
 }
 //# sourceMappingURL=ContactSelectorInternal.d.ts.map

package/lib/esm/components/shared/input/ContactSelectorInternal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContactSelectorInternal.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/input/ContactSelectorInternal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AAMrF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA+B,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE1F,MAAM,WAAW,MAAM;IACnB,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,kBAAkB,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC9B,iBAAiB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,MAAM,KAAA,EAAE,KAAK,KAAA,EAAE,GAAG,KAAA,KAAK,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CAClE;AAED,MAAM,WAAW,MAAM;IACnB,OAAO,EAAE,QAAQ,EAAE,CAAC;IACpB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC9B,SAAS,EAAE,OAAO,CAAC;CACtB;AAGD,qBAAa,uBAAwB,SAAQ,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;IACxE,SAAS,EAAE,GAAG,CAAC;IACf,UAAU,EAAE,eAAe,CAAC;IAE5B,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,MAAM,CAAC,CAalC;gBAEU,KAAK,EAAE,MAAM;IAUzB,gBAAgB,YAAa,QAAQ,KAAG,MAAM,CAS5C;IAEF,mBAAmB,aAAc,QAAQ,EAAE,KAAG,QAAQ,EAAE,CAGtD;IAEF,sBAAsB,MAAO,QAAQ,KAAG,OAAO,CAE7C;IAEF,kBAAkB,CAAC,SAAS,EAAE,MAAM;IAoBpC,QAAQ,aAAoB,QAAQ,EAAE,mBAKpC;IAEF,OAAO,UAAW,KAAK,UAIrB;IAEF,YAAY,UAAiB,MAAM,GAAG,MAAM,mBA0C1C;IACF,sBAAsB,WAAY,QAAQ,+BAIxC;IAEF,MAAM;CAgCT"}
+{"version":3,"file":"ContactSelectorInternal.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/input/ContactSelectorInternal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AAsBrF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,MAAM;IACnB,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,kBAAkB,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC9B,iBAAiB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC/B,qBAAqB,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,aAAa,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACnC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,MAAM,KAAA,EAAE,KAAK,KAAA,EAAE,GAAG,KAAA,KAAK,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CAClE;AAED,MAAM,WAAW,MAAM;IACnB,OAAO,EAAE,QAAQ,EAAE,CAAC;IACpB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;CACnC;AAED,qBAAa,uBAAwB,SAAQ,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;IACxE,UAAU,EAAE,eAAe,CAAC;IAC5B,aAAa,EAAE,MAAM,CAAC,OAAO,GAAG,IAAI,CAAQ;IAC5C,QAAQ,oCAAuC;IAE/C,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,MAAM,CAAC,CAalC;gBAEU,KAAK,EAAE,MAAM;IAYzB,gBAAgB,YAAa,QAAQ,KAAG,MAAM,CAS5C;IAEF,mBAAmB,aAAc,QAAQ,EAAE,KAAG,QAAQ,EAAE,CAGtD;IAEF,sBAAsB,MAAO,QAAQ,KAAG,OAAO,CAE7C;IAEF,kBAAkB,CAAC,SAAS,EAAE,MAAM;IAmBpC,QAAQ,aAAoB,QAAQ,EAAE,mBAKpC;IAEF,YAAY,UAAiB,MAAM,mBA0CjC;IAEF,iBAAiB,UAAW,MAAM,UAiBhC;IAEF,YAAY,UAAW,GAAG,aAAa,GAAG,UAkBxC;IAEF,mBAAmB,oBAAqB,QAAQ,UAI9C;IAEF,aAAa,UAAW,KAAK,CAAC,aAAa,UAkCzC;IAEF,WAAW,aAIT;IAEF,UAAU,aAKR;IAEF,WAAW,aAGT;IAEF,QAAQ,aAEN;IAEF,MAAM;CA6GT"}