@rh-support/troubleshoot 2.2.1 → 2.2.3

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":"AAgBA,wBAAgB,sBAAsB,gBAuKrC"}
+{"version":3,"file":"CaseContactPhoneNumber.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseContactPhoneNumber.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,sBAAsB,gBAgLrC"}

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

@@ -13,6 +13,7 @@ import CheckIcon from '@patternfly/react-icons/dist/js/icons/check-icon';
 import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
 import { PhoneInput, ToastNotification } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
+import { isEmpty } from 'lodash';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -36,6 +37,7 @@ export function CaseContactPhoneNumber() {
     const [isCasePhoneUpdating, setCasePhoneUpdating] = useState(false);
     const [localFullPhoneState, setLocalFullPhoneState] = useState(phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber);
     const [localCountryCodeState, setLocalCountryCodeState] = useState(phoneCountryCode);
+    const [invalid, setInvalid] = useState(false);
     const caseDispatch = useCaseDispatch();
     const caseUpdateError = useCaseUpdateErrorMessage();
     const { t } = useTranslation();
@@ -104,24 +106,31 @@ export function CaseContactPhoneNumber() {
             caseUpdateError.showError(e, t(`Phone number failed to update`));
         }
     });
-    const maxLengthErrorMessage = t('Phone number cannot be more than {{limit}} characters.', {
+    const maxLengthErrorMessage = t('Phone number cannot be more than {{limit}} digits.', {
         limit: PHONE_LIMIT,
     });
     const isPhoneNeedsReview = contactSSOName === loggedInUser.data.ssoUsername && suppliedPhoneNumberVerified === 'Deferred';
-    return (React.createElement("div", { className: "form-group pf-u-pb-lg", style: { minWidth: '200px' } },
+    const noCharErrorMessage = t('Phone number can only have digits.');
+    const isPhoneNumberValid = (localFullPhoneState === null || localFullPhoneState === void 0 ? void 0 : localFullPhoneState.length) > PHONE_LIMIT
+        ? ValidatedOptions.error
+        : isPhoneNeedsReview
+            ? ValidatedOptions.warning
+            : invalid
+                ? ValidatedOptions.error
+                : ValidatedOptions.default;
+    return (React.createElement("div", { className: "form-group pf-u-pb-sm", style: { minWidth: '200px' } },
         React.createElement("h3", { className: `subheading subheading-sm ${isExportingPDF ? 'expand-input' : ''}` },
             React.createElement(Trans, null, "Case owner's phone number"),
             !isExportingPDF ? ContactPhoneNumberPopOver() : ''),
         React.createElement(InputGroupText, { variant: InputGroupTextVariant.plain },
-            React.createElement(PhoneInput, { phoneValue: localFullPhoneState, onPhoneValueChange: onPhoneChange, onCountryCodeChange: onCountryCodeChange, validations: (localFullPhoneState === null || localFullPhoneState === void 0 ? void 0 : localFullPhoneState.length) > PHONE_LIMIT
-                    ? ValidatedOptions.error
-                    : isPhoneNeedsReview
-                        ? ValidatedOptions.warning
-                        : ValidatedOptions.default, isDisabled: isCasePhoneUpdating || isCaseOwnerUpdating, isLoading: isCasePhoneUpdating, "data-tracking-id": "case-details-page-supplied-phone" }),
+            React.createElement(PhoneInput, { phoneValue: localFullPhoneState, onPhoneValueChange: onPhoneChange, onCountryCodeChange: onCountryCodeChange, validations: isPhoneNumberValid, isDisabled: isCasePhoneUpdating || isCaseOwnerUpdating, isLoading: isCasePhoneUpdating, "data-tracking-id": "case-details-page-supplied-phone", invalid: invalid, setInvalid: setInvalid }),
             React.createElement("button", { className: "btn btn-app btn-link pf-u-ml-sm", type: "button", "data-tracking-id": "case-details-page-supplied-phone-save", onClick: () => onSave(), disabled: (localFullPhoneState === null || localFullPhoneState === void 0 ? void 0 : localFullPhoneState.length) > PHONE_LIMIT ||
                     localFullPhoneState === phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber, style: { display: isExportingPDF ? 'none' : '' } },
                 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' : '' } },
+            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 && React.createElement("p", { className: "form-instructions form-invalid" },
+            noCharErrorMessage,
+            " "),
         (localFullPhoneState === null || localFullPhoneState === void 0 ? void 0 : localFullPhoneState.length) > PHONE_LIMIT && (React.createElement("p", { className: "form-instructions form-invalid" }, maxLengthErrorMessage))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"CaseHostname.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseHostname.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAa5D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,cAAc,EAAE,OAAO,CAAC;CAC3B;AAMD,iBAAS,YAAY,CAAC,KAAK,EAAE,MAAM,eAqKlC;kBArKQ,YAAY;;;AAwKrB,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"CaseHostname.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseHostname.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAc5D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,cAAc,EAAE,OAAO,CAAC;CAC3B;AAMD,iBAAS,YAAY,CAAC,KAAK,EAAE,MAAM,eA0KlC;kBA1KQ,YAAY;;;AA6KrB,OAAO,EAAE,YAAY,EAAE,CAAC"}

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

@@ -22,6 +22,7 @@ import { HOSTNAME_LENGTH_LIMIT } from '../../../../reducers/CaseConstNTypes';
 import { updateCaseDetails } from '../../../../reducers/CaseReducer';
 import { CaseValuesToWatch } from '../../../shared/Constants';
 import { getChangedValueTooltip } from '../../../shared/utils';
+import { PDFContext } from '../../PDFContainer';
 const defaultProps = {
     inlineEditable: false,
 };
@@ -38,6 +39,7 @@ function CaseHostname(props) {
     const canUseHostName = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.HOSTNAME);
     const [isShareHostNamesChecked, setIsShareHostNamesChecked] = useState(false);
     const [isHostnamesLoading, setIsHostnamesLoading] = useState(true);
+    const { isExportingPDF } = useContext(PDFContext);
     const { globalMetadataState: { loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
     const { request: fetchHostnameDefault } = useFetch(accounts.getIsSharingHostname);
     const userOriginalHostnameValue = () => __awaiter(this, void 0, void 0, function* () {
@@ -108,8 +110,8 @@ function CaseHostname(props) {
     return (React.createElement(React.Fragment, null,
         React.createElement(InlineEdit, { labelProps: { htmlFor: 'case-details-hostname' }, formClassName: props.className || '', labelContent: React.createElement(React.Fragment, null,
                 React.createElement(Trans, null, "Hostname"),
-                React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, isLocalChange: localHostnameChange, value: hostname, getTooltipContent: getChangedValueTooltip(() => CaseValuesToWatch.hostname) })), helperContent: React.createElement(Popover, { "aria-label": "Hostname Info", position: PopoverPosition.auto, bodyContent: hostNameVisibilityContent, closeBtnAriaLabel: "Close", headerContent: 'Share hostname?', onShow: () => userOriginalHostnameValue() },
-                React.createElement(QuestionCircleIcon, { className: "pf-u-ml-xs icon-size", "aria-label": "Hostname Info" })), allowInlineEdit: props.inlineEditable, content: hostname, saveDisabled: hostnameState === hostname || isHostnameUpdating || lengthError, onSave: onSave, onCancel: onCancel, initialIsEditing: false, loadingIndicator: isHostnameUpdating ? React.createElement(LoadingIndicator, { show: isHostnameUpdating, isInline: true }) : undefined },
+                React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, isLocalChange: localHostnameChange, value: hostname, getTooltipContent: getChangedValueTooltip(() => CaseValuesToWatch.hostname) })), helperContent: !isExportingPDF ? (React.createElement(Popover, { "aria-label": "Hostname Info", position: PopoverPosition.auto, bodyContent: hostNameVisibilityContent, closeBtnAriaLabel: "Close", headerContent: 'Share hostname?', onShow: () => userOriginalHostnameValue() },
+                React.createElement(QuestionCircleIcon, { className: "pf-u-ml-xs icon-size", "aria-label": "Hostname Info" }))) : undefined, allowInlineEdit: props.inlineEditable, content: hostname, saveDisabled: hostnameState === hostname || isHostnameUpdating || lengthError, onSave: onSave, onCancel: onCancel, initialIsEditing: false, loadingIndicator: isHostnameUpdating ? React.createElement(LoadingIndicator, { show: isHostnameUpdating, isInline: true }) : undefined, isExportingPDF: isExportingPDF },
             React.createElement("input", { type: "text", id: "case-details-hostname", className: `form-control${lengthError ? ' form-invalid' : ''}`, name: "case-details-hostname", value: hostnameState, onChange: onHostnameChange, disabled: isHostnameUpdating, "data-tracking-id": "case-details-hostname", "aria-invalid": lengthError })),
         lengthError && (React.createElement("div", { className: "pull-top" },
             React.createElement("p", { className: "form-instructions form-invalid" },

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":"AAYA,wBAAgB,kBAAkB,gBA4DjC"}
+{"version":3,"file":"ContactPhoneNumber.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/ContactPhoneNumber.tsx"],"names":[],"mappings":"AAYA,wBAAgB,kBAAkB,gBAkFjC"}

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

@@ -2,7 +2,7 @@ import { ValidatedOptions } from '@patternfly/react-core';
 import { PhoneInput } from '@rh-support/components';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
-import React from 'react';
+import React, { useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { PHONE_LIMIT } from '../../reducers/CaseConstNTypes';
@@ -16,10 +16,14 @@ export function ContactPhoneNumber() {
         phoneCountryCode: state.caseDetails.phoneCountryCode,
         phoneAreaCodePrefixLineNumber: state.caseDetails.phoneAreaCodePrefixLineNumber,
     }), isEqual);
-    const getPhone = () => phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber;
+    const [invalid, setInvalid] = useState(false);
+    const getPhone = () => phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber.replace(phoneCountryCode, '');
     const caseDispatch = useCaseDispatch();
     const { t } = useTranslation();
     const onPhoneChange = (fullPhone) => {
+        if (isEmpty(fullPhone)) {
+            setInvalid(false);
+        }
         setCaseDetails(caseDispatch, {
             phoneAreaCodePrefixLineNumber: phoneCountryCode
                 ? fullPhone.substring(phoneCountryCode.length, fullPhone.length).trim()
@@ -27,19 +31,32 @@ export function ContactPhoneNumber() {
         });
     };
     const onCountryCodeChange = (phoneCountryCode) => {
-        setCaseDetails(caseDispatch, { phoneCountryCode });
+        setCaseDetails(caseDispatch, { phoneCountryCode: phoneCountryCode });
     };
-    const maxLengthErrorMessage = t('Phone number cannot be more than {{limit}} characters.', {
+    const maxLengthErrorMessage = t('Phone number cannot be more than {{limit}} digits.', {
         limit: PHONE_LIMIT,
     });
+    const phoneNumberEmptyError = t('Phone number cannot be empty when country code is given.');
+    // To check if country code is given but phone number empty
+    const isPhoneNumberEmpty = !isEmpty(phoneCountryCode) && isEmpty(phoneAreaCodePrefixLineNumber === null || phoneAreaCodePrefixLineNumber === void 0 ? void 0 : phoneAreaCodePrefixLineNumber.replace(phoneCountryCode, ''));
+    const isPhoneNumberValid = ((_a = getPhone) === null || _a === void 0 ? void 0 : _a.length) > PHONE_LIMIT
+        ? ValidatedOptions.error
+        : severity === "1 (Urgent)" /* SEV_1 */ && isEmpty(suppliedPhoneNumberVerified)
+            ? ValidatedOptions.warning
+            : isPhoneNumberEmpty
+                ? ValidatedOptions.error
+                : invalid
+                    ? ValidatedOptions.error
+                    : ValidatedOptions.default;
+    const noCharErrorMessage = t('Phone number can only have digits.');
     return (React.createElement("div", { className: "form-group pf-u-pb-xl", style: { minWidth: '200px' } },
         React.createElement("label", null,
             React.createElement(Trans, null, "Case owner's phone number"),
             ContactPhoneNumberPopOver()),
-        React.createElement(PhoneInput, { phoneValue: getPhone(), onPhoneValueChange: onPhoneChange, onCountryCodeChange: onCountryCodeChange, validations: ((_a = getPhone) === null || _a === void 0 ? void 0 : _a.length) > PHONE_LIMIT
-                ? ValidatedOptions.error
-                : severity === "1 (Urgent)" /* SEV_1 */ && isEmpty(suppliedPhoneNumberVerified)
-                    ? ValidatedOptions.warning
-                    : ValidatedOptions.default }),
-        ((_b = getPhone()) === null || _b === void 0 ? void 0 : _b.length) > PHONE_LIMIT && (React.createElement("p", { className: "form-instructions form-invalid" }, maxLengthErrorMessage))));
+        React.createElement(PhoneInput, { phoneValue: getPhone(), onPhoneValueChange: onPhoneChange, onCountryCodeChange: onCountryCodeChange, validations: isPhoneNumberValid, invalid: invalid, setInvalid: setInvalid }),
+        invalid && React.createElement("p", { className: "form-instructions form-invalid" },
+            noCharErrorMessage,
+            " "),
+        ((_b = getPhone()) === null || _b === void 0 ? void 0 : _b.length) > PHONE_LIMIT && (React.createElement("p", { className: "form-instructions form-invalid" }, maxLengthErrorMessage)),
+        isPhoneNumberEmpty && React.createElement("p", { className: "form-instructions form-invalid" }, phoneNumberEmptyError)));
 }

package/lib/esm/components/CaseInformation/ContactPhoneNumberPopOver.d.ts

@@ -1,2 +1,2 @@
-export declare function ContactPhoneNumberPopOver(): JSX.Element;
+export declare const ContactPhoneNumberPopOver: () => JSX.Element;
 //# sourceMappingURL=ContactPhoneNumberPopOver.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContactPhoneNumberPopOver.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/ContactPhoneNumberPopOver.tsx"],"names":[],"mappings":"AAKA,wBAAgB,yBAAyB,gBAexC"}
+{"version":3,"file":"ContactPhoneNumberPopOver.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/ContactPhoneNumberPopOver.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,yBAAyB,mBAerC,CAAC"}

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

@@ -2,8 +2,8 @@ import { Popover, PopoverPosition } from '@patternfly/react-core';
 import QuestionCircleIcon from '@patternfly/react-icons/dist/js/icons/question-circle-icon';
 import React from 'react';
 import { Trans } from 'react-i18next';
-export function ContactPhoneNumberPopOver() {
+export const ContactPhoneNumberPopOver = () => {
     return (React.createElement(Popover, { "aria-label": "Support Severity Level info", position: PopoverPosition.right, bodyContent: React.createElement("p", null,
             React.createElement(Trans, null, "These changes to your phone number affect only this case.")), closeBtnAriaLabel: "Close" },
         React.createElement(QuestionCircleIcon, { className: "pf-u-ml-xs icon-size", "aria-label": "Contact Phone Number Info" })));
-}
+};

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

@@ -1 +1 @@
-{"version":3,"file":"Fts.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Fts.tsx"],"names":[],"mappings":"AAoBA,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAQD,iBAAS,GAAG,CAAC,KAAK,EAAE,MAAM,eAqLzB;kBArLQ,GAAG;;;AAwLZ,eAAe,GAAG,CAAC"}
+{"version":3,"file":"Fts.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Fts.tsx"],"names":[],"mappings":"AAoBA,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAQD,iBAAS,GAAG,CAAC,KAAK,EAAE,MAAM,eAsLzB;kBAtLQ,GAAG;;;AAyLZ,eAAe,GAAG,CAAC"}

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

@@ -134,13 +134,13 @@ function Fts(props) {
     // To disable save button if field is empty or is updating
     const isSaveDisabled = contactInfo24X7State === contactInfo24x7 || isFtsContactUpdating;
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "form-group push-top" },
+        React.createElement("div", { className: "form-group pf-u-mb-md" },
             React.createElement("input", { type: "checkbox", id: "get-support-fts", "data-tracking-id": "get-support-fts", disabled: disableFtsNContact, name: "get-support-fts", checked: fts, onChange: onFtsChange }),
             React.createElement("label", { htmlFor: "get-support-fts" },
                 React.createElement(Trans, null, "24x7 Support")),
             React.createElement(LoadingIndicator, { size: "sm", isInline: true, show: isFtsUpdating, className: "pf-u-ml-sm" })),
         fts === true && (React.createElement(React.Fragment, null,
-            React.createElement(InlineEdit, { labelProps: { htmlFor: 'get-support-24-7-contact' }, labelContent: React.createElement(Trans, null, "24x7 Contact"), allowInlineEdit: props.inlineEditable && !disableFtsNContact, hideSaveCancel: props.hideSaveCancel, initialIsEditing: props.initialIsEditing, content: contactInfo24x7, onSave: onSave, onCancel: onCancel, saveDisabled: isSaveDisabled, loadingIndicator: isFtsContactUpdating ? React.createElement(LoadingIndicator, { isInline: true }) : undefined, isExportingPDF: isExportingPDF },
+            React.createElement(InlineEdit, { formClassName: "pf-u-mb-md", labelProps: { htmlFor: 'get-support-24-7-contact' }, labelContent: React.createElement(Trans, null, "24x7 Contact"), allowInlineEdit: props.inlineEditable && !disableFtsNContact, hideSaveCancel: props.hideSaveCancel, initialIsEditing: props.initialIsEditing, content: contactInfo24x7, onSave: onSave, onCancel: onCancel, saveDisabled: isSaveDisabled, loadingIndicator: isFtsContactUpdating ? React.createElement(LoadingIndicator, { isInline: true }) : undefined, isExportingPDF: isExportingPDF },
                 React.createElement(TextAreaAutosize, { id: "get-support-24-7-contact", className: `form-control`, name: "get-support-24-7-contact", value: contactInfo24X7State, onChange: onFtsContactChange, disabled: disableFtsNContact, "data-tracking-id": "get-support-24-7-contact" }),
                 React.createElement("p", { className: "form-instructions" },
                     React.createElement(Trans, null, "Please provide contact information where you can be reached at any time to help you with your case."))),

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

@@ -19,12 +19,12 @@ export default function CaseManagement(props) {
         setCaseDetails(caseDispatch, payload);
     };
     return (React.createElement("form", null,
+        React.createElement(SupportLevel, null),
         React.createElement(Flex, { direction: { default: 'column', '2xl': 'row' }, className: "severity-flex-case-management" },
             React.createElement(FlexItem, { flex: { default: 'flex_1' } },
-                React.createElement(SupportLevel, null)),
+                React.createElement(Severity, { showSeverityInfoIcon: true, onSeverityChange: onSeverityChange })),
             React.createElement(FlexItem, { flex: { default: 'flex_1' } },
-                React.createElement(Severity, { showSeverityInfoIcon: true, onSeverityChange: onSeverityChange }))),
-        React.createElement(ContactPhoneNumber, null),
+                React.createElement(ContactPhoneNumber, null))),
         React.createElement(ContactPhoneNumberAlert, null),
         React.createElement(Fts, { inlineEditable: false }),
         React.createElement(CaseLanguageSelector, { isManageStep: true }),

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

@@ -248,7 +248,7 @@ function CaseContactSelector(props) {
     };
     if (!canSeeEmailNotifications)
         return React.createElement(React.Fragment, null);
-    return (React.createElement("div", { className: "form-group" },
+    return (React.createElement("div", { className: "form-group pf-u-mb-md" },
         React.createElement("label", { htmlFor: "get-support-notifications" },
             React.createElement(Trans, null, "Send notifications")),
         loggedInUserRights.data.isOrgAdmin() ? (React.createElement(React.Fragment, null,

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

@@ -1 +1 @@
-{"version":3,"file":"EditDescription.d.ts","sourceRoot":"","sources":["../../../../src/components/EditDescription/EditDescription.tsx"],"names":[],"mappings":"AAaA,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;CAC3B;AAUD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,eAoEpD"}
+{"version":3,"file":"EditDescription.d.ts","sourceRoot":"","sources":["../../../../src/components/EditDescription/EditDescription.tsx"],"names":[],"mappings":"AAcA,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;CAC3B;AAUD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,eAuEpD"}

package/lib/esm/components/EditDescription/EditDescription.js

@@ -11,12 +11,13 @@ import { kase } from '@cee-eng/hydrajs';
 import { encodeAngularBrackets, linkifyBZIDs, linkifyWithCaseIDs } from '@cee-eng/ui-toolkit';
 import { InlineEdit, LoadingIndicator, TextAreaAutosize, ToastNotification } from '@rh-support/components';
 import isEqual from 'lodash/isEqual';
-import React, { useState } from 'react';
+import React, { useContext, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useParams } from 'react-router-dom';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { DESCRIPTION_LENGTH_LIMIT, LargeDescriptionErrorMessage } from '../../reducers/CaseConstNTypes';
 import { setCaseDetails } from '../../reducers/CaseReducer';
+import { PDFContext } from '../CaseEditView/PDFContainer';
 const linkifiedDescription = (text) => {
     text = encodeAngularBrackets(text);
     text = linkifyWithCaseIDs(text);
@@ -33,6 +34,7 @@ export default function EditDescription(props) {
     const caseDispatch = useCaseDispatch();
     const [localDescription, setLocalDescription] = useState(description);
     const [isUpdating, setIsUpdating] = useState(false);
+    const { isExportingPDF } = useContext(PDFContext);
     const [isDescriptionTextAreaFocused, setDescriptionTextAreaFocused] = useState(false);
     const onDescriptionSave = () => __awaiter(this, void 0, void 0, function* () {
         setDescriptionTextAreaFocused(false);
@@ -58,7 +60,7 @@ export default function EditDescription(props) {
     };
     const descriptionErrorMessage = t(LargeDescriptionErrorMessage, { limit: DESCRIPTION_LENGTH_LIMIT });
     return (React.createElement(InlineEdit, { labelContent: React.createElement(React.Fragment, null,
-            React.createElement(Trans, null, "Description")), loadingIndicator: isUpdating ? React.createElement(LoadingIndicator, { size: "xs" }) : null, labelProps: { htmlFor: 'edit-description' }, content: React.createElement("div", { dangerouslySetInnerHTML: { __html: linkifiedDescription(localDescription) } }), allowInlineEdit: !!props.inlineEditable, saveDisabled: localDescription === description || isUpdating, usePreformattedTag: true, onSave: onDescriptionSave },
+            React.createElement(Trans, null, "Description")), loadingIndicator: isUpdating ? React.createElement(LoadingIndicator, { size: "xs" }) : null, labelProps: { htmlFor: 'edit-description' }, content: React.createElement("div", { dangerouslySetInnerHTML: { __html: linkifiedDescription(localDescription) } }), allowInlineEdit: !!props.inlineEditable, saveDisabled: localDescription === description || isUpdating, usePreformattedTag: true, onSave: onDescriptionSave, isExportingPDF: isExportingPDF },
         React.createElement(TextAreaAutosize, { id: "edit-description", name: "edit-description", className: `form-control${hasLargeCaseDescription ? ' form-invalid' : ''}`, value: localDescription, disabled: isUpdating, onChange: onDescriptionChange, "data-tracking-id": "edit-description" }),
         React.createElement("p", { className: "form-instructions" }, `${hasLargeCaseDescription && isDescriptionTextAreaFocused ? descriptionErrorMessage : ''}`)));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"useIsSectionValid.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/useIsSectionValid.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAInE,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,gBAAgB;;;;;EAmM9D"}
+{"version":3,"file":"useIsSectionValid.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/useIsSectionValid.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAInE,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,gBAAgB;;;;;EAsM9D"}

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

@@ -43,7 +43,7 @@ export function useIsSectionValid(sectionName) {
         if (caseType === 'Feature / Enhancement Request') {
             unallowedFiles = selectedLocalFiles.filter((file) => !allowedTypesIdea.includes(file.type));
         }
-        let hasUnallowedFiles = unallowedFiles.length > 0;
+        let hasUnallowedFiles = (unallowedFiles === null || unallowedFiles === void 0 ? void 0 : unallowedFiles.length) > 0;
         return !hasUnallowedFiles; // we want it false to trigger the error if its true
     };
     const isGetSupportSectionValidLocal = () => {
@@ -53,6 +53,7 @@ export function useIsSectionValid(sectionName) {
             !selectedAccountDetails.data.subscriptionAbuse);
     };
     const isSummarizeSectionValid = () => {
+        var _a;
         return (!isEmpty(product) &&
             !isEmpty(version) &&
             !allProducts.isFetching &&
@@ -60,15 +61,16 @@ export function useIsSectionValid(sectionName) {
             !topContent.isFetching &&
             !isEmpty(summary) &&
             !recommendationState.isLoadingRecommendations &&
-            summary.length < SUMMARY_LENGTH_LIMIT);
+            ((_a = summary) === null || _a === void 0 ? void 0 : _a.length) < SUMMARY_LENGTH_LIMIT);
     };
     const isCaseManagementSectionValid = () => {
+        var _a, _b;
         const hasContactInfo24x7ValidLength = contactInfo24x7
-            ? contactInfo24x7.length <= CONTACT_INFO_24X7_LIMIT
+            ? (contactInfo24x7 === null || contactInfo24x7 === void 0 ? void 0 : contactInfo24x7.length) <= CONTACT_INFO_24X7_LIMIT
             : true;
-        const hasAlternateCaseIdValidLength = alternateId ? alternateId.length <= CASE_REFERENCE_NUMBER_LIMIT : true;
+        const hasAlternateCaseIdValidLength = alternateId ? (alternateId === null || alternateId === void 0 ? void 0 : alternateId.length) <= CASE_REFERENCE_NUMBER_LIMIT : true;
         const hasSuppliedPhoneValidLength = phoneAreaCodePrefixLineNumber || phoneCountryCode
-            ? phoneCountryCode.length + phoneAreaCodePrefixLineNumber.length + 1 <= PHONE_LIMIT
+            ? ((_a = phoneCountryCode) === null || _a === void 0 ? void 0 : _a.length) + ((_b = phoneAreaCodePrefixLineNumber) === null || _b === void 0 ? void 0 : _b.length) + 1 <= PHONE_LIMIT
             : true;
         return (isCaseManagementStateValid(caseState, loggedInUserJwtToken) &&
             hasContactInfo24x7ValidLength &&
@@ -76,21 +78,24 @@ export function useIsSectionValid(sectionName) {
             hasSuppliedPhoneValidLength);
     };
     const isTroubleshootSectionValid = () => {
-        var _a;
+        var _a, _b, _c;
         // don't check for entitled product if user is on search intent flow
         const isEntitledProductLocal = isSearchIntent ? true : isEntitledProduct;
         return (!recommendationState.isLoadingRecommendations &&
             !isEmpty(summary) &&
             isEntitledProductLocal &&
-            summary.length <= SUMMARY_LENGTH_LIMIT &&
-            description.length <= DESCRIPTION_LENGTH_LIMIT &&
-            isClusterIDValid(caseState, (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult));
+            ((_a = summary) === null || _a === void 0 ? void 0 : _a.length) <= SUMMARY_LENGTH_LIMIT &&
+            ((_b = description) === null || _b === void 0 ? void 0 : _b.length) <= DESCRIPTION_LENGTH_LIMIT &&
+            isClusterIDValid(caseState, (_c = allProducts.data) === null || _c === void 0 ? void 0 : _c.productsResult));
     };
     const isReviewSectionValid = () => {
         var _a;
         return (isEntitledProduct &&
             isCaseStateValid(caseState, loggedInUserJwtToken) &&
-            isClusterIDValid(caseState, (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult));
+            isClusterIDValid(caseState, (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult) &&
+            (!isEmpty(phoneCountryCode) && isEmpty(phoneAreaCodePrefixLineNumber === null || phoneAreaCodePrefixLineNumber === void 0 ? void 0 : phoneAreaCodePrefixLineNumber.replace(phoneCountryCode, ''))
+                ? false
+                : true));
     };
     const isDescribeIdeaSectionValid = () => {
         return (isCaseManagementStateValid(caseState, loggedInUserJwtToken) &&
@@ -100,7 +105,7 @@ export function useIsSectionValid(sectionName) {
     };
     const isCaseDescribeMoreSectionValidLocal = () => {
         var _a;
-        const hostnameIsValid = hostname ? hostname.length <= HOSTNAME_LENGTH_LIMIT : true;
+        const hostnameIsValid = hostname ? (hostname === null || hostname === void 0 ? void 0 : hostname.length) <= HOSTNAME_LENGTH_LIMIT : true;
         return (!caseState.hasInvalidEntitlements &&
             isClusterIDValid(caseState, (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult) &&
             isCaseInformationSectionValid(caseState, loggedInUserJwtToken) &&

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

@@ -1 +1 @@
-{"version":3,"file":"useResetCaseCreate.d.ts","sourceRoot":"","sources":["../../../src/hooks/useResetCaseCreate.tsx"],"names":[],"mappings":"AAoBA,wBAAgB,kBAAkB;;EAoCjC"}
+{"version":3,"file":"useResetCaseCreate.d.ts","sourceRoot":"","sources":["../../../src/hooks/useResetCaseCreate.tsx"],"names":[],"mappings":"AAqBA,wBAAgB,kBAAkB;;EAsCjC"}

package/lib/esm/hooks/useResetCaseCreate.js

@@ -1,4 +1,4 @@
-import { fetchLoggedInUsersAccount, GlobalMetadataDispatchContext, GlobalMetadataStateContext, } from '@rh-support/react-context';
+import { fetchLoggedInUser, fetchLoggedInUsersAccount, GlobalMetadataDispatchContext, GlobalMetadataStateContext, } from '@rh-support/react-context';
 import { useContext } from 'react';
 import { AttachmentDispatchContext, resetAttachment } from '../components/shared/fileUpload';
 import { useCaseDispatch } from '../context/CaseContext';
@@ -22,6 +22,8 @@ export function useResetCaseCreate() {
     const clusterRecommendationsDispatch = useContext(ClusterRecommendationsDispatchContext);
     const { globalMetadataState: { loggedInUsersAccount, loggedInUserRights, loggedInUserJwtToken }, } = useContext(GlobalMetadataStateContext);
     const resetCaseCreateState = () => {
+        // On case creation we refetch the user contact details to get users updated phone number
+        fetchLoggedInUser(dispatchToGlobalMetadataReducer, loggedInUserJwtToken, {});
         resetAttachment(dispatchToAttachmentReducer);
         resetTopContent(tcDispatch);
         resetRecommendations(recommendationsDispatch);

package/lib/esm/reducers/CaseHelpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseHelpers.d.ts","sourceRoot":"","sources":["../../../src/reducers/CaseHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,qDAAqD,CAAC;AACpG,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AACvG,OAAO,EAAE,YAAY,EAAE,MAAM,iDAAiD,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAkB3D,OAAO,EAUH,UAAU,EAgBb,MAAM,mBAAmB,CAAC;AAE3B,eAAO,MAAM,sBAAsB,SAAU,mBAAmB,EAAE,wBAMjE,CAAC;AAEF,eAAO,MAAM,2BAA2B,eAAgB,WAAW,KAAG,MAOrE,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAAS,mBAAmB,SAAS,MAAM,sBAyB9E,CAAC;AAIF,eAAO,MAAM,qBAAqB,UACvB,MAAM,gBACC,MAAM,uBACC,MAAM,yBACJ,MAAM,kBACb,MAAM,YACZ,MAAM,YACN,MAAM,KACjB,MAyBF,CAAC;AAIF,eAAO,MAAM,oBAAoB,UACtB,MAAM,gBACC,MAAM,uBACC,MAAM,yBACJ,MAAM,KAC9B,MAQF,CAAC;AAEF,eAAO,MAAM,uBAAuB,iBAAkB,MAAM,YAAY,MAAM,KAAG,MAQhF,CAAC;AAEF,eAAO,MAAM,uBAAuB,iBAAkB,MAAM,YAAY,MAAM,KAAG,MAQhF,CAAC;AAEF,eAAO,MAAM,sBAAsB,aAAc,MAAM,KAAG,MAKzD,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CAqC5B,CAAC;AAIF,eAAO,MAAM,gBAAgB,cAAe,UAAU,wBAAwB,QAAQ,eAAe,CAAC,KAAG,OA8BxG,CAAC;AAEF,eAAO,MAAM,oBAAoB,cAClB,UAAU,wBACC,QAAQ,eAAe,CAAC,KAC/C,OA0BF,CAAC;AAEF,eAAO,MAAM,0BAA0B,cACxB,UAAU,wBACC,QAAQ,eAAe,CAAC,KAC/C,OAiBF,CAAC;AAIF,eAAO,MAAM,6BAA6B,cAC3B,UAAU,wBACC,QAAQ,eAAe,CAAC,KAC/C,OAuBF,CAAC;AAEF,eAAO,MAAM,iBAAiB,cACf,UAAU,gBACP,YAAY,iBACZ,OAAO,KACtB,QAAQ,YAAY,CA2EtB,CAAC;AAEF,eAAO,MAAM,wBAAwB,qBAAsB,YAAY,EAAE,KAAG,YAAY,EAEvF,CAAC;AACF,eAAO,MAAM,yBAAyB,qBAAsB,YAAY,EAAE,KAAG,OAE5E,CAAC;AAEF,eAAO,MAAM,yBAAyB,gBACrB,YAAY,6BACE,MAAM,mBAChB,MAAM,KACxB,QAAQ,YAAY,CAgCtB,CAAC;AACF,eAAO,MAAM,yBAAyB,gBACrB,QAAQ,YAAY,CAAC,gCACJ,QAAQ,EAAE,KACzC,eA+CF,CAAC"}
+{"version":3,"file":"CaseHelpers.d.ts","sourceRoot":"","sources":["../../../src/reducers/CaseHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,qDAAqD,CAAC;AACpG,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AACvG,OAAO,EAAE,YAAY,EAAE,MAAM,iDAAiD,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAkB3D,OAAO,EAUH,UAAU,EAgBb,MAAM,mBAAmB,CAAC;AAE3B,eAAO,MAAM,sBAAsB,SAAU,mBAAmB,EAAE,wBAMjE,CAAC;AAEF,eAAO,MAAM,2BAA2B,eAAgB,WAAW,KAAG,MAOrE,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAAS,mBAAmB,SAAS,MAAM,sBAyB9E,CAAC;AAIF,eAAO,MAAM,qBAAqB,UACvB,MAAM,gBACC,MAAM,uBACC,MAAM,yBACJ,MAAM,kBACb,MAAM,YACZ,MAAM,YACN,MAAM,KACjB,MAyBF,CAAC;AAIF,eAAO,MAAM,oBAAoB,UACtB,MAAM,gBACC,MAAM,uBACC,MAAM,yBACJ,MAAM,KAC9B,MAQF,CAAC;AAEF,eAAO,MAAM,uBAAuB,iBAAkB,MAAM,YAAY,MAAM,KAAG,MAQhF,CAAC;AAEF,eAAO,MAAM,uBAAuB,iBAAkB,MAAM,YAAY,MAAM,KAAG,MAQhF,CAAC;AAEF,eAAO,MAAM,sBAAsB,aAAc,MAAM,KAAG,MAKzD,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CAqC5B,CAAC;AAIF,eAAO,MAAM,gBAAgB,cAAe,UAAU,wBAAwB,QAAQ,eAAe,CAAC,KAAG,OAwCxG,CAAC;AAEF,eAAO,MAAM,oBAAoB,cAClB,UAAU,wBACC,QAAQ,eAAe,CAAC,KAC/C,OA0BF,CAAC;AAEF,eAAO,MAAM,0BAA0B,cACxB,UAAU,wBACC,QAAQ,eAAe,CAAC,KAC/C,OAqBF,CAAC;AAIF,eAAO,MAAM,6BAA6B,cAC3B,UAAU,wBACC,QAAQ,eAAe,CAAC,KAC/C,OAuBF,CAAC;AAEF,eAAO,MAAM,iBAAiB,cACf,UAAU,gBACP,YAAY,iBACZ,OAAO,KACtB,QAAQ,YAAY,CA2EtB,CAAC;AAEF,eAAO,MAAM,wBAAwB,qBAAsB,YAAY,EAAE,KAAG,YAAY,EAEvF,CAAC;AACF,eAAO,MAAM,yBAAyB,qBAAsB,YAAY,EAAE,KAAG,OAE5E,CAAC;AAEF,eAAO,MAAM,yBAAyB,gBACrB,YAAY,6BACE,MAAM,mBAChB,MAAM,KACxB,QAAQ,YAAY,CAgCtB,CAAC;AACF,eAAO,MAAM,yBAAyB,gBACrB,QAAQ,YAAY,CAAC,gCACJ,QAAQ,EAAE,KACzC,eA+CF,CAAC"}

package/lib/esm/reducers/CaseHelpers.js

@@ -132,6 +132,7 @@ export const isClusterIDValid = (caseState, allProducts) => {
 export const isCaseStateValid = (caseState, loggedInUserJwtToken) => {
     var _a, _b;
     const case_details = caseState.caseDetails;
+    const regex = /^[\d ()+-]+$/;
     return (!isEmpty(case_details.issue) &&
         isEmpty(case_details.caseNumber) &&
         !caseState.hasLargeCaseDescription &&
@@ -151,8 +152,17 @@ export const isCaseStateValid = (caseState, loggedInUserJwtToken) => {
         !isEmpty(case_details.severity) &&
         !isEmpty(case_details.accountNumberRef) &&
         !isEmpty(case_details.contactSSOName) &&
-        ((_a = case_details.phoneCountryCode) === null || _a === void 0 ? void 0 : _a.length) + ((_b = case_details.phoneAreaCodePrefixLineNumber) === null || _b === void 0 ? void 0 : _b.length) + 1 <=
-            PHONE_LIMIT &&
+        // Country Code and Phone Number Not Mandatory
+        (!isEmpty(case_details.phoneCountryCode) && !isEmpty(case_details.phoneAreaCodePrefixLineNumber)
+            ? ((_a = case_details.phoneCountryCode) === null || _a === void 0 ? void 0 : _a.length) + ((_b = case_details.phoneAreaCodePrefixLineNumber) === null || _b === void 0 ? void 0 : _b.length) + 1 <=
+                PHONE_LIMIT
+            : true) &&
+        // To validate case state if country code is given but phone number is empty
+        (!isEmpty(case_details.phoneCountryCode) &&
+            isEmpty(case_details.phoneAreaCodePrefixLineNumber.replace(case_details.phoneCountryCode, ''))
+            ? false
+            : true) &&
+        regex.test(case_details.phoneAreaCodePrefixLineNumber.replace(case_details.phoneCountryCode, '')) &&
         (caseState.selectedAccountDetails.data.requireCGroupOnCreate
             ? !isEmpty(case_details.groupNumber) && case_details.groupNumber !== '-1'
             : true) &&
@@ -184,6 +194,7 @@ export const isIdeaCaseStateValid = (caseState, loggedInUserJwtToken) => {
         canManageCase(loggedInUserJwtToken));
 };
 export const isCaseManagementStateValid = (caseState, loggedInUserJwtToken) => {
+    var _a;
     const case_details = caseState.caseDetails;
     return (isEmpty(case_details.caseNumber) &&
         !caseState.hasLargeCaseDescription &&
@@ -197,6 +208,10 @@ export const isCaseManagementStateValid = (caseState, loggedInUserJwtToken) => {
         (caseState.selectedAccountDetails.data.requireCGroupOnCreate
             ? !isEmpty(case_details.groupNumber) && case_details.groupNumber !== '-1'
             : true) &&
+        (!isEmpty(case_details.phoneCountryCode) &&
+            isEmpty((_a = case_details.phoneAreaCodePrefixLineNumber) === null || _a === void 0 ? void 0 : _a.replace(case_details.phoneCountryCode, ''))
+            ? false
+            : true) &&
         canManageCase(loggedInUserJwtToken));
 };
 // Add a !isEmpty to to make any KTQuestion Mandatory in isCaseInformationSectionValid

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.2.1",
+    "version": "2.2.3",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -66,10 +66,10 @@
         "@patternfly/react-core": "4.264.0",
         "@progress/kendo-drawing": "^1.6.0",
         "@progress/kendo-react-pdf": "^3.12.0",
-        "@rh-support/components": "2.1.0",
-        "@rh-support/react-context": "2.1.0",
+        "@rh-support/components": "2.1.2",
+        "@rh-support/react-context": "2.1.2",
         "@rh-support/types": "2.0.2",
-        "@rh-support/user-permissions": "2.1.0",
+        "@rh-support/user-permissions": "2.1.2",
         "@rh-support/utils": "2.1.0",
         "@types/react-redux": "^7.1.12",
         "@types/redux": "^3.6.0",
@@ -133,5 +133,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "668544a9062084668eea4be43bf931bf04998daf"
+    "gitHead": "01f23b19ee074f6515c54b2cdec744deb3ba2c1b"
 }