@rh-support/troubleshoot 2.2.95 → 2.2.98

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

@@ -71,7 +71,7 @@ export const NewProductDropdownSelector = (props) => {
     };
     return (React.createElement("div", null,
         React.createElement(Select, { variant: SelectVariant.typeahead, typeAheadAriaLabel: t('Search for or select a product'), onToggle: (_event, isOpen) => onToggle(isOpen), onSelect: onSelect, isOpen: isOpen, placeholderText: t('Search for or select a product'), "aria-labelledby": t('Product-selector'), onFilter: onFilter, selections: product, validated: isEmpty(product) && showValidationLocal ? 'error' : 'default', "data-tracking-id": "get-support-product-dropdown-selector" }, getOptions()),
-        !isSelectedProductSupportedForCustomer && (React.createElement("div", { className: "pf-v5-u-ml-xs pf-v5-u-mt-sm" },
+        !isSelectedProductSupportedForCustomer && (React.createElement("div", { className: "pf-v5-u-ml-xs pf-v5-u-mt-sm pf-v5-u-font-size-xs small-font-warning-line-height" },
             React.createElement(Trans, null, "Red Hat must confirm your subscription status before providing support."),
             React.createElement("br", null),
             React.createElement(Trans, null, "We'll contact you if we have question.")))));

package/lib/esm/components/SubmitCase/SubmitCase.js

@@ -160,5 +160,5 @@ export default function SubmitCase(props) {
                         React.createElement(InsightsResults, { isDisplayOnMain: true })),
                     React.createElement(ClusterRecommendations, { showClusterRecommendationsModal: false }))),
                 React.createElement("div", { className: "pf-v5-u-mt-lg" }, isIdea ? (React.createElement(AsideResults, { routeProps: props.routeProps })) : (!isEmpty(topContent.data) &&
-                    isNotAnIdea && (React.createElement(Suggestions, { title: isIdea ? t('Search recommendations') : t('Product recommendations'), showTitleDescription: true, showMax: 6 })))))))));
+                    isNotAnIdea && (React.createElement(Suggestions, { title: t('RedHat recommended results'), showTitleDescription: true, showMax: 6 })))))))));
 }

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

@@ -280,7 +280,7 @@ export default function UpdateSeverityModal(props) {
             setUpdatedCaseDetails((pre) => (Object.assign(Object.assign({}, pre), { severity: option.value.name, fts: true })));
         }
         else {
-            setUpdatedCaseDetails({ severity: option.value.name });
+            setUpdatedCaseDetails({ severity: option.value.name, fts: isSev1(option.value.name) });
         }
         setCurrentSeverity(option.value.name);
         updateState(option.value.name);

package/lib/esm/components/wizardLayout/MainSection.d.ts

