@rh-support/troubleshoot 2.2.10 → 2.2.12

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

@@ -1 +1 @@
-{"version":3,"file":"CaseContactPhoneNumber.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseContactPhoneNumber.tsx"],"names":[],"mappings":"AAsBA,wBAAgB,sBAAsB,gBAqOrC"}
+{"version":3,"file":"CaseContactPhoneNumber.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseContactPhoneNumber.tsx"],"names":[],"mappings":"AAuBA,wBAAgB,sBAAsB,gBA8OrC"}

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

@@ -17,7 +17,7 @@ import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import { PHONE_IS_NOT_VALID, PHONE_LINE_CANNOT_BE_EMPTY, PHONE_NO_CHAR_ERROR, } from '../../../../constants/caseDetailsConstants';
+import { PHONE_INSTRUCTION, PHONE_IS_NOT_VALID, PHONE_LINE_CANNOT_BE_EMPTY, PHONE_NO_CHAR_ERROR, } from '../../../../constants/caseDetailsConstants';
 import { useCaseDispatch, useCaseSelector } from '../../../../context/CaseContext';
 import { useCaseUpdateErrorMessage } from '../../../../hooks/useCaseUpdateErrorMessage';
 import { PHONE_LIMIT } from '../../../../reducers/CaseConstNTypes';
@@ -151,6 +151,12 @@ export function CaseContactPhoneNumber() {
                 React.createElement(CheckIcon, null)),
             React.createElement("button", { className: "btn btn-app btn-link", type: "button", onClick: onClear, "data-tracking-id": "case-details-page-supplied-phone-cancel", style: { display: isExportingPDF ? 'none' : '' }, disabled: isEmpty(localFullPhoneState) },
                 React.createElement(TimesIcon, { color: "#6A6E73" }))),
+        !invalid &&
+            (localFullPhoneState === null || localFullPhoneState === void 0 ? void 0 : localFullPhoneState.length) < PHONE_LIMIT &&
+            !(isPhoneLineEmpty && isSaveClicked) &&
+            !(isSaveClicked && isPhoneNumberInvalid) &&
+            !isShowOldPhone && (React.createElement("p", { className: "form-instructions" },
+            React.createElement(Trans, null, PHONE_INSTRUCTION))),
         invalid && (React.createElement("p", { className: "form-instructions form-invalid" },
             React.createElement(Trans, null, PHONE_NO_CHAR_ERROR))),
         (localFullPhoneState === null || localFullPhoneState === void 0 ? void 0 : localFullPhoneState.length) > PHONE_LIMIT && (React.createElement("p", { className: "form-instructions form-invalid" }, maxLengthErrorMessage)),

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

@@ -1 +1 @@
-{"version":3,"file":"ContactPhoneNumber.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/ContactPhoneNumber.tsx"],"names":[],"mappings":"AAqBA,wBAAgB,kBAAkB,gBAkJjC"}
+{"version":3,"file":"ContactPhoneNumber.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/ContactPhoneNumber.tsx"],"names":[],"mappings":"AAqBA,wBAAgB,kBAAkB,gBA2JjC"}

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

