@rh-support/troubleshoot 2.2.16 → 2.2.18-beta.0

package/lib/esm/components/CaseEditView/CaseDetailsTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseDetailsTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsTabs.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AAwBlE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,mBAAmB,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AACD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,eAmL5C"}
+{"version":3,"file":"CaseDetailsTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsTabs.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AAwBlE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,mBAAmB,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AACD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,eA+M5C"}

package/lib/esm/components/CaseEditView/CaseDetailsTabs.js

@@ -105,14 +105,23 @@ export function CaseDetailsTabs(props) {
     };
     const isTabVisibleInPdfExport = (tab) => tab.title === CaseDetailsTabsEnum.DISCUSSION && pdfOption === 'Reduced' ? false : true;
     return (React.createElement("div", { className: "case-details-tabs", ref: props.tabdRef },
-        React.createElement(Tabs, { className: isExportingPDF ? 'hide-in-pdf' : '', activeKey: getActiveTabKey(), component: TabsComponent.nav, onSelect: handleTabClick }, tabsToRender.map((tab, index) => (React.createElement(Tab, { eventKey: index, tabContentRef: tab.ref, tabContentId: tab.key, key: tab.title, href: `#${props.basePath}/${tab.routePath}`, "data-tracking-id": tab['data-tracking-id'], title: React.createElement(TabTitleText, null,
+        React.createElement(Tabs, { className: isExportingPDF ? 'hide-in-pdf' : '', activeKey: getActiveTabKey(), component: TabsComponent.nav, onSelect: handleTabClick, role: "region", "aria-label": t('Case details tabs') }, tabsToRender.map((tab, index) => (React.createElement(Tab, { eventKey: index, tabContentRef: tab.ref, tabContentId: tab.key, key: tab.title, href: `#${props.basePath}/${tab.routePath}`, "data-tracking-id": tab['data-tracking-id'], title: React.createElement(TabTitleText, null,
                 React.createElement(Trans, null, tab.title)) })))),
-        React.createElement("div", { className: "case-details-tabs-content pf-u-pt-xl" }, tabsToRender.map((tab, index) => (React.createElement(TabContent, { eventKey: index, key: tab.key, id: tab.key, ref: tab.ref, "aria-label": tab.title, hidden: isExportingPDF ? !isTabVisibleInPdfExport(tab) : index !== getActiveTabKey() },
-            React.createElement(ErrorBoundary, { errorMsgInfo: {
-                    message: t(`There was an error loading case ${tab.key}`),
-                } },
-                React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
-                    React.createElement(TextContent, { className: "show-in-pdf pf-u-mt-md" },
-                        React.createElement(Text, { component: TextVariants.h2 }, tab.title)),
-                    tab.component))))))));
+        React.createElement("div", { className: "case-details-tabs-content pf-u-pt-xl" }, tabsToRender.map((tab, index) => {
+            return index === getActiveTabKey() && !isExportingPDF ? (React.createElement(TabContent, { eventKey: index, key: tab.key, id: tab.key, ref: tab.ref, "aria-label": tab.title, hidden: isExportingPDF ? !isTabVisibleInPdfExport(tab) : index !== getActiveTabKey() },
+                React.createElement(ErrorBoundary, { errorMsgInfo: {
+                        message: t(`There was an error loading case ${tab.key}`),
+                    } },
+                    React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
+                        React.createElement(TextContent, { className: "show-in-pdf pf-u-mt-md" },
+                            React.createElement(Text, { component: TextVariants.h2 }, tab.title)),
+                        tab.component)))) : isExportingPDF ? (React.createElement(TabContent, { eventKey: index, key: tab.key, id: tab.key, ref: tab.ref, "aria-label": tab.title, hidden: isExportingPDF ? !isTabVisibleInPdfExport(tab) : index !== getActiveTabKey() },
+                React.createElement(ErrorBoundary, { errorMsgInfo: {
+                        message: t(`There was an error loading case ${tab.key}`),
+                    } },
+                    React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
+                        React.createElement(TextContent, { className: "show-in-pdf pf-u-mt-md" },
+                            React.createElement(Text, { component: TextVariants.h2 }, tab.title)),
+                        tab.component)))) : (React.createElement(React.Fragment, null));
+        }))));
 }

