@rh-support/troubleshoot 0.2.53 → 0.2.56

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

@@ -276,8 +276,8 @@ export function PostComment(props) {
                 onClipboardPaste,
             } }),
         isProcessing ? (React.createElement(LoadingIndicator, { isInline: true, size: "sm" })) : (React.createElement("div", { className: "pf-l-flex post-comment-btn-group push-top-narrow" },
-            isModalOpen && loggedInUser.data.isInternal && (React.createElement(VerifyCaseStatusModal, { onClose: onCancel, onConfirm: onConfirm, isUpdating: isPostingComment, caseNumber: props.caseNumber })),
-            React.createElement(Button, { "data-tracking-id": "postcomment-submit-button", type: "button", variant: ButtonVariant.primary, onClick: loggedInUser.data.isInternal ? onBtnClick : isNotInternalConfirm, isDisabled: isPostCommentDisabled, className: "postcomment-submit" },
+            isModalOpen && loggedInUser.data.isInternal && isPublic && (React.createElement(VerifyCaseStatusModal, { onClose: onCancel, onConfirm: onConfirm, isUpdating: isPostingComment, caseNumber: props.caseNumber })),
+            React.createElement(Button, { "data-tracking-id": "postcomment-submit-button", type: "button", variant: ButtonVariant.primary, onClick: loggedInUser.data.isInternal && isPublic ? onBtnClick : isNotInternalConfirm, isDisabled: isPostCommentDisabled, className: "postcomment-submit" },
                 React.createElement(Trans, null, "Submit")),
             canAddAttachments &&
                 (isPublic && canPostPrivateComments ? (React.createElement(Tooltip, { content: t('You can attach files privately') }, fileUploadButton)) : (fileUploadButton)),

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/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';

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

@@ -1 +1 @@
-{"version":3,"file":"InsightsRuleInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/InsightsRuleInfo.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAI7D,UAAU,MAAM;IACZ,GAAG,EAAE,wBAAwB,CAAC;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,EAAE,CAAC;CAC3B;AAOD,wBAAgB,gBAAgB,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,aAAa,EAAE,EAAE,MAAM,eAuJ1E"}
+{"version":3,"file":"InsightsRuleInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/InsightsRuleInfo.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAI7D,UAAU,MAAM;IACZ,GAAG,EAAE,wBAAwB,CAAC;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,EAAE,CAAC;CAC3B;AAOD,wBAAgB,gBAAgB,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,aAAa,EAAE,EAAE,MAAM,eA0J1E"}

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

@@ -1,6 +1,7 @@
 import { pcm } from '@cee-eng/hydrajs';
 import { Accordion, AccordionContent, AccordionItem, AccordionToggle, Label, LabelGroup } from '@patternfly/react-core';
 import BullseyeIcon from '@patternfly/react-icons/dist/js/icons/bullseye-icon';
+import CaretRightIcon from '@patternfly/react-icons/dist/js/icons/caret-right-icon';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import { getRuleReasonHtml } from '@rh-support/utils';
 import React, { useContext, useEffect, useRef, useState } from 'react';
@@ -74,6 +75,7 @@ export function InsightsRuleInfo({ doc, showNewTag, duplicateKeys }) {
                         React.createElement(Trans, null, "Additional info")),
                     React.createElement(AccordionContent, { isHidden: !isAdditionalExpanded },
                         React.createElement("p", { onClick: onAdditionalInfoElemClick, dangerouslySetInnerHTML: parseMoreInfo(ruleData === null || ruleData === void 0 ? void 0 : ruleData.more_info, (_g = insightsReport === null || insightsReport === void 0 ? void 0 : insightsReport.current) === null || _g === void 0 ? void 0 : _g.details) }))))),
-            React.createElement("a", { className: "se-recommended ts-result-insights cta-link", rel: "noopener noreferrer", target: "_blank", onClick: onCtaClick(doc.view_uri), "data-tracking-id": "se-recommended-insights-rule", href: getTrackingULRWithQueryParams(doc.view_uri, SessionResourceSource.INSIGHTS) },
-                React.createElement(Trans, null, "Related article")))))));
+            React.createElement("a", { className: "se-recommended pf-c-button pf-m-link ts-result-insights cta-link", rel: "noopener noreferrer", target: "_blank", onClick: onCtaClick(doc.view_uri), "data-tracking-id": "se-recommended-insights-rule", "aria-label": "Related article", role: "button", href: getTrackingULRWithQueryParams(doc.view_uri, SessionResourceSource.INSIGHTS) },
+                React.createElement(Trans, null, "Related article"),
+                React.createElement(CaretRightIcon, null)))))));
 }

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