@@ -80,6 +80,15 @@ export function ContactPhoneNumber() {
         setLocalFullPhone(phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [phoneAreaCodePrefixLineNumber, phoneCountryCode, loggedInUser.data]);
+    useEffect(() => {
+        if (isEqual(localFullPhone.trim(), '+')) {
+            setLocalFullPhone('');
+        }
+        else if (!isEmpty(localFullPhone) && !localFullPhone.startsWith('+')) {
+            setLocalFullPhone('+' + localFullPhone.replace(' ', ''));
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [localFullPhone]);
     return (React.createElement("div", { className: "form-group", style: { minWidth: '200px' } },
         React.createElement("label", null,
             React.createElement(Trans, null, "Case owner's phone number"),

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

@@ -1 +1 @@
-{"version":3,"file":"SubmitCase.d.ts","sourceRoot":"","sources":["../../../../src/components/SubmitCase/SubmitCase.tsx"],"names":[],"mappings":"AA4BA,MAAM,CAAC,OAAO,UAAU,UAAU,gBAmTjC"}
+{"version":3,"file":"SubmitCase.d.ts","sourceRoot":"","sources":["../../../../src/components/SubmitCase/SubmitCase.tsx"],"names":[],"mappings":"AA4BA,MAAM,CAAC,OAAO,UAAU,UAAU,gBA6SjC"}

package/lib/esm/components/SubmitCase/SubmitCase.js

@@ -7,7 +7,7 @@ import { getConfigField, getRedhatDotComHost, PCM_CONFIG_FIELD_TYPE, PreviousCas
 import find from 'lodash/find';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
-import React, { useContext, useEffect, useRef, useState } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';
 import { useCaseSelector } from '../../context/CaseContext';
@@ -40,7 +40,6 @@ export default function SubmitCase() {
     }), isEqual);
     const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
     const { topContentState: { topContent }, } = useContext(TCStateContext);
-    const tooltipRef = useRef();
     const { rulesState } = useContext(RulesStateContext);
     const { clusterRecommendationsState: { clusterRecommendations }, } = useContext(ClusterRecommendationsContext);
     const { attachmentState } = useContext(AttachmentStateContext);
@@ -135,8 +134,8 @@ export default function SubmitCase() {
                         React.createElement(ActionListItem, null,
                             React.createElement(Button, { component: "a", href: `${getRedhatDotComHost(Env.getEnvName())}/wapps/ugc/protected/${'personalInfo.html'}`, target: "_blank", variant: "secondary", "data-tracking-id": "get-support-update-info", className: "update-info-button" }, "Update info")),
                         React.createElement(ActionListItem, null, viewDisabled ? (React.createElement(React.Fragment, null,
-                            React.createElement(Tooltip, { content: t('File upload in progress.'), "aria-live": 'polite', reference: tooltipRef }),
-                            React.createElement(Button, { className: "pf-u-ml-md", component: "a", href: getCaseURL(), variant: "primary", "data-tracking-id": "get-support-view-case", isDisabled: viewDisabled, ref: tooltipRef, "aria-label": t('View case') }, "View case"))) : (React.createElement(Button, { className: "pf-u-ml-md", component: (props) => React.createElement(Link, Object.assign({}, props, { to: `/case/${caseNumber}` })), variant: "primary", "data-tracking-id": "get-support-view-case", "aria-label": t('View case') }, "View case")))))),
+                            React.createElement(Tooltip, { content: t('File upload in progress.'), position: "bottom" },
+                                React.createElement(Button, { className: "pf-u-ml-md", component: "a", href: getCaseURL(), variant: "primary", "data-tracking-id": "get-support-view-case", "aria-label": t('View case'), isAriaDisabled: viewDisabled }, "View case")))) : (React.createElement(Button, { className: "pf-u-ml-md", component: (props) => React.createElement(Link, Object.assign({}, props, { to: `/case/${caseNumber}` })), variant: "primary", "data-tracking-id": "get-support-view-case", "aria-label": t('View case') }, "View case")))))),
             !isEmpty(attachmentState.caseFiles.selectedLocalFiles) && (React.createElement(FileUploader, { idToUploadTo: caseNumber, isSessionId: false, isSecureSupport: loggedInUsersAccount.data.secureSupport })),
             React.createElement("div", null,
                 (!isEmpty(topContent.data) || !rulesState.EARules.rules || !clusterRecommendations) &&

package/lib/esm/components/shared/fileUpload/FileLister.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileLister.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/fileUpload/FileLister.tsx"],"names":[],"mappings":"AA6BA,OAAO,EAAiB,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAGxE,eAAO,MAAM,qBAAqB,2FAAyC,CAAC;AAiB5E,UAAU,MAAM;IACZ,kBAAkB,EAAE,UAAU,EAAE,CAAC;IACjC,UAAU,EAAE,CAAC,eAAe,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACtG,YAAY,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACtE,OAAO,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,eAgS/C"}
+{"version":3,"file":"FileLister.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/fileUpload/FileLister.tsx"],"names":[],"mappings":"AA+BA,OAAO,EAAiB,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAGxE,eAAO,MAAM,qBAAqB,2FAAyC,CAAC;AAiB5E,UAAU,MAAM;IACZ,kBAAkB,EAAE,UAAU,EAAE,CAAC;IACjC,UAAU,EAAE,CAAC,eAAe,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACtG,YAAY,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACtE,OAAO,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,eA2S/C"}

