@rh-support/troubleshoot 0.2.118 → 0.2.121

package/lib/esm/components/CaseManagement/OpenshiftDropdownV4.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OpenshiftDropdownV4.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenshiftDropdownV4.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAG5E,OAAO,EAAE,gBAAgB,EAAuB,MAAM,0BAA0B,CAAC;AAcjF,UAAU,MAAO,SAAQ,gBAAgB;IACrC,uBAAuB,EAAE,MAAM,CAAC;IAChC,sBAAsB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzF,kBAAkB,EAAE,OAAO,CAAC;IAC5B,iCAAiC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAChD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAuBD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,eAiXzC;kBAjXQ,mBAAmB;;;AAoX5B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"OpenshiftDropdownV4.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenshiftDropdownV4.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAG5E,OAAO,EAAE,gBAAgB,EAAuB,MAAM,0BAA0B,CAAC;AAUjF,UAAU,MAAO,SAAQ,gBAAgB;IACrC,uBAAuB,EAAE,MAAM,CAAC;IAChC,sBAAsB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzF,kBAAkB,EAAE,OAAO,CAAC;IAC5B,iCAAiC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAChD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAuBD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,eA6WzC;kBA7WQ,mBAAmB;;;AAgX5B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/lib/esm/components/CaseManagement/OpenshiftDropdownV4.js

