@rh-support/troubleshoot 0.2.50 → 0.2.54

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/VerifyCaseStatusModal/VerifyCaseStatusModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VerifyCaseStatusModal.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/VerifyCaseStatusModal/VerifyCaseStatusModal.tsx"],"names":[],"mappings":"AAkBA,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,eA8IlD"}
+{"version":3,"file":"VerifyCaseStatusModal.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/VerifyCaseStatusModal/VerifyCaseStatusModal.tsx"],"names":[],"mappings":"AAiBA,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,eAiIlD"}

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/VerifyCaseStatusModal/VerifyCaseStatusModal.js

@@ -12,9 +12,8 @@ import { ToastNotification } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
 import { ability, resourceActions, resources } from '@rh-support/user-permissions';
 import isEqual from 'lodash/isEqual';
-import React, { useContext, useEffect, useReducer, useRef, useState } from 'react';
+import React, { useContext, useEffect, useReducer, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import { CaseStatusEnum } from '../../../../../constants/caseDetailsConstants';
 import { useCaseDispatch, useCaseSelector } from '../../../../../context/CaseContext';
 import { caseOverviewReducer, fetchAllStatuses, initialCaseViewState, setStatusUpdating, } from '../../../../../reducers/CaseOverviewReducer';
 import { updateCaseDetails } from '../../../../../reducers/CaseReducer';
@@ -51,15 +50,15 @@ export function VerifyCaseStatusModal(props) {
     useEffect(() => {
         fetchAllStatuses(caseOverviewDispatch, loggedInUsersAccount.data.secureSupport);
     }, [caseOverviewDispatch, loggedInUsersAccount.data.secureSupport]);
-    console.log(caseOverviewState.allCaseStatuses.data);
     const { isCaseUpdating } = caseState;
-    const reopenStatusRef = useRef(null);
     const canEditCase = useCanEditCase();
     const caseDispatch = useCaseDispatch();
     const [statusChange, setStatusChange] = useState();
+    const [isVerifyCaseStatusLoading, setIsVerifyCaseStatusLoading] = useState(false);
     const onSubmit = () => __awaiter(this, void 0, void 0, function* () {
-        props.onConfirm();
         yield updateStatusState(statusChange);
+        setIsVerifyCaseStatusLoading(true);
+        props.onConfirm();
     });
     const updateStatusState = (statusVal, onStatusUpdate = null) => __awaiter(this, void 0, void 0, function* () {
         setStatusUpdating(caseOverviewDispatch, true);
@@ -77,26 +76,11 @@ export function VerifyCaseStatusModal(props) {
     const onStatusChange = (event, newStatus) => __awaiter(this, void 0, void 0, function* () {
         if (canEditCase.alert())
             return;
-        if (status === CaseStatusEnum.CLOSED && newStatus !== CaseStatusEnum.CLOSED) {
-            onCaseReopen(newStatus);
-        }
-        else if (newStatus === CaseStatusEnum.CLOSED) {
-            onCaseClose();
-        }
-        else {
-            setStatusChange(newStatus);
-            onDropdownToggle(false);
-        }
-    });
-    const onCaseClose = () => __awaiter(this, void 0, void 0, function* () {
-        props.onClose();
-    });
-    const onCaseReopen = (selectedStatus = null) => __awaiter(this, void 0, void 0, function* () {
-        reopenStatusRef.current = selectedStatus;
-        props.onClose();
+        setStatusChange(newStatus);
+        onDropdownToggle(false);
     });
     return (React.createElement(Modal, { id: "case-close-modal", title: t(`Please verify this case's status`), description: t(`Consider whether or not you're ready to nudge the customer`), "aria-describedby": "case-close-modal", isOpen: true, onClose: props.onClose, showClose: true, actions: [
-            React.createElement(Button, { key: "submit-description", variant: ButtonVariant.primary, onClick: onSubmit, isLoading: props.isUpdating, isDisabled: props.isUpdating, "data-tracking-id": "close-case-description-modal-submit" },
+            React.createElement(Button, { key: "submit-description", variant: ButtonVariant.primary, onClick: onSubmit, isLoading: isVerifyCaseStatusLoading, isDisabled: props.isUpdating, "data-tracking-id": "close-case-description-modal-submit" },
                 React.createElement(Trans, null, "Continue")),
             React.createElement(Button, { key: "close-modal", variant: ButtonVariant.link, onClick: props.onClose, isDisabled: props.isUpdating, "data-tracking-id": "close-case-description-modal-cancel" },
                 React.createElement(Trans, null, "Cancel")),
@@ -104,7 +88,7 @@ export function VerifyCaseStatusModal(props) {
         React.createElement("h3", { className: "subheading subheading-sm" },
             React.createElement(Trans, null, "Status"),
             React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
-        React.createElement(Select, { "aria-label": t(status), id: "verify-case-status", selections: status, onSelect: onStatusChange, isOpen: showDropdown, isDisabled: !canManageCase ||
+        React.createElement(Select, { "aria-label": t(status), id: "verify-case-status", selections: statusChange, onSelect: onStatusChange, isOpen: showDropdown, isDisabled: !canManageCase ||
                 caseOverviewState.allCaseStatuses.isFetching ||
                 (caseOverviewState.caseStatusUpdating && isCaseUpdating), menuAppendTo: document.body, validated: !status ? 'error' : 'default', placeholderText: t(status), onToggle: onDropdownToggle }, caseOverviewState.allCaseStatuses.data.map((option, index) => (React.createElement(SelectOption, { key: index, value: option },
             React.createElement(Trans, null, option)))))));

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

@@ -1 +1 @@
-{"version":3,"file":"ClusterRecommendationItems.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/ClusterRecommendationItems.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,oDAAoD,CAAC;AAW5F,UAAU,MAAM;IACZ,sBAAsB,EAAE,sBAAsB,EAAE,CAAC;CACpD;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,eAiFvD"}
+{"version":3,"file":"ClusterRecommendationItems.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/ClusterRecommendationItems.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,oDAAoD,CAAC;AAW5F,UAAU,MAAM;IACZ,sBAAsB,EAAE,sBAAsB,EAAE,CAAC;CACpD;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,eAoFvD"}

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

@@ -28,7 +28,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, className: riskLabels[rule.total_risk].className },
                     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/Recommendations/EARules/EARule.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EARule.d.ts","sourceRoot":"","sources":["../../../../../src/components/Recommendations/EARules/EARule.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAE/D,UAAU,cAAc;IACpB,IAAI,EAAE,aAAa,CAAC;IACpB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CAClG;AAGD,eAAO,MAAM,aAAa,+BAGxB,CAAC;AAEH,wBAAgB,gBAAgB,mBAM/B;AACD,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;;CAAA,eAyBxC;AAED,iBAAS,WAAW,gBAGnB;AAED,iBAAS,iBAAiB,gBAsBzB;AAED,iBAAS,aAAa,CAAC,EAAE,SAA6B,EAAE,SAAc,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,eAgBnH;AAED,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"EARule.d.ts","sourceRoot":"","sources":["../../../../../src/components/Recommendations/EARules/EARule.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAE/D,UAAU,cAAc;IACpB,IAAI,EAAE,aAAa,CAAC;IACpB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CAClG;AAGD,eAAO,MAAM,aAAa,+BAGxB,CAAC;AAEH,wBAAgB,gBAAgB,mBAM/B;AACD,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;;CAAA,eAyBxC;AAED,iBAAS,WAAW,gBAGnB;AAED,iBAAS,iBAAiB,gBAsBzB;AAED,iBAAS,aAAa,CAAC,EAAE,SAA6B,EAAE,SAAc,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,eAgBnH;AAED,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,aAAa,EAAE,CAAC"}

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

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
 import { pcm } from '@cee-eng/hydrajs';
 import React, { useContext } from 'react';
 import { Trans } from 'react-i18next';
@@ -49,7 +50,7 @@ function EARuleArticle({ linkTitle = 'Related Article', className = '' }) {
     const { getTrackingULRWithQueryParams } = useParseRuleMarkdown();
     if (!rule.cta)
         return null;
-    return (React.createElement("a", { className: `se-recommended ts-known-vuln ${className}`, rel: "noopener noreferrer", target: "_blank", "data-tracking-id": "se-recommended-asa-rule", onClick: onCtaClick(rule.cta), href: getTrackingULRWithQueryParams(rule.cta, SessionResourceSource.EDMOUND_ABOTT) },
+    return (React.createElement("a", { className: `se-recommended pf-c-button pf-m-link ts-known-vuln ${className}`, rel: "noopener noreferrer", target: "_blank", "data-tracking-id": "se-recommended-asa-rule", onClick: onCtaClick(rule.cta), href: getTrackingULRWithQueryParams(rule.cta, SessionResourceSource.EDMOUND_ABOTT) },
         React.createElement(Trans, null, linkTitle)));
 }
 export { EARuleTitle, EARuleDescription, EARuleArticle };

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

@@ -52,20 +52,24 @@ export declare const markdownInlineFileSelectEvent = "PCM-Next > Markdown-toolba
 export declare const markdownFilePasteEvent = "PCM-Next > Markdown-toolbar-file-paste";
 export declare const riskLabels: {
     1: {
+        icon: import("react").ComponentClass<import("@patternfly/react-icons/dist/js/createIcon").SVGIconProps, any>;
         label: string;
-        color: string;
+        className: string;
     };
     2: {
+        icon: import("react").ComponentClass<import("@patternfly/react-icons/dist/js/createIcon").SVGIconProps, any>;
         label: string;
-        color: string;
+        className: string;
     };
     3: {
+        icon: import("react").ComponentClass<import("@patternfly/react-icons/dist/js/createIcon").SVGIconProps, any>;
         label: string;
-        color: string;
+        className: string;
     };
     4: {
+        icon: () => JSX.Element;
         label: string;
-        color: string;
+        className: string;
     };
 };
 //# sourceMappingURL=Constants.d.ts.map

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.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,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,7 @@
+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 EqualsIcon from '@patternfly/react-icons/dist/js/icons/equals-icon';
+import CriticalIcon from './CustomIcons/CriticalIcon';
 export default {
     languagesMap: {
         en: 'English',
@@ -51,8 +55,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: AngleDoubleDownIcon, label: 'Low', className: 'risk-label-low' },
+    2: { icon: EqualsIcon, label: 'Moderate', className: 'risk-label-moderate' },
+    3: { icon: AngleDoubleUpIcon, label: 'Important', className: 'risk-label-important' },
+    4: { icon: CriticalIcon, label: 'Critical', className: 'risk-label-critical' },
 };

package/lib/esm/components/shared/CustomIcons/CriticalIcon.d.ts

@@ -0,0 +1,3 @@
+declare const CriticalIcon: () => JSX.Element;
+export default CriticalIcon;
+//# sourceMappingURL=CriticalIcon.d.ts.map

package/lib/esm/components/shared/CustomIcons/CriticalIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CriticalIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/CustomIcons/CriticalIcon.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,YAAY,mBAcjB,CAAC;AACF,eAAe,YAAY,CAAC"}

package/lib/esm/components/shared/CustomIcons/CriticalIcon.js

@@ -0,0 +1,5 @@
+import React from 'react';
+const CriticalIcon = () => (React.createElement("svg", { fill: "currentColor", height: "1em", width: "1em", viewBox: "0 0 320 512", "aria-hidden": "true", role: "img", style: { verticalAlign: '-0.125em' } },
+    React.createElement("svg", { viewBox: "0 0 10 10" },
+        React.createElement("polygon", { points: "10 10, 10 3, 5 0, 0 3, 0 10, 5 8" }))));
+export default CriticalIcon;

package/lib/esm/scss/_main.scss

@@ -921,3 +921,15 @@ div.pf-c-alert.ea-rule-alert > div.pf-c-alert__description > p {
 #case-details-aside-content[pfe-expanded] {
     overflow: visible;
 }
+.risk-label-low {
+    background-color: var(--pf-global--palette--blue-300);
+}
+.risk-label-moderate {
+    background-color: var(--pf-global--palette--gold-400);
+}
+.risk-label-important {
+    background-color: var(--pf-global--palette--orange-300);
+}
+.risk-label-critical {
+    background-color: var(--pf-global--palette--red-200);
+}

package/lib/esm/scss/_pf4-overrides.scss

@@ -289,3 +289,9 @@
         --pf-c-select__toggle--BackgroundColor: #fff;
     }
 }
+
+// Override PFE Collapse discloser = false
+div.common-suggestions pfe-accordion {
+    --pfe-accordion--FontSize--header: 16px;
+    --pfe-accordion--FontWeight--header: 600;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "0.2.50",
+    "version": "0.2.54",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -74,11 +74,11 @@
         "@progress/kendo-drawing": "^1.6.0",
         "@progress/kendo-react-pdf": "^3.12.0",
         "@rh-support/api": "0.3.10",
-        "@rh-support/components": "1.1.25",
-        "@rh-support/react-context": "0.2.28",
+        "@rh-support/components": "1.1.27",
+        "@rh-support/react-context": "0.2.30",
         "@rh-support/types": "0.2.0",
-        "@rh-support/user-permissions": "0.2.19",
-        "@rh-support/utils": "0.2.17",
+        "@rh-support/user-permissions": "0.2.21",
+        "@rh-support/utils": "0.2.19",
         "@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": "2821a4eb373d262b83d3a512900eb68d1fa22d55"
+    "gitHead": "32065538ece0d82c4e6e33dd63d6a0bf915e4a76"
 }