@rh-support/troubleshoot 1.1.4 → 1.1.6

package/lib/esm/components/CaseEditView/ActiveCustomerEscalation/RequestEscalationModal.js

@@ -126,7 +126,7 @@ export function RequestEscalationModal(props) {
             t('Submit')),
         React.createElement(Button, { key: "cancel", variant: "link", onClick: onCancel, "data-tracking-id": "request-rme-cancel", isDisabled: createEscalationFetch.isFetching || isPostingComment || isUpdatingCase, "aria-label": t('Cancel') }, t('Cancel')),
     ];
-    const header = (React.createElement(Title, { id: "custom-header-label", headingLevel: "h1" },
+    const header = (React.createElement(Title, { className: "pf-u-mb-0", id: "custom-header-label", headingLevel: "h1" },
         React.createElement(Trans, null, "Request an escalation"),
         React.createElement(Popover, { showClose: false, position: 'top', hasAutoWidth: true, bodyContent: () => (React.createElement("a", { href: "/support/escalation", target: "_blank", "aria-label": t('Learn more about escalation cases.') },
                 React.createElement(Trans, null, "Learn more about escalation cases."))) },

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

@@ -1 +1 @@
-{"version":3,"file":"OpenCaseIssue.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/OpenCaseIssue.tsx"],"names":[],"mappings":"AAYA,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AASD,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,eAiFnC;kBAjFQ,aAAa;;;AAoFtB,eAAe,aAAa,CAAC"}
+{"version":3,"file":"OpenCaseIssue.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/OpenCaseIssue.tsx"],"names":[],"mappings":"AAYA,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AASD,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,eAkGnC;kBAlGQ,aAAa;;;AAqGtB,eAAe,aAAa,CAAC"}

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

@@ -43,13 +43,23 @@ function OpenCaseIssue(props) {
         limit: SUMMARY_LENGTH_LIMIT,
     });
     return (React.createElement(React.Fragment, null,
-        React.createElement(InlineEdit, { labelProps: { htmlFor: 'get-support-summary' }, labelContent: React.createElement(React.Fragment, null,
+        React.createElement(InlineEdit, { labelProps: {
+                htmlFor: supportType === PreviousCaseTypes.FEATURE_ENHANCEMENT
+                    ? 'get-support-title'
+                    : 'get-support-summary',
+            }, labelContent: React.createElement(React.Fragment, null,
                 React.createElement(Trans, null, supportType === PreviousCaseTypes.FEATURE_ENHANCEMENT ? 'Title' : 'Summary'),
                 ' ',
                 !!props.required && (React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))), allowInlineEdit: props.inlineEditable, hideSaveCancel: !!props.hideSaveCancel, initialIsEditing: !!props.initialIsEditing, saveOnBlur: true, collapseOnBlur: !!props.collapseOnBlur && !isSummaryInValid, content: summary },
-            React.createElement("input", { type: "text", id: "get-support-summary", className: `form-control${isSummaryInValid || hasLargeSummary || (showValidationErrorAlert && !summary)
+            React.createElement("input", { type: "text", id: supportType === PreviousCaseTypes.FEATURE_ENHANCEMENT
+                    ? 'get-support-title'
+                    : 'get-support-summary', className: `form-control${isSummaryInValid || hasLargeSummary || (showValidationErrorAlert && !summary)
                     ? ' form-invalid'
-                    : ''}`, "aria-invalid": isSummaryInValid, "aria-required": !!props.required, required: !!props.required, name: "get-support-summary", placeholder: t("Summarize what you're experiencing today"), value: summary, onChange: onSummaryChange, onBlur: onSummaryBlur, autoFocus: !!props.autoFocus, "data-tracking-id": "get-support-summary" })),
+                    : ''}`, "aria-invalid": isSummaryInValid, "aria-required": !!props.required, required: !!props.required, name: supportType === PreviousCaseTypes.FEATURE_ENHANCEMENT
+                    ? 'get-support-title'
+                    : 'get-support-summary', placeholder: t("Summarize what you're experiencing today"), value: summary, onChange: onSummaryChange, onBlur: onSummaryBlur, autoFocus: !!props.autoFocus, "data-tracking-id": supportType === PreviousCaseTypes.FEATURE_ENHANCEMENT
+                    ? 'get-support-title'
+                    : 'get-support-summary' })),
         ((_a = summary) === null || _a === void 0 ? void 0 : _a.length) > SUMMARY_LENGTH_LIMIT && (React.createElement("div", { className: "pull-top" },
             React.createElement("p", { className: "form-instructions form-invalid" },
                 React.createElement(Trans, null, maxLengthErrorMessage))))));

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

@@ -51,11 +51,11 @@ export default function CaseLanguageSelector(props) {
         props.isManageStep,
     ]);
     return (React.createElement("div", { className: "form-group" },
-        React.createElement("label", { htmlFor: "open-case-language" },
+        React.createElement("label", { htmlFor: "get-support-language" },
             React.createElement(Trans, null, "Preferred language"),
             ' ',
             React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
-        React.createElement(Select, { variant: SelectVariant.single, "aria-label": t(`Select a language`), onToggle: onToggle, onSelect: onLanguageChange, selections: caseLanguage, isOpen: isOpen, "aria-labelledby": 'open-case-language', isDisabled: caseLanguages.isError, validated: caseLanguages.isError ? ValidatedOptions.error : ValidatedOptions.default }, caseLanguages.data.map((sla, index) => (React.createElement(SelectOption, { value: sla, key: index }, Constants.languagesMap[sla])))),
+        React.createElement(Select, { variant: SelectVariant.single, "aria-label": t(`Select a language`), onToggle: onToggle, onSelect: onLanguageChange, selections: caseLanguage, isOpen: isOpen, "aria-labelledby": 'get-support-language', isDisabled: caseLanguages.isError, validated: caseLanguages.isError ? ValidatedOptions.error : ValidatedOptions.default }, caseLanguages.data.map((sla, index) => (React.createElement(SelectOption, { value: sla, key: index }, Constants.languagesMap[sla])))),
         React.createElement("p", { className: "form-instructions" },
             React.createElement(Trans, null, "Select a language for communicating with our support engineers."))));
 }

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

@@ -105,7 +105,7 @@ function RHAssociatesSelector(props) {
     if (!canNotifyRHAssociates)
         return React.createElement(React.Fragment, null);
     return (React.createElement(React.Fragment, null, canNotifyRHAssociates && (React.createElement("div", { className: "form-group" },
-        React.createElement("label", { htmlFor: "open-case-notifications" },
+        React.createElement("label", { htmlFor: "get-support-notifications" },
             React.createElement(Trans, null, "Red Hat associates")),
         React.createElement(ContactSelectorInternal, { className: "push-bottom-narrow", selectedContacts: filter(selectedNotificationContacts, (c) => c.isInternal), showSelectedContacts: true, contactsToExclude: !isEmpty(selectedOwner.data) ? [{ ssoUsername: selectedOwner.data.ssoUsername }] : [], id: "open-case-rh-notifications", name: "open-case-rh-notifications", multiple: true, contactListParams: {
                 internal: false,
@@ -115,7 +115,7 @@ function RHAssociatesSelector(props) {
             React.createElement(Trans, null, "Add me as a watcher"))),
         caseNumber && showRemoveWatchButton() && (React.createElement("div", { ref: toolTipRef, className: "remove-me-as-watcher pf-u-display-inline-block" }, isCurrentUserCaseContact ? (React.createElement(React.Fragment, null,
             React.createElement(Tooltip, { trigger: 'mouseenter focus', reference: toolTipRef, position: TooltipPosition.top, content: React.createElement(Trans, null, "You are case contact and therefore you cannot be removed as watcher") }),
-            React.createElement(Button, { variant: "tertiary", onClick: removeCurrentUser, type: "button", isDisabled: true, "data-tracking-id": "case-remove-me-rh-watcher" },
+            React.createElement(Button, { variant: "tertiary", onClick: removeCurrentUser, type: "button", isDisabled: true, "data-tracking-id": "case-remove-me-rh-watcher-case-contact" },
                 React.createElement(Trans, null, "Remove me as a watcher")))) : (React.createElement(Button, { variant: "secondary", onClick: removeCurrentUser, type: "button", "data-tracking-id": "case-remove-me-rh-watcher" },
             React.createElement(Trans, null, "Remove me as a watcher")))))))));
 }

package/lib/esm/components/CaseManagement/SendNotifications/CaseContactSelector.js

@@ -246,7 +246,7 @@ function CaseContactSelector(props) {
     if (!canSeeEmailNotifications)
         return React.createElement(React.Fragment, null);
     return (React.createElement("div", { className: "form-group" },
-        React.createElement("label", { htmlFor: "open-case-notifications" },
+        React.createElement("label", { htmlFor: "get-support-notifications" },
             React.createElement(Trans, null, "Send notifications")),
         loggedInUserRights.data.isOrgAdmin() ? (React.createElement(React.Fragment, null,
             React.createElement("div", { "data-tracking-id": "send-notification-listbox" },

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

@@ -1 +1 @@
-{"version":3,"file":"AlertToastWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/AlertToastWrapper.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAc,EAAE,EAAE,EAAwB,MAAM,OAAO,CAAC;AAOxD,UAAU,MAAM;IACZ,qBAAqB,EAAE,CAAC,cAAc,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5D;AAED,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,MAAM,CAmBjC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"AlertToastWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/AlertToastWrapper.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAc,EAAE,EAAE,EAAmC,MAAM,OAAO,CAAC;AAUnE,UAAU,MAAM;IACZ,qBAAqB,EAAE,CAAC,cAAc,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5D;AAED,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,MAAM,CA8BjC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -2,16 +2,24 @@
  * We need to wrap Critical solution toast notification and Cluster recommendation toast notification so they don't get overlapped.
  */
 import { AlertGroup } from '@patternfly/react-core';
-import React, { useContext, useState } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
+import { isUploadedAndAnalyzed } from '../../components/shared/fileUpload/reducer/AttachmentHelper';
 import { RouteContext } from '../../context/RouteContext';
 import { hideSideBarClusterIdRuleToast } from '../../reducers/RouteConstNTypes';
+import { AttachmentStateContext } from '../shared/fileUpload';
 import { ResubmitToast } from '../SubmitCase/ResubmitToast';
 import ClusterRecommendationToast from './ClusterRecommendationToast';
 import CriticalSolutionsToast from './CriticalSolutionsToast';
 const AlertToastWrapper = ({ submitCaseAndNavigate }) => {
     const { routeState: { activeSection }, } = useContext(RouteContext);
-    const hideClusterIdReportModal = hideSideBarClusterIdRuleToast.includes(activeSection);
     const [isCriticalSolutionsVisible, setIsCriticalSolutionsVisible] = useState(true);
+    const { attachmentState } = useContext(AttachmentStateContext);
+    useEffect(() => {
+        const isEveryFileFinished = attachmentState.caseFiles.selectedLocalFiles.every((file) => isUploadedAndAnalyzed(file));
+        isEveryFileFinished && setIsCriticalSolutionsVisible(true);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [attachmentState.caseFiles.selectedLocalFiles]);
+    const hideClusterIdReportModal = hideSideBarClusterIdRuleToast.includes(activeSection);
     const userClosed = () => {
         setIsCriticalSolutionsVisible(false);
     };

package/lib/esm/components/shared/fileUpload/fileSelectors/WidgetFileSelectorImage.js

@@ -11,7 +11,7 @@ function WidgetFileSelectorImage({ id = '', className = '', isSessionId, isPriva
     const dispatchToAttachmentReducer = useContext(AttachmentDispatchContext);
     const { getRootProps, getInputProps, isDragActive, inputRef, rejectedFiles } = useDropzone({
         onDrop: onDrop(dispatchToAttachmentReducer, isSessionId, isPrivate),
-        accept: 'image/*',
+        accept: ['.jpeg', '.png', '.jpg', '.gif'],
         maxSize: MAX_SIZE,
     });
     const onLabelClick = (evt) => {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "1.1.4",
+    "version": "1.1.6",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -73,8 +73,8 @@
         "@patternfly/react-core": "4.264.0",
         "@progress/kendo-drawing": "^1.6.0",
         "@progress/kendo-react-pdf": "^3.12.0",
-        "@rh-support/components": "1.3.0",
-        "@rh-support/react-context": "1.1.1",
+        "@rh-support/components": "1.3.1",
+        "@rh-support/react-context": "1.1.2",
         "@rh-support/types": "0.2.1-beta.58",
         "@rh-support/user-permissions": "1.1.0",
         "@rh-support/utils": "1.0.10-beta.58",
@@ -145,5 +145,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "aa7baf511d220c1f19d6f965bbdc2e3861e5d820"
+    "gitHead": "8c85bdb8941ddb7070c5356a3c89c1c676c147fb"
 }