@rh-support/troubleshoot 2.2.39 → 2.2.42

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.js

@@ -105,15 +105,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))),
@@ -127,7 +127,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), 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)
+                    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/WidgetFileUploader.js

@@ -150,12 +150,12 @@ function WidgetFileUploader(props) {
         React.createElement("h3", { className: "card-heading" }, props.isIdea || props.isSecureSupport ? (React.createElement(Trans, null, "File uploader")) : (React.createElement(Trans, null, "Upload file to analyze"))),
         React.createElement("div", { className: "card-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-u-mt-sm" },
+            !hasSomeSelectedFiles(selectedLocalFiles) ? ((!props.isIdea && props.helperText) || (React.createElement("p", { className: "pf-v5-u-mt-sm" },
                 !props.isIdea ? (React.createElement(Trans, { i18nKey: "i18nUploadSosReport" },
                     "Upload a",
                     ' ',
                     React.createElement("a", { href: "/solutions/3592", target: "_blank" }, "sosreport"),
-                    "to help us provide the best solutions for your system.")) : (React.createElement("span", { className: "pf-u-font-family-redhatVF-heading-sans-serif pf-u-color-300" },
+                    "to help us provide the best solutions for your system.")) : (React.createElement("span", { className: "pf-v5-u-font-family-redhatVF-heading-sans-serif pf-v5-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: "File type is not allowed on this case 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-u-ml-auto" })));
+        React.createElement(InfoCircleIcon, { className: "pf-v5-u-ml-auto" })));
 }

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

@@ -126,7 +126,7 @@ i.web-icon-check {
 .file-diag .file-diag-list.text-error,
 .file-diag-list .remove-file {
     margin-top: 0;
-    color: var(--pf-global--danger-color--100);
+    color: var(--pf-v5-global--danger-color--100);
 }
 
 .file-diag .file-diag-list .remove-file {

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

@@ -1 +1 @@
-{"version":3,"file":"FileSelectorButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/fileUpload/fileSelectors/FileSelectorButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,UAAU,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC;IACvD,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,iBAAS,kBAAkB,CAAC,EACxB,WAAW,EACX,EAAO,EACP,SAA4B,EAC5B,WAA6B,EAC7B,SAAiB,EACjB,GAAG,QAAQ,EACd,EAAE,MAAM,eAkBR;AAED,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"FileSelectorButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/fileUpload/fileSelectors/FileSelectorButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,UAAU,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC;IACvD,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,iBAAS,kBAAkB,CAAC,EACxB,WAAW,EACX,EAAO,EACP,SAA4B,EAC5B,WAA6B,EAC7B,SAAiB,EACjB,GAAG,QAAQ,EACd,EAAE,MAAM,eAuBR;AAED,eAAe,kBAAkB,CAAC"}

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

@@ -25,6 +25,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-c-button ${className}`, "data-tracking-id": "upload-a-file" }), buttonLabel)));
+        React.createElement("button", Object.assign({}, btnProps, { type: "button", className: `pf-v5-c-button ${className}`, "data-tracking-id": "upload-a-file" }), buttonLabel)));
 }
 export default FileSelectorButton;

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

@@ -28,9 +28,9 @@ function WidgetFileSelector({ id = '', className = '', isSessionId, isPrivate =
         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, paste, or browse to upload a file")),
-            isIdea && (React.createElement("div", { className: "pf-u-text-align-center pf-u-color-300 pf-u-font-weight-normal" },
+            isIdea && (React.createElement("div", { className: "pf-v5-u-text-align-center pf-v5-u-color-300 pf-v5-u-font-weight-normal" },
                 React.createElement(Trans, null, "Files must be less than 5 MB.")))),
-        isIdea && (React.createElement("p", { className: "pf-u-danger-color-200" },
+        isIdea && (React.createElement("p", { className: "pf-v5-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, paste, or browse to upload a file")),
-            React.createElement("div", { className: "pf-u-text-align-center pf-u-color-300 pf-u-font-weight-normal" },
+            React.createElement("div", { className: "pf-v5-u-text-align-center pf-v5-u-color-300 pf-v5-u-font-weight-normal" },
                 React.createElement(Trans, null, "Files must be less than 5 MB."))),
         ' ',
-        React.createElement("p", { className: "pf-u-danger-color-200" }, rejectedFiles.map((rejectedFile) => {
+        React.createElement("p", { className: "pf-v5-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/wizardLayout/MainSection.js

@@ -8,7 +8,7 @@ const MainSection = (props) => {
         React.createElement("section", { id: `${props.section}`, tabIndex: -1, "aria-labelledby": `${props.section}-heading`, "aria-describedby": `${props.section}-description`, className: `${props.className ? props.className : ''}` },
             React.createElement(LoadingIndicator, { show: props.isLoading, size: "lg" }),
             !props.isLoading && (React.createElement(React.Fragment, null,
-                React.createElement("header", { className: "pf-u-display-none-on-sm" },
+                React.createElement("header", { className: "pf-v5-u-display-none-on-sm" },
                     props.title && React.createElement("h2", { id: `${props.section}-heading` }, props.title),
                     props.description && (React.createElement("p", { id: `${props.section}-description`, className: `${props.descriptionClassName ? props.descriptionClassName : ''}` }, props.description))),
                 props.children)))));

package/lib/esm/components/wizardLayout/WizardAside.js

@@ -36,7 +36,7 @@ function WizardAside(props) {
             canShowFileRecommendationSectionsWidget && React.createElement(InsightsResults, { isDisplayOnMain: true }),
             React.createElement(ClusterRecommendations, { showClusterRecommendationsList: canShowClusterIdReportWidget }),
             canUseSessionManagement && !isCreatingCase && React.createElement(SessionRestore, { routeProps: props.routeProps }),
-            canShowFileUploadWidget() && React.createElement(FileDiag, { className: "pf-u-mt-md" }))));
+            canShowFileUploadWidget() && React.createElement(FileDiag, { className: "pf-v5-u-mt-md" }))));
 }
 WizardAside.defaultProps = defaultProps;
 export default WizardAside;

package/lib/esm/components/wizardLayout/WizardMain.js

@@ -1,4 +1,4 @@
-import { Wizard, WizardContextConsumer, WizardFooter } from '@patternfly/react-core';
+import { Wizard, WizardContextConsumer, WizardFooter } from '@patternfly/react-core/deprecated';
 import { LoadingIndicator } from '@rh-support/components';
 import isEqual from 'lodash/isEqual';
 import React, { Suspense, useContext, useState } from 'react';

package/lib/esm/components/wizardLayout/WizardNavigation.js

@@ -112,7 +112,7 @@ function WizardNavigation(props) {
                 noValidEntitlement, onClick: onNext, className: "btn btn-app btn-primary main-nav-button", "data-tracking-id": `next-of-${activeSection}` }, t(props.activeStep.nextButtonLabel)),
         activeSection === AppRouteSections.TROUBLESHOOT && isFileRecommendationsTriggered && (React.createElement(Button, { onClick: handleFileRecsSelfSolved, variant: ButtonVariant.secondary, className: "issue-solved-button solved-issue-button", "data-tracking-id": "troubleshoot-self-solved-issue" }, t('I solved my issue'))),
         React.createElement(RecommendationFeedbackModal, { isModalOpen: isRecsModalVisible, handleModalToggle: onRecsFeedbackModalToggle, modalContent: t(`Great, we're glad that resolved your issue`) }),
-        activeSectionError ? (React.createElement("small", { className: "pf-u-align-self-center pf-u-ml-md text-red" }, activeSectionError)) : null));
+        activeSectionError ? (React.createElement("small", { className: "pf-v5-u-align-self-center pf-v5-u-ml-md text-red" }, activeSectionError)) : null));
 }
 WizardNavigation.defaultProps = defaultProps;
 export default WizardNavigation;

package/lib/esm/css/app.css

@@ -94,8 +94,8 @@ form textarea {
     resize: vertical !important;
 }
 
-.pf-c-form-control.pf-m-warning {
-    border-bottom-color: var(--pf-c-form-control--m-warning--BorderBottomColor);
+.pf-v5-c-form-control.pf-m-warning {
+    border-bottom-color: var(--pf-v5-c-form-control--m-warning--BorderBottomColor);
     border-bottom-width: 2px;
 }
 
@@ -287,17 +287,17 @@ input[type='checkbox'] {
     margin-left: 5px;
 }
 
-.pf-tippy-theme.tippy-tooltip .pf-c-popover {
+.pf-tippy-theme.tippy-tooltip .pf-v5-c-popover {
     background-color: #fff;
     -webkit-box-shadow: rgba(3, 3, 3, 0.05) 0px 1px 1px 0px, rgba(3, 3, 3, 0.06) 0px 4px 8px 4px;
     box-shadow: rgba(3, 3, 3, 0.05) 0px 1px 1px 0px, rgba(3, 3, 3, 0.06) 0px 4px 8px 4px;
 }
 
-.pf-c-popover .pf-c-popover__body > * {
+.pf-v5-c-popover .pf-v5-c-popover__body > * {
     margin-bottom: 0;
 }
 
-.pf-c-popover .pf-c-button {
+.pf-v5-c-popover .pf-v5-c-button {
     position: absolute;
     top: 8px;
     right: 2px;
@@ -317,14 +317,14 @@ input[type='checkbox'] {
     pointer-events: initial !important;
 }
 
-.pf-tippy-theme.tippy-tooltip .pf-c-popover .pf-c-popover__content {
+.pf-tippy-theme.tippy-tooltip .pf-v5-c-popover .pf-v5-c-popover__content {
     position: relative;
     background-color: #fff;
     padding: 1.5rem;
     font-size: 16px;
 }
 
-.pf-tippy-theme.tippy-tooltip .pf-c-popover .pf-c-popover__arrow {
+.pf-tippy-theme.tippy-tooltip .pf-v5-c-popover .pf-v5-c-popover__arrow {
     position: absolute;
     width: 25px;
     height: 25px;

package/lib/esm/css/case.css

@@ -26,7 +26,7 @@ pfe-collapse-toggle[aria-expanded='true'] h3:after {
 }
 
 button,
-.pf-c-button,
+.pf-v5-c-button,
 .btn.btn-app {
     font-size: 14px;
 }
@@ -297,11 +297,11 @@ button,
     outline: none;
 }
 
-button.pf-c-button.pf-m-secondary {
+button.pf-v5-c-button.pf-m-secondary {
     background-color: #fff;
 }
 
-input[aria-invalid='true'].pf-c-form-control {
+input[aria-invalid='true'].pf-v5-c-form-control {
     border-bottom-width: 2px !important;
 }
 

package/lib/esm/hooks/useWizard.js

@@ -44,7 +44,7 @@ export function useWizard(routeProps) {
         const title = isLoading
             ? t('Please wait while recommendations are loading')
             : t('Please address the errors to proceed');
-        return (React.createElement(AlertMessage, { show: isNextBtnClickedToShowValidationError && !isActiveSectionValid, variant: (isLoadingRecommendations && summary) || topContent.isFetching ? AlertType.INFO : AlertType.DANGER, isInline: true, title: title, className: "pf-u-mb-lg", "data-tracking-id": isLoading ? 'wait-recommendations-loading' : 'proceed-address-errors' }));
+        return (React.createElement(AlertMessage, { show: isNextBtnClickedToShowValidationError && !isActiveSectionValid, variant: (isLoadingRecommendations && summary) || topContent.isFetching ? AlertType.INFO : AlertType.DANGER, isInline: true, title: title, className: "pf-v5-u-mb-lg", "data-tracking-id": isLoading ? 'wait-recommendations-loading' : 'proceed-address-errors' }));
     };
     // components that are used in wizard steps
     const appRouteConfugurations = {

package/lib/esm/reducers/RouteConstNTypes.d.ts

@@ -1,4 +1,4 @@
-import { WizardStep } from '@patternfly/react-core';
+import { WizardStep } from '@patternfly/react-core/deprecated';
 export interface IRouteQueryParams {
     product?: string;
     version?: string;

package/lib/esm/reducers/RouteConstNTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RouteConstNTypes.d.ts","sourceRoot":"","sources":["../../../src/reducers/RouteConstNTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,MAAM,WAAW,iBAAiB;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAIrB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAsB,SAAQ,UAAU;IACrD,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IAGjB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,sBAAsB;IACnC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAC;CACjD;AAED,MAAM,WAAW,eAAe;CAAG;AACnC,oBAAY,gBAAgB;IACxB,WAAW,gBAAgB;IAC3B,SAAS,cAAc;IACvB,YAAY,iBAAiB;IAC7B,aAAa,kBAAkB;IAC/B,aAAa,kBAAkB;IAC/B,UAAU,eAAe;IACzB,MAAM,WAAW;IACjB,WAAW,gBAAgB;IAC3B,KAAK,UAAU;CAClB;AAKD,eAAO,MAAM,4BAA4B,EAAE,gBAAgB,EAI1D,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,gBAAgB,EAK9D,CAAC;AAEF,eAAO,MAAM,iCAAiC,oBAQ7C,CAAC;AAEF,eAAO,MAAM,gCAAgC,oBAQ5C,CAAC;AAEF,eAAO,MAAM,4BAA4B,oBAQxC,CAAC;AAGF,eAAO,MAAM,0BAA0B,oBAAiC,CAAC;AAEzE,eAAO,MAAM,mCAAmC,oBAI/C,CAAC;AAEF,eAAO,MAAM,kCAAkC,oBAO9C,CAAC;AAEF,eAAO,MAAM,+BAA+B,oBAM3C,CAAC;AAEF,eAAO,MAAM,sCAAsC,oBAAyD,CAAC;AAE7G,eAAO,MAAM,qCAAqC,oBAAgE,CAAC;AAEnH,eAAO,MAAM,6BAA6B,oBAAiC,CAAC;AAE5E,eAAO,MAAM,wBAAwB,EAAE,gBAAgB,EAKtD,CAAC"}
+{"version":3,"file":"RouteConstNTypes.d.ts","sourceRoot":"","sources":["../../../src/reducers/RouteConstNTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAE/D,MAAM,WAAW,iBAAiB;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAIrB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAsB,SAAQ,UAAU;IACrD,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IAGjB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,sBAAsB;IACnC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAC;CACjD;AAED,MAAM,WAAW,eAAe;CAAG;AACnC,oBAAY,gBAAgB;IACxB,WAAW,gBAAgB;IAC3B,SAAS,cAAc;IACvB,YAAY,iBAAiB;IAC7B,aAAa,kBAAkB;IAC/B,aAAa,kBAAkB;IAC/B,UAAU,eAAe;IACzB,MAAM,WAAW;IACjB,WAAW,gBAAgB;IAC3B,KAAK,UAAU;CAClB;AAKD,eAAO,MAAM,4BAA4B,EAAE,gBAAgB,EAI1D,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,gBAAgB,EAK9D,CAAC;AAEF,eAAO,MAAM,iCAAiC,oBAQ7C,CAAC;AAEF,eAAO,MAAM,gCAAgC,oBAQ5C,CAAC;AAEF,eAAO,MAAM,4BAA4B,oBAQxC,CAAC;AAGF,eAAO,MAAM,0BAA0B,oBAAiC,CAAC;AAEzE,eAAO,MAAM,mCAAmC,oBAI/C,CAAC;AAEF,eAAO,MAAM,kCAAkC,oBAO9C,CAAC;AAEF,eAAO,MAAM,+BAA+B,oBAM3C,CAAC;AAEF,eAAO,MAAM,sCAAsC,oBAAyD,CAAC;AAE7G,eAAO,MAAM,qCAAqC,oBAAgE,CAAC;AAEnH,eAAO,MAAM,6BAA6B,oBAAiC,CAAC;AAE5E,eAAO,MAAM,wBAAwB,EAAE,gBAAgB,EAKtD,CAAC"}

package/lib/esm/scss/_main.scss

@@ -193,13 +193,13 @@ div.support-grid-case-details.support-case {
                             }
                         }
 
-                        .pf-c-switch {
+                        .pf-v5-c-switch {
                             display: -ms-flexbox;
                             display: flex;
                             align-items: center;
                         }
 
-                        .pf-c-switch__label {
+                        .pf-v5-c-switch__label {
                             padding-left: 0.6rem;
                             font-size: 15px;
 
@@ -224,7 +224,7 @@ div.support-grid-case-details.support-case {
                             font-size: initial;
                         }
 
-                        .pf-c-button {
+                        .pf-v5-c-button {
                             font-size: 15px;
                             margin-left: auto;
 
@@ -326,7 +326,7 @@ div.support-grid-case-details.support-case {
                             -ms-flex-pack: justify;
                             justify-content: space-between;
 
-                            .pf-c-switch {
+                            .pf-v5-c-switch {
                                 margin-left: auto;
                             }
 
@@ -466,7 +466,7 @@ div.support-grid-case-details.support-case {
             }
         }
 
-        .pf-c-expandable-section__toggle {
+        .pf-v5-c-expandable-section__toggle {
             width: 100%;
             text-align: left;
             background-color: #f0f0f0;
@@ -476,8 +476,8 @@ div.support-grid-case-details.support-case {
         }
 
         button:not(.close),
-        button:not(.pf-c-expandable-section__toggle),
-        .pf-c-button,
+        button:not(.pf-v5-c-expandable-section__toggle),
+        .pf-v5-c-button,
         .btn.btn-app {
             font-size: 14px;
         }
@@ -536,7 +536,7 @@ div.support-grid-case-details.support-case {
             & > *:last-child {
                 margin-bottom: 0;
 
-                &.pf-c-pagination {
+                &.pf-v5-c-pagination {
                     -ms-flex-pack: justify;
                     justify-content: space-between;
                 }
@@ -571,10 +571,10 @@ div.support-grid-case-details.support-case {
                 }
             }
 
-            .pf-c-pagination {
+            .pf-v5-c-pagination {
                 padding: 0.2rem;
 
-                .pf-c-pagination-nav {
+                .pf-v5-c-pagination-nav {
                     align-items: center;
                 }
             }
@@ -662,7 +662,7 @@ mark {
         color: #6ca100;
 
         &:hover {
-            color: var(--pf-global--danger-color--100);
+            color: var(--pf-v5-global--danger-color--100);
         }
     }
 }
@@ -671,20 +671,20 @@ mark {
     margin-bottom: 0;
 }
 
-#se-solution-engine .pf-c-alert.ea-rule-alert {
+#se-solution-engine .pf-v5-c-alert.ea-rule-alert {
     padding: 0px;
     box-shadow: 0px 0px;
     border: 0px;
 }
 
-div.pf-c-alert.ea-rule-alert > div.pf-c-alert__description > p {
+div.pf-v5-c-alert.ea-rule-alert > div.pf-v5-c-alert__description > p {
     margin-bottom: 0;
 }
 
 .customer-view-switch-label {
     font-size: 15px;
     font-weight: 700;
-    color: var(--pf-global--palette--black-600);
+    color: var(--pf-v5-global--palette--black-600);
 }
 
 #case-details-aside-content[pfe-expanded] {
@@ -719,7 +719,7 @@ div.defaultViewCheckbox {
     grid-gap: 0px;
 }
 
-div.defaultViewCheckbox label.pf-c-check__label {
+div.defaultViewCheckbox label.pf-v5-c-check__label {
     line-height: 1rem;
 }
 
@@ -728,11 +728,11 @@ p.pref-case-popover-text {
 }
 
 .blueLock {
-    color: var(--pf-global--palette--blue-400);
+    color: var(--pf-v5-global--palette--blue-400);
 }
 
 .rrs-light-grey-text {
-    color: var(--pf-global--palette--black-600);
+    color: var(--pf-v5-global--palette--black-600);
 }
 
 .rsa-checkbox {
@@ -743,17 +743,17 @@ p.pref-case-popover-text {
 }
 
 .support-types-invalid {
-    border: 1px solid var(--pf-global--danger-color--100) !important;
+    border: 1px solid var(--pf-v5-global--danger-color--100) !important;
 }
 
 .submit-case-header-container {
     padding: 25px 0px 25px 25px;
-    background-color: var(--pf-global--disabled-color--300);
+    background-color: var(--pf-v5-global--disabled-color--300);
 
     .submit-page-title {
         display: flex;
         flex-direction: row;
-        color: var(--pf-global--success-color--100);
+        color: var(--pf-v5-global--success-color--100);
     }
 }
 
@@ -769,7 +769,7 @@ div.case-details-ref-number {
     }
     margin-bottom: 0 !important;
 }
-div.submit-case-header-container > p.kicker.kicker-sm.pf-u-mb-sm > a.case-link-disabled {
+div.submit-case-header-container > p.kicker.kicker-sm.pf-v5-u-mb-sm > a.case-link-disabled {
     pointer-events: none;
     a:link {
         color: #151515 !important;
@@ -779,7 +779,7 @@ div.submit-case-header-container > p.kicker.kicker-sm.pf-u-mb-sm > a.case-link-d
     }
 }
 
-.pf-c-skeleton {
+.pf-v5-c-skeleton {
     background-color: #f5f5f5;
     position: absolute;
 }
@@ -787,25 +787,25 @@ div.submit-case-header-container > p.kicker.kicker-sm.pf-u-mb-sm > a.case-link-d
 .pf-m-circle {
     border-radius: 50%;
 }
-.pf-c-wizard__nav-link {
+.pf-v5-c-wizard__nav-link {
     font-size: 15px;
 }
-.pf-c-wizard__nav-link.pf-m-current {
+.pf-v5-c-wizard__nav-link.pf-m-current {
     font-weight: 600;
 }
 
-.pf-c-wizard__nav ol {
+.pf-v5-c-wizard__nav ol {
     margin-top: 15px;
     margin-left: 10px;
 }
 
-.pf-c-wizard__nav ol li {
+.pf-v5-c-wizard__nav ol li {
     margin-right: 0;
     margin-bottom: 2.5rem;
     padding: 0;
 }
 
-.pf-c-wizard__footer {
+.pf-v5-c-wizard__footer {
     position: sticky;
     bottom: 0px;
     border-top: 1px solid #d9d9d9;
@@ -819,7 +819,7 @@ div.submit-case-header-container > p.kicker.kicker-sm.pf-u-mb-sm > a.case-link-d
     }
 }
 
-.pf-c-wizard__main {
+.pf-v5-c-wizard__main {
     padding: 0.8rem;
 }
 .wizard-aside-content {
@@ -827,7 +827,7 @@ div.submit-case-header-container > p.kicker.kicker-sm.pf-u-mb-sm > a.case-link-d
     position: sticky;
 }
 
-li.pf-c-wizard__nav-item button.pf-m-disabled::before {
+li.pf-v5-c-wizard__nav-item button.pf-m-disabled::before {
     background-color: #f0f0f0;
 }
 
@@ -848,10 +848,10 @@ li.pf-c-wizard__nav-item button.pf-m-disabled::before {
 
 .display-dashed {
     padding: 0.5rem;
-    border: 2px dashed var(--pf-global--palette--black-600);
-    background-color: var(--pf-global--palette--black-300);
+    border: 2px dashed var(--pf-v5-global--palette--black-600);
+    background-color: var(--pf-v5-global--palette--black-300);
 }
-.pf-c-wizard__footer {
+.pf-v5-c-wizard__footer {
     display: flex !important;
     align-items: center !important;
     padding: 10px !important;
@@ -865,11 +865,11 @@ li.pf-c-wizard__nav-item button.pf-m-disabled::before {
     margin-left: auto !important;
 }
 
-svg.pf-c-spinner.pf-m-md.export-csv-loader {
-    --pf-c-spinner--Color: var(--pf-global--Color--200) !important;
+svg.pf-v5-c-spinner.pf-m-md.export-csv-loader {
+    --pf-v5-c-spinner--Color: var(--pf-v5-global--Color--200) !important;
 }
 
-svg.pf-u-ml-xs.icon-size {
+svg.pf-v5-u-ml-xs.icon-size {
     width: 14px;
 }