package/lib/esm/components/CaseEditView/Tabs/CaseBugzilla/CaseBugzilla.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseBugzilla.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseBugzilla/CaseBugzilla.tsx"],"names":[],"mappings":"AAOA,UAAU,MAAM;CAAG;AAEnB,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,eA0CjD"}
+{"version":3,"file":"CaseBugzilla.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseBugzilla/CaseBugzilla.tsx"],"names":[],"mappings":"AAQA,UAAU,MAAM;CAAG;AAEnB,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,eAmDjD"}

package/lib/esm/components/CaseEditView/Tabs/CaseBugzilla/CaseBugzilla.js

@@ -1,21 +1,25 @@
 import isEqual from 'lodash/isEqual';
-import React from 'react';
+import React, { useContext } from 'react';
 import { Trans } from 'react-i18next';
 import { useCaseSelector } from '../../../../context/CaseContext';
+import { PDFContext } from '../../PDFContainer';
 export default function CaseBugzilla(props) {
     const bugzillas = useCaseSelector((state) => state.caseDetails.bugzillas, isEqual);
+    const { isExportingPDF } = useContext(PDFContext);
     const bugzillaRow = (bugzilla) => (React.createElement("tr", { key: bugzilla.bugzillaNumber },
-        React.createElement("th", { id: `th-bug${bugzilla.bugzillaNumber}`, headers: "th-bug-number" },
+        React.createElement("td", { id: `th-bug${bugzilla.bugzillaNumber}`, headers: "th-bug-number" },
             React.createElement("a", { href: bugzilla.bugzillaLink, target: "_blank", rel: "noopener noreferrer" }, bugzilla.bugzillaNumber)),
         React.createElement("td", { headers: `th-bug${bugzilla.bugzillaNumber} th-bug-summary` }, bugzilla.summary)));
     const bugzillasList = (bugzillas) => {
-        return (React.createElement("table", { className: "table table-naked table-hover table-respond" },
+        return (React.createElement("table", { className: "table table-naked table-hover table-respond", style: { fontFamily: isExportingPDF ? 'DejaVu Sans' : '' } },
             React.createElement("thead", null,
                 React.createElement("tr", null,
-                    React.createElement("th", { id: "th-bug-number", scope: "col" },
-                        React.createElement(Trans, null, "Request number")),
-                    React.createElement("th", { id: "th-bug-summary", scope: "col" },
-                        React.createElement(Trans, null, "Summary")))),
+                    React.createElement("td", { id: "th-bug-number" },
+                        React.createElement("strong", null,
+                            React.createElement(Trans, null, "Request number"))),
+                    React.createElement("td", { id: "th-bug-summary" },
+                        React.createElement("strong", null,
+                            React.createElement(Trans, null, "Summary"))))),
             React.createElement("tbody", null, bugzillas.map((item) => bugzillaRow(item)))));
     };
     return (React.createElement(React.Fragment, null,

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/ProductVersion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductVersion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/ProductVersion.tsx"],"names":[],"mappings":"AA6BA,UAAU,MAAM;IACZ,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACvC;AAYD,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eAmRrC;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ProductVersion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/ProductVersion.tsx"],"names":[],"mappings":"AA6BA,UAAU,MAAM;IACZ,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACvC;AAYD,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eAoRrC;AAED,eAAe,eAAe,CAAC"}

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

@@ -221,6 +221,6 @@ function ProductNVersion(props) {
                 React.createElement("div", { className: "version-selector-wrapper" },
                     React.createElement("label", { htmlFor: "version-dropdown" },
                         React.createElement(Trans, null, "Version")),
-                    React.createElement(Dropdown, { className: "open-case-version", id: "version-dropdown", selectedItem: toOption(selectedVersionLocal), list: versionsList, title: t(`Select a version`), isInValid: checkIfVersionIsInvalid, disabled: isVersionUpdating || (allProducts.isFetching && !allProducts.isError), onChange: onVersionChange, isLoadingList: isVersionUpdating, "data-tracking-id": "case-details-version-selector" }))))));
+                    React.createElement(Dropdown, { className: "open-case-version", id: "version-dropdown", placeholder: t(`Select a version`), selectedItem: toOption(selectedVersionLocal), list: versionsList, title: t(`Select a version`), isInValid: checkIfVersionIsInvalid, disabled: isVersionUpdating || (allProducts.isFetching && !allProducts.isError), onChange: onVersionChange, isLoadingList: isVersionUpdating, "data-tracking-id": "case-details-version-selector" }))))));
 }
 export default ProductNVersion;