@@ -84,7 +84,7 @@ export function InsightResultModal(props) {
                 React.createElement(Button, { isDisabled: isFetching, isLoading: isFetching, onClick: handleSolvedIssue, key: "solved-my-issue", variant: "primary", "data-tracking-id": "solved-my-issue-critical-solutions-modal" }, t('I solved my issue')),
                 React.createElement(Button, { onClick: props.onModalToggle, key: "confirm", variant: "secondary", "data-tracking-id": "cancel-critical-solutions-modal" }, t('Cancel')),
             ] },
-            React.createElement(Accordion, { className: "push-top-narrow", headingLevel: "h2", asDefinitionList: false },
+            React.createElement(Accordion, { className: "push-top-narrow", headingLevel: "h2", asDefinitionList: false, isBordered: true },
                 props.insightResults.map((doc) => (React.createElement(InsightsRuleInfo, { duplicateKeys: duplicateKeys, showNewTag: canShowNewTag, key: doc.id + doc.attachmentId, doc: doc }))),
                 props.EARule.length > 0 &&
                     props.EARule.map((rule, index) => (React.createElement(EARuleInfoAccordion, { showNewTag: canShowNewTag, key: `${index}_eaRule`, rule: rule })))))));

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

@@ -1 +1 @@
-{"version":3,"file":"useParseRuleMarkdown.d.ts","sourceRoot":"","sources":["../../../src/hooks/useParseRuleMarkdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,qDAAqD,CAAC;AAQ5F,eAAO,MAAM,oBAAoB;8CAgBd,MAAM,8BAET,qBAAqB,qBACV,MAAM,cACb,MAAM;;;8BAMW,MAAM;0CAOzB,MAAM,UACR,qBAAqB,qBACV,MAAM,cACb,MAAM;;;0CA/BuB,MAAM,UAAU,qBAAqB;CA6CrF,CAAC"}
+{"version":3,"file":"useParseRuleMarkdown.d.ts","sourceRoot":"","sources":["../../../src/hooks/useParseRuleMarkdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,qDAAqD,CAAC;AAQ5F,eAAO,MAAM,oBAAoB;8CAgBd,MAAM,8BAET,qBAAqB,qBACV,MAAM,cACb,MAAM;;;8BAMW,MAAM;0CAQzB,MAAM,UACR,qBAAqB,qBACV,MAAM,cACb,MAAM;;;0CAhCuB,MAAM,UAAU,qBAAqB;CA8CrF,CAAC"}

package/lib/esm/hooks/useParseRuleMarkdown.js

@@ -20,13 +20,14 @@ export const useParseRuleMarkdown = () => {
             openLinksInNewTab: true,
         });
     }
+    // TODO: Remove pf-c-button, pf-m-link, anchor-tag-button once Accordion bug is fixed
     function parseMarkdownWithTracking(markdown, source, trackingClassName, trackingId) {
         const anchorHrefRegex = /href="(.*?)"/g;
         const targetBlankRegex = new RegExp(`target="blank"`, 'g');
         return {
             __html: parseMarkdown(markdown)
                 .replace(anchorHrefRegex, `href="${getTrackingULRWithQueryParams('$1', source)}"`)
-                .replace(targetBlankRegex, `target="blank" class="se-recommended ${trackingClassName}" data-tracking-id="${trackingId}"`),
+                .replace(targetBlankRegex, `target="blank" class="se-recommended pf-c-button pf-m-link anchor-tag-button ${trackingClassName}" data-tracking-id="${trackingId}"`),
         };
     }
     return { parseDotMarkdownWithTracking, parseMarkdown, parseMarkdownWithTracking, getTrackingULRWithQueryParams };

package/lib/esm/scss/_main.scss

@@ -933,3 +933,7 @@ div.pf-c-alert.ea-rule-alert > div.pf-c-alert__description > p {
 .risk-label-critical {
     background-color: var(--pf-global--palette--red-200);
 }
+
+.anchor-tag-button {
+    padding: 0;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "0.2.53",
+    "version": "0.2.56",
     "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.27",
-        "@rh-support/react-context": "0.2.30",
+        "@rh-support/components": "1.1.28",
+        "@rh-support/react-context": "0.2.31",
         "@rh-support/types": "0.2.0",
-        "@rh-support/user-permissions": "0.2.21",
-        "@rh-support/utils": "0.2.19",
+        "@rh-support/user-permissions": "0.2.22",
+        "@rh-support/utils": "0.2.20",
         "@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": "2cf344190779d4ddb83084c2aa0664c6856c02d7"
+    "gitHead": "888b282fb16eda05ab2c622c298164921d22bcbc"
 }