package/lib/esm/components/shared/fileUpload/FileLister.js

@@ -2,12 +2,14 @@ import { pcm } from '@cee-eng/hydrajs';
 import { Button, ButtonVariant, Label, Progress, ProgressMeasureLocation } from '@patternfly/react-core';
 import HistoryIcon from '@patternfly/react-icons/dist/js/icons/history-icon';
 import { CircularProgressbar } from '@rh-support/components';
-import { humanizeSize } from '@rh-support/utils';
+import { humanizeSize, PreviousCaseTypes } from '@rh-support/utils';
 import capitalize from 'lodash/capitalize';
 import isEmpty from 'lodash/isEmpty';
+import isEqual from 'lodash/isEqual';
 import map from 'lodash/map';
-import React from 'react';
+import React, { useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
+import { useCaseSelector } from '../../../context/CaseContext';
 import { ATTACHMENT_DESCRIPTION_LENGTH_LIMIT } from '../../../reducers/CaseConstNTypes';
 import { isAnalysingFile, isAnalysisFailed, isFileDeleted, isUploadAborted, isUploadedAndAnalysisFailed, isUploadedAndAnalysisSkipped, isUploadedAndAnalyzed, isUploadFailed, isUploading, isUploadingAttachment, isUploadingOnCase, isUploadingOnSession, isUploadOnTrack, isVerifyingUpload, shouldHideDescription, } from './reducer/AttachmentHelper';
 import { FileStatusHelper } from './reducer/FileStatusHelper';
@@ -35,6 +37,13 @@ export default function FileLister(props) {
         props.onFileEdit &&
             props.onFileEdit(editedLocalFile, indexToEdit, { description: editedLocalFile.description.trim() });
     };
+    const { caseType } = useCaseSelector((state) => ({
+        caseType: state.caseDetails.caseType,
+    }), isEqual);
+    const [isIdea, setIsIdea] = useState(false);
+    useEffect(() => {
+        setIsIdea(caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT);
+    }, [caseType]);
     // To retry file upload
     const onRetry = (index) => () => {
         props.onRetry && props.onRetry(index);
@@ -125,7 +134,7 @@ export default function FileLister(props) {
                     React.createElement("input", { id: `file-${index + 1}-description`, "data-tracking-id": `case-${props.isSessionId ? 'create' : 'details'}-file-${index + 1}-description`, className: "file-description form-control pf-u-my-sm", type: "text", value: localFile.description, onChange: onDescriptionChange(localFile, index), maxLength: 255, placeholder: t(`${shouldHideDescription(localFile, props.isSessionId)
                             ? ''
                             : t('Enter a description')}`), hidden: shouldHideDescription(localFile, props.isSessionId) }),
-                    isUploadedAndAnalysisSkipped(localFile) && (React.createElement("span", { className: "text-muted" }, localFile.analysisMetadata.analysisErrorMesssage)),
+                    isUploadedAndAnalysisSkipped(localFile) && !isIdea && (React.createElement("span", { className: "text-muted" }, localFile.analysisMetadata.analysisErrorMesssage)),
                     localFile.description.length === ATTACHMENT_DESCRIPTION_LENGTH_LIMIT ? (React.createElement("p", { className: "form-instructions" },
                         React.createElement(Trans, null, maxCaseAttachmentDescription))) : null,
                     isUploadedAndAnalysisFailed(localFile) && (React.createElement("span", { className: "text-danger" },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.2.10",
+    "version": "2.2.12",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -66,8 +66,8 @@
         "@patternfly/react-core": "4.264.0",
         "@progress/kendo-drawing": "^1.6.0",
         "@progress/kendo-react-pdf": "^3.12.0",
-        "@rh-support/components": "2.1.5",
-        "@rh-support/react-context": "2.1.5",
+        "@rh-support/components": "2.1.6",
+        "@rh-support/react-context": "2.1.6",
         "@rh-support/types": "2.0.2",
         "@rh-support/user-permissions": "2.1.3",
         "@rh-support/utils": "2.1.1",
@@ -133,5 +133,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "4de9544feb2e412e3f3fc6c95843cce2419a026c"
+    "gitHead": "18d4816c03d679b40b4523e266e375e44344492a"
 }