package/lib/esm/components/CaseEditView/index.d.ts

@@ -1,6 +1,5 @@
 import '../../css/app.css';
 import '../../css/case.css';
-import { IPfeCollapse } from '@rh-support/types/pfe/pfe-collapse';
 import { RouteComponentProps } from 'react-router-dom';
 declare global {
     interface Window {
@@ -15,10 +14,6 @@ declare global {
             hydrajs: string;
         };
     }
-    namespace JSX {
-        interface IntrinsicElements extends IPfeCollapse {
-        }
-    }
     interface Document {
         documentMode: any;
     }

package/lib/esm/components/CaseEditView/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,oBAAoB,CAAC;AAI5B,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAGlE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AASvD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,SAAS,EAAE,GAAG,CAAC;QACf,oBAAoB,EAAE,GAAG,CAAC;QAC1B,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,MAAM,OAAA,KAAK,GAAG,KAAK,GAAG,CAAC;QAC9E,MAAM,EAAE,GAAG,CAAC;QACZ,KAAK,EAAE,GAAG,CAAC;QACX,eAAe,EAAE,GAAG,CAAC;QACrB,aAAa,EAAE;YACX,cAAc,EAAE,MAAM,CAAC;YACvB,OAAO,EAAE,MAAM,CAAC;SACnB,CAAC;KACL;IAED,UAAU,GAAG,CAAC;QACV,UAAU,iBAAkB,SAAQ,YAAY;SAAG;KACtD;IAED,UAAU,QAAQ;QACd,YAAY,EAAE,GAAG,CAAC;KACrB;CACJ;AAED,UAAU,MAAM;CAAG;AASnB,wBAAgB,OAAO,CAAC,UAAU,EAAE,mBAAmB,CAAC,MAAM,CAAC,eAkB9D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,oBAAoB,CAAC;AAI5B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AASvD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,SAAS,EAAE,GAAG,CAAC;QACf,oBAAoB,EAAE,GAAG,CAAC;QAC1B,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,MAAM,OAAA,KAAK,GAAG,KAAK,GAAG,CAAC;QAC9E,MAAM,EAAE,GAAG,CAAC;QACZ,KAAK,EAAE,GAAG,CAAC;QACX,eAAe,EAAE,GAAG,CAAC;QACrB,aAAa,EAAE;YACX,cAAc,EAAE,MAAM,CAAC;YACvB,OAAO,EAAE,MAAM,CAAC;SACnB,CAAC;KACL;IAED,UAAU,QAAQ;QACd,YAAY,EAAE,GAAG,CAAC;KACrB;CACJ;AAED,UAAU,MAAM;CAAG;AAEnB,wBAAgB,OAAO,CAAC,UAAU,EAAE,mBAAmB,CAAC,MAAM,CAAC,eAkB9D"}

package/lib/esm/components/CaseEditView/index.js

@@ -1,7 +1,6 @@
 import '../../css/app.css';
 import '../../css/case.css';
 import { ConfirmationServiceProvider, ErrorBoundary } from '@rh-support/components';
-import { CustomElements, requireCustomElement } from '@rh-support/utils';
 import React from 'react';
 import { CaseContextProvider } from '../../context/CaseContext';
 import { CaseDetailsPageContextProvider } from '../../context/CaseDetailsPageContext';
@@ -9,12 +8,6 @@ import { CaseDiscussionTabContextProvider } from '../../context/CaseDiscussionTa
 import { RecommendationContextProvider } from '../../context/RecommendationContext';
 import Case from './Case';
 import { PDFContainer } from './PDFContainer';
-requireCustomElement([
-    {
-        element: CustomElements.pfeCollapse,
-        requireCb: () => require('@patternfly/pfe-collapse'),
-    },
-]);
 export function CaseApp(routeProps) {
     return (React.createElement(ErrorBoundary, { isPageLevelError: true },
         React.createElement(CaseContextProvider, null,

package/lib/esm/components/CaseInformation/ContactPhoneNumber.js

@@ -60,7 +60,7 @@ export function ContactPhoneNumber() {
     useEffect(() => {
         // when canChangeAccountInfo is false OwnerSelector is hidden
         // need to set phone on load here instead of OwnerSelector
-        if (!canChangeAccountInfo) {
+        if (!canChangeAccountInfo && (isEmpty(phoneCountryCode) || isEmpty(phoneAreaCodePrefixLineNumber))) {
             if (loggedInUser.data.supportPhoneAreaCodePrefixLineNumber) {
                 setCaseDetails(caseDispatch, {
                     phoneAreaCodePrefixLineNumber: loggedInUser.data.supportPhoneAreaCodePrefixLineNumber,
@@ -70,7 +70,7 @@ export function ContactPhoneNumber() {
             }
             else {
                 const phoneLine = getPhoneObj(loggedInUser.data.phone).phoneLine || '';
-                const countryCode = getPhoneObj(loggedInUser.data.phone).countryCode;
+                const countryCode = getPhoneObj(loggedInUser.data.phone).countryCode || '';
                 setCaseDetails(caseDispatch, {
                     phoneAreaCodePrefixLineNumber: phoneLine,
                     phoneCountryCode: countryCode,
@@ -80,7 +80,7 @@ export function ContactPhoneNumber() {
         }
         setLocalFullPhone(phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [phoneAreaCodePrefixLineNumber, phoneCountryCode, loggedInUser.data]);
+    }, []);
     useEffect(() => {
         if (isEqual(localFullPhone.trim(), '+')) {
             setLocalFullPhone('');

package/lib/esm/components/CaseInformation/Description.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Description.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Description.tsx"],"names":[],"mappings":"AAkBA,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,MAAM,eAwGhD"}
+{"version":3,"file":"Description.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Description.tsx"],"names":[],"mappings":"AAkBA,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,MAAM,eAyGhD"}

package/lib/esm/components/CaseInformation/Description.js

@@ -47,7 +47,7 @@ export default function Description(props) {
             isKT1Required && (React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))), labelProps: { htmlFor: 'get-support-ktQ1-issue' }, content: issue, allowInlineEdit: !!props.inlineEditable, hideSaveCancel: !!props.hideSaveCancel, initialIsEditing: isEmpty(issue), usePreformattedTag: true, saveOnBlur: true },
         React.createElement(TextArea, { id: "get-support-ktQ1-issue", name: "get-support-ktQ1-issue", className: `form-control${isDescriptionInvalid(issue) || (isNextBtnClickedToShowValidationError && isEmpty(issue))
                 ? ' form-invalid'
-                : ''}`, "aria-invalid": (issue === null || issue === void 0 ? void 0 : issue.length) > CASE_DEATILS_ISSUE_LIMIT ? 'true' : 'false', "aria-required": isKT1Required, isRequired: isKT1Required, value: issue, isDisabled: isEmpty(issue) && hasLargeCaseDescription && !setIssueTextAreaFocused, onChange: onKTQ1IssueChange, onFocus: onKTQ1IssueFocusChange, onBlur: onKTQ1IssueFocusChange, "data-tracking-id": "get-support-ktQ1-issue", placeholder: t('Please enter an elaborate description') }),
+                : ''}`, "aria-invalid": (issue === null || issue === void 0 ? void 0 : issue.length) > CASE_DEATILS_ISSUE_LIMIT ? 'true' : 'false', "aria-required": isKT1Required, isRequired: isKT1Required, value: issue, isDisabled: isEmpty(issue) && hasLargeCaseDescription && !setIssueTextAreaFocused, onChange: onKTQ1IssueChange, onFocus: onKTQ1IssueFocusChange, onBlur: onKTQ1IssueFocusChange, "data-tracking-id": "get-support-ktQ1-issue", placeholder: t('Please enter an elaborate description'), rows: 5 }),
         React.createElement("p", { className: "form-instructions", "data-tracking-id": "large-20k-warning-ktQ1-environment" }, `${(issue === null || issue === void 0 ? void 0 : issue.length) > CASE_DEATILS_ISSUE_LIMIT
             ? `Description cannot be more than ${CASE_DEATILS_ISSUE_LIMIT} characters`
             : ''}`),

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

@@ -52,5 +52,5 @@ export default function ProductSelector(props) {
                 React.createElement(EARuleWidget, null)),
             React.createElement("div", { className: "suggestions-result-section" },
                 React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading recommendations') } }, !isEmpty(version) && (React.createElement("div", { className: "common-suggestions" },
-                    React.createElement(Recommendations, { renderOnlyRecommendations: true })))))))));
+                    React.createElement(Recommendations, null)))))))));
 }

package/lib/esm/components/Recommendations/Recommendations.d.ts

@@ -1,5 +1,4 @@
 interface IProps {
-    renderOnlyRecommendations?: boolean;
 }
 export default function Recommendations(props: IProps): JSX.Element;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Recommendations.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/Recommendations.tsx"],"names":[],"mappings":"AA8CA,UAAU,MAAM;IACZ,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACvC;AACD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,eAoOpD"}
+{"version":3,"file":"Recommendations.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/Recommendations.tsx"],"names":[],"mappings":"AA4CA,UAAU,MAAM;CAAG;AACnB,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,eAkOpD"}

package/lib/esm/components/Recommendations/Recommendations.js

@@ -20,8 +20,6 @@ import { fetchRecommendations, RecommendationsConstants, setCurrentPage, setVisi
 import { AppRouteSections } from '../../reducers/RouteConstNTypes';
 import { createOrUpdateSessionResources, getSessResFromRec, getSessResFromRecs, } from '../../reducers/SessionRestoreReducer';
 import RouteUtils from '../../utils/routeUtils';
-import Issue from '../Issue/Issue';
-import { EARuleWidget } from './EARules/EARuleWidget';
 const { SessionResourceSource, SessionResourceVisibility } = pcm.preCase.session;
 export default function Recommendations(props) {
     var _a, _b, _c;
@@ -130,9 +128,7 @@ export default function Recommendations(props) {
         createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.RECOMMENDATIONS, [getSessResFromRec(doc, SessionResourceVisibility.VISITED, index)], JSON.stringify(payload));
     };
     return (React.createElement(React.Fragment, null,
-        (!props.renderOnlyRecommendations || !props.renderOnlyRecommendations) && React.createElement(Issue, null),
         React.createElement(LoadingDots, { show: recommendationState.isLoadingRecommendations && !isEmpty(summary) }),
-        (!props.renderOnlyRecommendations || !props.renderOnlyRecommendations) && React.createElement(EARuleWidget, null),
         React.createElement("div", { className: "recommendation-list pf-u-mt-lg", ref: resultRowRef },
             React.createElement("ul", { className: "list-flat" }, map(recommendationState.visibleDocs, (doc, i) => {
                 var _a, _b;

package/lib/esm/components/Suggestions/TopContent.d.ts

@@ -1,4 +1,3 @@
-import '@patternfly/pfe-accordion';
 import { ITopContent } from '@cee-eng/hydrajs/@types/models/topContent/topContentModel';
 interface IProps {
     name: string;

package/lib/esm/components/Suggestions/TopContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Suggestions/TopContent.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAGnC,OAAO,EAAE,WAAW,EAAE,MAAM,2DAA2D,CAAC;AAQxF,UAAU,MAAM;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,eA6C/C"}
+{"version":3,"file":"TopContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Suggestions/TopContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,2DAA2D,CAAC;AAQxF,UAAU,MAAM;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,eA6C/C"}

package/lib/esm/components/Suggestions/TopContent.js

@@ -1,4 +1,3 @@
-import '@patternfly/pfe-accordion';
 import { pcm } from '@cee-eng/hydrajs';
 import { Tooltip } from '@patternfly/react-core';
 import map from 'lodash/map';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.2.16",
+    "version": "2.2.18-beta.0",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -29,9 +29,6 @@
         "@cee-eng/hydrajs": "4.15.87",
         "@cee-eng/ui-toolkit": "1.1.6",
         "@patternfly/patternfly": "4.196.7",
-        "@patternfly/pfe-accordion": "1.12.3",
-        "@patternfly/pfe-collapse": "1.12.3",
-        "@patternfly/pfe-tabs": "1.12.3",
         "@patternfly/react-core": "4.264.0",
         "dompurify": "^2.2.6",
         "downshift": "^6.0.5",
@@ -59,18 +56,14 @@
         "@cee-eng/hydrajs": "4.15.87",
         "@cee-eng/ui-toolkit": "1.1.6",
         "@patternfly/patternfly": "4.196.7",
-        "@patternfly/pfe-accordion": "1.12.3",
-        "@patternfly/pfe-collapse": "1.12.3",
-        "@patternfly/pfe-icon": "^1.12.3",
-        "@patternfly/pfe-tabs": "1.12.3",
         "@patternfly/react-core": "4.264.0",
         "@progress/kendo-drawing": "^1.6.0",
         "@progress/kendo-react-pdf": "^3.12.0",
-        "@rh-support/components": "2.1.8",
-        "@rh-support/react-context": "2.1.8",
+        "@rh-support/components": "2.1.8-beta.0",
+        "@rh-support/react-context": "2.1.8-beta.0",
         "@rh-support/types": "2.0.2",
-        "@rh-support/user-permissions": "2.1.3",
-        "@rh-support/utils": "2.1.1",
+        "@rh-support/user-permissions": "2.1.3-beta.0",
+        "@rh-support/utils": "2.1.1-beta.0",
         "@types/react-redux": "^7.1.12",
         "@types/redux": "^3.6.0",
         "dompurify": "^2.4.1",
@@ -133,5 +126,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "626d23604214d6e7918f4b2b45ccc13f136390d7"
+    "gitHead": "26b230a88e7957f7162cbd51622a640abaa328f8"
 }

package/lib/esm/components/Issue/Issue.d.ts

@@ -1,2 +0,0 @@
-export default function Issue(): JSX.Element;
-//# sourceMappingURL=Issue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Issue.d.ts","sourceRoot":"","sources":["../../../../src/components/Issue/Issue.tsx"],"names":[],"mappings":"AAmBA,MAAM,CAAC,OAAO,UAAU,KAAK,gBA2F5B"}

package/lib/esm/components/Issue/Issue.js

@@ -1,52 +0,0 @@
-import { TextArea } from '@patternfly/react-core';
-import { InlineEdit, MoreOrLess } from '@rh-support/components';
-import { useGlobalStateContext } from '@rh-support/react-context';
-import isEmpty from 'lodash/isEmpty';
-import isEqual from 'lodash/isEqual';
-import React, { useState } from 'react';
-import { Trans, useTranslation } from 'react-i18next';
-import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
-import { CASE_DEATILS_ISSUE_LIMIT, DESCRIPTION_LENGTH_LIMIT, MODIFIED_DESCRIPTION_LENGTH_LIMIT, } from '../../reducers/CaseConstNTypes';
-import { getUpdatedDescription } from '../../reducers/CaseHelpers';
-import { setCaseDetails } from '../../reducers/CaseReducer';
-import OpenCaseIssue from '../CaseInformation/OpenCaseIssue';
-export default function Issue() {
-    var _a, _b, _c;
-    const { t } = useTranslation();
-    const { summary, issue, environment, periodicityOfIssue, timeFramesAndUrgency, v3ClusterName } = useCaseSelector((state) => ({
-        summary: state.caseDetails.summary,
-        issue: state.caseDetails.issue,
-        environment: state.caseDetails.environment,
-        periodicityOfIssue: state.caseDetails.periodicityOfIssue,
-        timeFramesAndUrgency: state.caseDetails.timeFramesAndUrgency,
-        v3ClusterName: state.v3ClusterName,
-    }), isEqual);
-    const caseDispatch = useCaseDispatch();
-    const { globalMetadataState: { navBarRef }, } = useGlobalStateContext();
-    const [hasLargeDescription, setHasLargeDescription] = useState(false);
-    const onCaseDetailsChange = (caseDetails) => {
-        setCaseDetails(caseDispatch, caseDetails);
-    };
-    // To handle change of KTQ1
-    const onKTQ1IssueChange = (value, e) => {
-        const ktQ1Local = isEmpty(value === null || value === void 0 ? void 0 : value.trim()) ? '' : value;
-        const description = getUpdatedDescription(ktQ1Local, environment, periodicityOfIssue, timeFramesAndUrgency, v3ClusterName);
-        setHasLargeDescription(description.length > DESCRIPTION_LENGTH_LIMIT);
-        onCaseDetailsChange({ issue: ktQ1Local, description });
-    };
-    const maxLengtMessage = t('Case description cannot be more than {{limit}} characters', {
-        limit: MODIFIED_DESCRIPTION_LENGTH_LIMIT,
-    });
-    return (React.createElement(React.Fragment, null,
-        React.createElement("form", { className: "push-bottom" },
-            React.createElement(OpenCaseIssue, { inlineEditable: false, hideSaveCancel: true, initialIsEditing: isEmpty(summary), required: true }),
-            React.createElement(MoreOrLess, { maxHeight: 600, appStickyHeaderRef: navBarRef },
-                React.createElement(InlineEdit, { labelProps: { htmlFor: 'issue-section-ktQ1-issue' }, labelContent: React.createElement(React.Fragment, null,
-                        React.createElement(Trans, null, "What are you experiencing? What are you expecting to happen?")), allowInlineEdit: false, hideSaveCancel: true, initialIsEditing: isEmpty(issue), usePreformattedTag: true, content: issue },
-                    React.createElement(TextArea, { id: "issue-section-ktQ1-issue", name: "issue-section-ktQ1-issue", className: `form-control${hasLargeDescription ? ' form-invalid' : ''}`, "aria-invalid": ((_a = issue) === null || _a === void 0 ? void 0 : _a.length) > CASE_DEATILS_ISSUE_LIMIT ? 'true' : 'false', value: issue, onChange: onKTQ1IssueChange, "data-tracking-id": "get-support-describe-ktQ1-issue", "aria-describedby": "describeIssueDesc", placeholder: t('Elaborate more on your issue') }),
-                    React.createElement("p", { className: "form-instructions", "data-tracking-id": "large-20k-warning-ktQ1-environment" }, `${((_b = issue) === null || _b === void 0 ? void 0 : _b.length) > CASE_DEATILS_ISSUE_LIMIT
-                        ? `Description cannot be more than ${CASE_DEATILS_ISSUE_LIMIT} characters`
-                        : ''}`))),
-            ((_c = getUpdatedDescription(issue, environment, periodicityOfIssue, timeFramesAndUrgency, v3ClusterName)) === null || _c === void 0 ? void 0 : _c.length) > DESCRIPTION_LENGTH_LIMIT && (React.createElement("div", { className: "pull-top" },
-                React.createElement("p", { className: "form-instructions form-invalid" }, maxLengtMessage))))));
-}