@@ -15,7 +15,7 @@ import groupBy from 'lodash/groupBy';
 import isEmpty from 'lodash/isEmpty';
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import { getDisplayNameForCluster, getIsClusterIdInvalid, } from '../../utils/caseOpenshiftClusterIdUtils';
+import { getDisplayNameForCluster } from '../../utils/caseOpenshiftClusterIdUtils';
 import CaseOpenShiftPopover from '../CaseEditView/Tabs/CaseDetails/CaseOpenshiftClusterId/CaseOpenShiftPopover';
 const defaultProps = {
     className: '',
@@ -48,7 +48,7 @@ function OpenshiftDropdownV4(props) {
     const [showArchivedClusters, setShowArchivedClusters] = useState(false);
     const [isFetchingClusters, setIsFetchingClusters] = useState(false);
     const [totalResultsNo, setTotalResultsNo] = useState(0);
-    const { getFromCache, setInCache } = useLRUCache(25);
+    const { getFromCache, setInCache } = useLRUCache(50);
     // gets a cluster id and returns display name
     const getDisplayName = (id, noClusterIdReasonExplanation, display_name) => {
         if (isEmpty(id))
@@ -136,10 +136,12 @@ function OpenshiftDropdownV4(props) {
     };
     const fetchAClusterIdDetails = (clusterId) => __awaiter(this, void 0, void 0, function* () {
         var _a;
+        if (isEmpty(clusterId))
+            return {};
         setIsFetchingClusters(true);
         try {
             const clustersResponse = yield cloud.getAccountClustersSubscription({
-                search: `external_cluster_id='${clusterId}'`,
+                search: `external_cluster_id='${clusterId.trim()}'`,
                 fields: 'external_cluster_id,display_name,status,metrics.openshift_version',
             });
             setIsFetchingClusters(false);
@@ -157,6 +159,7 @@ function OpenshiftDropdownV4(props) {
         }
     });
     const fetchAccountClusters = (search = '', page = 0) => __awaiter(this, void 0, void 0, function* () {
+        search = search.trim();
         setIsFetchingClusters(true);
         try {
             let clustersResponse;
@@ -176,7 +179,7 @@ function OpenshiftDropdownV4(props) {
                     order: 'display_name asc',
                     page,
                     size: PER_PAGE,
-                    search: `${showArchivedClusters ? '' : "status!='Archived'"} ${search && !showArchivedClusters ? 'AND' : ''} ${search
+                    search: `external_cluster_id!='' AND ${showArchivedClusters ? '' : "status!='Archived'"} ${search && !showArchivedClusters ? 'AND' : ''} ${search
                         ? `(external_cluster_id ILIKE '%${search}%' OR display_name ILIKE '%${search}%' OR console_url ILIKE '%${search}%')`
                         : ''}`,
                     fields: 'external_cluster_id,display_name,status,metrics.openshift_version,console_url',
@@ -184,9 +187,7 @@ function OpenshiftDropdownV4(props) {
                 setInCache(`showArchived=${showArchivedClusters}input=${search}p=${page}`, clustersResponse);
             }
             setIsFetchingClusters(false);
-            const items = clustersResponse.items
-                .filter((c) => !isEmpty(c.external_cluster_id))
-                .map((item) => {
+            const items = clustersResponse.items.map((item) => {
                 var _a, _b;
                 return ({
                     display_name: item.display_name,
@@ -214,7 +215,7 @@ function OpenshiftDropdownV4(props) {
     // we have clusterId but need to get display name
     useEffect(() => {
         const getClusterDetails = () => __awaiter(this, void 0, void 0, function* () {
-            if (props.openshiftClusterIDState &&
+            if (!isEmpty(props.openshiftClusterIDState) &&
                 props.openshiftClusterIDState !== 'dont-have-id' &&
                 props.openshiftClusterIDState !== 'v3-cluster' &&
                 isEmpty(props.openshiftDisplayName)) {
@@ -260,20 +261,13 @@ function OpenshiftDropdownV4(props) {
     // when user type or paste a clusterId we land here
     const onTypeaheadInputChanged = (input) => __awaiter(this, void 0, void 0, function* () {
         setInputVal(input);
-        if (getIsClusterIdInvalid(input)) {
-            const fetchedClusters = yield fetchAccountClusters(input);
-            setClustersRawResponse(fetchedClusters.items);
-            setTotalResultsNo(fetchedClusters.total);
-            setClustersSelectOptions(getClusterOptions(fetchedClusters.items));
-            props.onClusterIdStateUpdate({ external_cluster_id: input });
-        }
-        else {
-            // user paste a valid cluster id
-            const fetchedCluster = yield fetchAClusterIdDetails(input);
-            props.onClusterIdStateUpdate(fetchedCluster);
-        }
+        const fetchedClusters = yield fetchAccountClusters(input);
+        setClustersRawResponse(fetchedClusters.items);
+        setTotalResultsNo(fetchedClusters.total);
+        setClustersSelectOptions(getClusterOptions(fetchedClusters.items));
+        props.onClusterIdStateUpdate({ external_cluster_id: input });
     });
-    const debounceFn = debounce(onTypeaheadInputChanged, 1000);
+    const debounceFn = debounce(onTypeaheadInputChanged, 500);
     const getSelectedItem = () => {
         if (!isEmpty(inputVal)) {
             return createState(props.openshiftClusterIDState, inputVal);

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

@@ -33,7 +33,7 @@ export function ClusterRecommendationItems(props) {
             React.createElement("h3", null, rule.description)),
         React.createElement("pfe-accordion-panel", null,
             React.createElement("p", null,
-                React.createElement(Label, { color: riskLabels[rule.total_risk].color },
+                React.createElement(Label, { icon: riskLabels[rule.total_risk].icon, color: riskLabels[rule.total_risk].color },
                     React.createElement(Trans, null, riskLabels[rule.total_risk].label))),
             React.createElement("p", null, rule.details || ''),
             rule.reason && (React.createElement(React.Fragment, null,

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

@@ -52,18 +52,22 @@ export declare const markdownInlineFileSelectEvent = "PCM-Next > Markdown-toolba
 export declare const markdownFilePasteEvent = "PCM-Next > Markdown-toolbar-file-paste";
 export declare const riskLabels: {
     1: {
+        icon: JSX.Element;
         label: string;
         color: string;
     };
     2: {
+        icon: JSX.Element;
         label: string;
         color: string;
     };
     3: {
+        icon: JSX.Element;
         label: string;
         color: string;
     };
     4: {
+        icon: JSX.Element;
         label: string;
         color: string;
     };

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

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

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

@@ -1,3 +1,8 @@
+import AngleDoubleDownIcon from '@patternfly/react-icons/dist/js/icons/angle-double-down-icon';
+import AngleDoubleUpIcon from '@patternfly/react-icons/dist/js/icons/angle-double-up-icon';
+import CriticalRiskIcon from '@patternfly/react-icons/dist/js/icons/critical-risk-icon';
+import EqualsIcon from '@patternfly/react-icons/dist/js/icons/equals-icon';
+import React from 'react';
 export default {
     languagesMap: {
         en: 'English',
@@ -51,8 +56,8 @@ export const recsViewedFromNoAttachmentModalEvent = 'PCM-Next > No-Attachment-mo
 export const markdownInlineFileSelectEvent = 'PCM-Next > Markdown-toolbar-file-select';
 export const markdownFilePasteEvent = 'PCM-Next > Markdown-toolbar-file-paste';
 export const riskLabels = {
-    1: { label: 'Low', color: 'blue' },
-    2: { label: 'Moderate', color: 'orange' },
-    3: { label: 'Important', color: 'red' },
-    4: { label: 'Critical', color: 'red' },
+    1: { icon: React.createElement(AngleDoubleDownIcon, null), label: 'Low', color: 'blue' },
+    2: { icon: React.createElement(EqualsIcon, null), label: 'Moderate', color: 'gold' },
+    3: { icon: React.createElement(AngleDoubleUpIcon, null), label: 'Important', color: 'orange' },
+    4: { icon: React.createElement(CriticalRiskIcon, null), label: 'Critical', color: 'red' },
 };

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

@@ -1 +1 @@
-{"version":3,"file":"GlobalTroubleshootEffects.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/GlobalTroubleshootEffects.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAWvD,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAOrF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,eA0XtD"}
+{"version":3,"file":"GlobalTroubleshootEffects.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/GlobalTroubleshootEffects.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAWvD,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAQrF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,eA6YtD"}

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

@@ -30,6 +30,7 @@ import { fetchEdmundAbbottRules } from '../../reducers/RulesReducer';
 import { fetchTopContent } from '../../reducers/TopContentReducer';
 import { isClusterIdEnabledForProduct } from '../../utils/caseOpenshiftClusterIdUtils';
 import RouteUtils from '../../utils/routeUtils';
+import { AttachmentStateContext } from '../shared/fileUpload/reducer/AttachmentReducerContext';
 export function GlobalTroubleshootEffects(props) {
     const [initDefaultSection, setInitDefaultSection] = useState(false);
     const dispatchToRouteReducer = useContext(RouteDispatchContext);
@@ -64,6 +65,7 @@ export function GlobalTroubleshootEffects(props) {
     // top content state
     const { topContentState: { topContentPayload }, } = useContext(TCStateContext);
     const tcDispatch = useContext(TCDispatchContext);
+    const { attachmentState: { caseFiles: { selectedLocalFiles }, }, } = useContext(AttachmentStateContext);
     const { resetCaseCreateState } = useResetCaseCreate();
     const prevSectionsToHide = usePrevious(sectionsToHide);
     const hasSummaryInUrl = !isEmpty(urlQueryParams.summary);
@@ -238,8 +240,7 @@ export function GlobalTroubleshootEffects(props) {
             return;
         }
         const getEARules = () => __awaiter(this, void 0, void 0, function* () {
-            const rulesBody = {
-                caseType: {
+            const rulesBody = Object.assign({ caseType: {
                     product,
                     version,
                     summary,
@@ -247,11 +248,15 @@ export function GlobalTroubleshootEffects(props) {
                     type: caseType,
                     language,
                     accountNumber,
-                },
-                accountType: { isSecure: selectedAccountDetails.data.securedEnvironment || false },
-                userType: { canAddAttachments },
-                fields: ['title', 'cta', 'description', 'rule_type', 'rule_sub_type', 'rule_id'],
-            };
+                    session_id: activeSessionId,
+                }, accountType: { isSecure: selectedAccountDetails.data.securedEnvironment || false }, userType: { canAddAttachments }, fields: ['title', 'cta', 'description', 'rule_type', 'rule_sub_type', 'rule_id'] }, ((selectedLocalFiles === null || selectedLocalFiles === void 0 ? void 0 : selectedLocalFiles.length) && {
+                attachment: selectedLocalFiles.map((file) => ({
+                    uuid: file.attachmentId,
+                    fileName: file.name,
+                    size: file.size,
+                    fileType: file.type,
+                })),
+            }));
             yield fetchEdmundAbbottRules(rulesDispatch, rulesBody);
         });
         getEARules();
@@ -269,6 +274,9 @@ export function GlobalTroubleshootEffects(props) {
         loggedInUserRights.data,
         rulesDispatch,
         selectedAccountDetails.data.securedEnvironment,
+        selectedLocalFiles,
+        selectedLocalFiles === null || selectedLocalFiles === void 0 ? void 0 : selectedLocalFiles.length,
+        activeSessionId,
     ], 2000);
     /**
      * If a component refetches the global account details , we want to make sure that the same changes are reflected in the

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "0.2.118",
+    "version": "0.2.121",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -26,13 +26,13 @@
         "lib/**/*"
     ],
     "peerDependencies": {
-        "@cee-eng/hydrajs": "4.12.5",
+        "@cee-eng/hydrajs": "4.12.6",
         "@cee-eng/ui-toolkit": "1.1.6",
-        "@patternfly/patternfly": "4.185.1",
+        "@patternfly/patternfly": "4.202.1",
         "@patternfly/pfe-accordion": "1.12.3",
         "@patternfly/pfe-collapse": "1.12.3",
         "@patternfly/pfe-tabs": "1.12.3",
-        "@patternfly/react-core": "4.202.16",
+        "@patternfly/react-core": "4.224.1",
         "@rh-support/api": "0.3.9",
         "@rh-support/components": "^0.1.3",
         "@rh-support/react-context": "^0.1.3",
@@ -63,22 +63,22 @@
         "react-virtualized": "^9.21.2"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "4.12.5",
+        "@cee-eng/hydrajs": "4.12.6",
         "@cee-eng/ui-toolkit": "1.1.6",
         "@patternfly/patternfly": "4.185.1",
         "@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.202.16",
+        "@patternfly/react-core": "4.224.1",
         "@progress/kendo-drawing": "^1.6.0",
         "@progress/kendo-react-pdf": "^3.12.0",
-        "@rh-support/api": "0.3.23",
-        "@rh-support/components": "1.1.71",
-        "@rh-support/react-context": "0.2.76",
+        "@rh-support/api": "0.3.24",
+        "@rh-support/components": "1.1.73",
+        "@rh-support/react-context": "0.2.78",
         "@rh-support/types": "0.2.0",
-        "@rh-support/user-permissions": "0.2.60",
-        "@rh-support/utils": "0.2.45",
+        "@rh-support/user-permissions": "0.2.61",
+        "@rh-support/utils": "0.2.46",
         "@types/react-redux": "^7.1.12",
         "@types/redux": "^3.6.0",
         "@webcomponents/webcomponentsjs": "^2.2.10",
@@ -143,5 +143,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "ac2b3cfea14d51c3c89d3c4c86e343ea742e269f"
+    "gitHead": "1462a3928f01dcc4bd501c6423c1ff1f2e1b48b3"
 }