@@ -8,6 +8,8 @@ interface IProps {
     description?: string | JSX.Element | JSX.Element[];
     descriptionClassName?: string;
     className?: string;
+    stepNumber?: number;
+    totalSteps?: number;
 }
 declare const MainSection: {
     (props: any): React.JSX.Element;

package/lib/esm/components/wizardLayout/MainSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MainSection.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/MainSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,UAAU,MAAM;IACZ,OAAO,EAAE,gBAAgB,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IAC5C,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACnD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAKD,QAAA,MAAM,WAAW;;;CA8BhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"MainSection.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/MainSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,UAAU,MAAM;IACZ,OAAO,EAAE,gBAAgB,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IAC5C,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACnD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAKD,QAAA,MAAM,WAAW;;;CAwChB,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -5,11 +5,12 @@ const defaultProps = {
 };
 const MainSection = (props) => {
     return (React.createElement(ErrorBoundary, { isPageLevelError: true },
-        React.createElement("section", { id: `${props.section}-section`, tabIndex: -1, "aria-labelledby": `${props.section}-heading`, "aria-describedby": `${props.section}-description`, className: `${props.className ? props.className : ''}` },
+        React.createElement("section", { id: `${props.section}-section`, tabIndex: -1, "aria-labelledby": `${props.section}-heading`, "aria-describedby": `${props.section}-description`, className: `main-step-content ${props.className ? props.className : ''}` },
             React.createElement(LoadingIndicator, { show: props.isLoading, size: "lg" }),
             !props.isLoading && (React.createElement(React.Fragment, null,
                 React.createElement("header", { className: "pf-v5-u-display-none-on-sm" },
-                    props.title && React.createElement("h2", { id: `${props.section}-heading` }, props.title),
+                    props.title && (React.createElement("h2", { "aria-label": props.stepNumber &&
+                            `Step ${props.stepNumber} of ${props.totalSteps}: ${props.section}`, 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/WizardMain.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WizardMain.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardMain.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAS,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAK9D,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAOpF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,qBAAqB,EAAE,CAAC,cAAc,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD,mBAAmB,EAAE,CAAC,2BAA2B,EAAE,OAAO,EAAE,gCAAgC,EAAE,OAAO,KAAK,IAAI,CAAC;CAClH;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,MAAM,qBAmGhC;AACD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"WizardMain.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardMain.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAS,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAK9D,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAOpF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,qBAAqB,EAAE,CAAC,cAAc,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD,mBAAmB,EAAE,CAAC,2BAA2B,EAAE,OAAO,EAAE,gCAAgC,EAAE,OAAO,KAAK,IAAI,CAAC;CAClH;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,MAAM,qBA+GhC;AACD,eAAe,UAAU,CAAC"}

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

@@ -24,6 +24,12 @@ function WizardMain(props) {
     const renderSubmitCasePage = () => (React.createElement(MainSection, { section: AppRouteSections.SUBMIT_CASE, title: t('Case has been submitted'), isLoading: isCreatingCase, description: t("We'll be in contact with you shortly. Look for updates on this case."), className: "case-submit-page" },
         React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
             React.createElement(SubmitCase, { routeProps: props.routeProps }))));
+    const focusWizardMainPanel = () => {
+        setTimeout(() => {
+            var _a;
+            (_a = document.querySelector('.main-step-content')) === null || _a === void 0 ? void 0 : _a.focus();
+        }, 250);
+    };
     const onNext = (step) => {
         RouteUtils.navigateToSection(props.routeProps, `${props.routeProps.location.pathname}/${step.id}`, false);
     };
@@ -42,7 +48,13 @@ function WizardMain(props) {
     };
     const CustomFooter = (React.createElement(WizardFooter, null,
         React.createElement(WizardContextConsumer, null, ({ activeStep, onNext, onBack }) => {
-            return (React.createElement(WizardNavigation, { routeProps: props.routeProps, onNext: onNext, onBack: onBack, activeStep: activeStep, onSubmit: onSubmit, confirmSupportModal: props.confirmSupportModal, onShowRestUpdate: (flag) => setShowRestFlag(flag) }));
+            return (React.createElement(WizardNavigation, { routeProps: props.routeProps, onNext: () => {
+                    onNext();
+                    focusWizardMainPanel();
+                }, onBack: () => {
+                    onBack();
+                    focusWizardMainPanel();
+                }, activeStep: activeStep, onSubmit: onSubmit, confirmSupportModal: props.confirmSupportModal, onShowRestUpdate: (flag) => setShowRestFlag(flag) }));
         })));
     // To add a new step to wizard first need to add the component to appRouteConfugurations
     // in useWizard file then add it to step squences in RouteConstNTypes

package/lib/esm/hooks/useWizard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWizard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useWizard.tsx"],"names":[],"mappings":"AA+BA,wBAAgB,SAAS,CAAC,UAAU,KAAA;iCAyNG,OAAO;EAwC7C"}
+{"version":3,"file":"useWizard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useWizard.tsx"],"names":[],"mappings":"AA+BA,wBAAgB,SAAS,CAAC,UAAU,KAAA;iCAsPG,OAAO;EAwC7C"}

package/lib/esm/hooks/useWizard.js

@@ -38,44 +38,53 @@ export function useWizard(routeProps) {
         enableNext: false,
         nextButtonLabel: 'Continue',
     };
+    const focusWizardMainPanel = () => {
+        setTimeout(() => {
+            var _a;
+            (_a = document.querySelector('.main-step-content')) === null || _a === void 0 ? void 0 : _a.focus();
+        }, 250);
+    };
     const alertMessage = () => {
         // alert title and variant based on multiple conditions for two different sections
         const isLoading = topContent.isFetching || (isLoadingRecommendations && summary);
         const title = isLoading
             ? t('Please wait while recommendations are loading')
             : t('Please address the errors to proceed');
+        if (isNextBtnClickedToShowValidationError) {
+            focusWizardMainPanel();
+        }
         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 = {
-        [AppRouteSections.GET_SUPPORT]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.GET_SUPPORT, name: t('Get support'), component: (React.createElement(MainSection, { section: AppRouteSections.GET_SUPPORT, title: t('Why are you opening a case?'), description: t('Select the best category for your issue.') },
+        [AppRouteSections.GET_SUPPORT]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.GET_SUPPORT, name: t('Get support'), component: (React.createElement(MainSection, { stepNumber: 1, totalSteps: 6, section: AppRouteSections.GET_SUPPORT, title: t('Why are you opening a case?'), description: t('Select the best category for your issue.') },
                 React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
                     alertMessage(),
                     React.createElement(OpenCase, { routeProps: routeProps })))), canJumpTo: isSectionValidFn(AppRouteSections.GET_SUPPORT) || activeSection === AppRouteSections.GET_SUPPORT }),
-        [AppRouteSections.SUMMARIZE]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.SUMMARIZE, name: t('Summarize'), component: (React.createElement(MainSection, { section: AppRouteSections.SUMMARIZE, title: t('What are you having an issue with?') },
+        [AppRouteSections.SUMMARIZE]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.SUMMARIZE, name: t('Summarize'), component: (React.createElement(MainSection, { stepNumber: 2, totalSteps: 6, section: AppRouteSections.SUMMARIZE, title: t('What are you having an issue with?') },
                 React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
                     alertMessage(),
                     React.createElement(ProductSelector, { routeProps: routeProps })))), canJumpTo: isSectionValidFn(AppRouteSections.SUMMARIZE) || activeSection === AppRouteSections.SUMMARIZE, nextButtonLabel: t('See more options') }),
-        [AppRouteSections.TROUBLESHOOT]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.TROUBLESHOOT, name: t('Troubleshoot'), component: (React.createElement(MainSection, { section: AppRouteSections.TROUBLESHOOT, title: t('Recommendations') },
+        [AppRouteSections.TROUBLESHOOT]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.TROUBLESHOOT, name: t('Troubleshoot'), component: (React.createElement(MainSection, { stepNumber: 3, totalSteps: 6, section: AppRouteSections.TROUBLESHOOT, title: t('Recommendations') },
                 React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
                     alertMessage(),
                     React.createElement(TroubleshootSection, null)))), canJumpTo: isSectionValidFn(AppRouteSections.TROUBLESHOOT) || activeSection === AppRouteSections.TROUBLESHOOT, nextButtonLabel: isCaseCreate ? t('Continue') : t('Convert to Case') }),
-        [AppRouteSections.DESCRIBE_MORE]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.DESCRIBE_MORE, name: t('Describe more'), component: (React.createElement(MainSection, { section: AppRouteSections.DESCRIBE_MORE, title: React.createElement(React.Fragment, null,
+        [AppRouteSections.DESCRIBE_MORE]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.DESCRIBE_MORE, name: t('Describe more'), component: (React.createElement(MainSection, { stepNumber: 4, totalSteps: 6, section: AppRouteSections.DESCRIBE_MORE, title: React.createElement(React.Fragment, null,
                     t('Case information'),
                     isEmpty(RouteUtils.seBasePath) && isSelectedAccounntSecureSupport && (React.createElement("span", { className: "secured-support" },
                         React.createElement(Trans, null, "Secured Support")))), description: t('Provide the details of your issue.') },
                 React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
                     alertMessage(),
                     React.createElement(CaseInformation, { routeProps: routeProps })))), canJumpTo: isSectionValidFn(AppRouteSections.DESCRIBE_MORE) || activeSection === AppRouteSections.DESCRIBE_MORE }),
-        [AppRouteSections.DESCRIBE_IDEA]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.DESCRIBE_IDEA, name: t('Describe more'), component: (React.createElement(MainSection, { section: AppRouteSections.DESCRIBE_IDEA, title: t('Idea information'), description: t("We'll be in contact with you shortly. Look for updates on this case.") },
+        [AppRouteSections.DESCRIBE_IDEA]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.DESCRIBE_IDEA, name: t('Describe more'), component: (React.createElement(MainSection, { stepNumber: 4, totalSteps: 6, section: AppRouteSections.DESCRIBE_IDEA, title: t('Idea information'), description: t("We'll be in contact with you shortly. Look for updates on this case.") },
                 React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
                     alertMessage(),
                     React.createElement(IdeaInformation, null)))), canJumpTo: isSectionValidFn(AppRouteSections.DESCRIBE_IDEA) || activeSection === AppRouteSections.DESCRIBE_IDEA, nextButtonLabel: 'Submit', disableOtherSections: false }),
-        [AppRouteSections.MANAGEMENT]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.MANAGEMENT, name: t('Management'), component: (React.createElement(MainSection, { section: AppRouteSections.MANAGEMENT, title: t('Case management'), descriptionClassName: "text-medium-grey" },
+        [AppRouteSections.MANAGEMENT]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.MANAGEMENT, name: t('Management'), component: (React.createElement(MainSection, { stepNumber: 5, totalSteps: 6, section: AppRouteSections.MANAGEMENT, title: t('Case management'), descriptionClassName: "text-medium-grey" },
                 React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
                     alertMessage(),
                     React.createElement(CaseManagement, null)))), canJumpTo: isSectionValidFn(AppRouteSections.MANAGEMENT) || activeSection === AppRouteSections.MANAGEMENT }),
-        [AppRouteSections.REVIEW]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.REVIEW, name: t('Review'), component: (React.createElement(MainSection, { section: AppRouteSections.REVIEW, title: t('Preview case'), description: t('Before submitting, review the information you entered.') },
+        [AppRouteSections.REVIEW]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.REVIEW, name: t('Review'), component: (React.createElement(MainSection, { stepNumber: 6, totalSteps: 6, section: AppRouteSections.REVIEW, title: t('Preview case'), description: t('Before submitting, review the information you entered.') },
                 React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
                     alertMessage(),
                     React.createElement(Review, { routeProps: routeProps })))), canJumpTo: isSectionValidFn(AppRouteSections.REVIEW) || activeSection === AppRouteSections.REVIEW, nextButtonLabel: t('Submit') }),

package/lib/esm/scss/_main.scss

@@ -968,3 +968,7 @@ svg.pf-v5-u-ml-xs.icon-size {
         --pf-v5-c-button--PaddingLeft: var(--pf-v5-global--spacer--xs);
     }
 }
+
+.small-font-warning-line-height {
+    line-height: 1rem;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.2.95",
+    "version": "2.2.98",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -131,5 +131,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "9428a86e921565225fd6ab7ee4ad358e29de43b3"
+    "gitHead": "c845e2834052a8d7bbeaa4ca7ba325ca3f869a29"
 }