@rh-support/troubleshoot 2.2.9 → 2.2.10

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

@@ -124,7 +124,7 @@ export function CaseContactPhoneNumber() {
                     : ValidatedOptions.default;
     useEffect(() => {
         var _a, _b;
-        if (isEmpty(phoneCountryCode) && isEmpty(phoneAreaCodePrefixLineNumber && !isEmpty(phone))) {
+        if (isEmpty(phoneCountryCode) && isEmpty(phoneAreaCodePrefixLineNumber) && !isEmpty(phone)) {
             const oldPhoneline = ((_a = getPhoneObj(phone)) === null || _a === void 0 ? void 0 : _a.phoneLine) || '';
             const oldCountryCode = ((_b = getPhoneObj(phone)) === null || _b === void 0 ? void 0 : _b.countryCode) || '';
             if (oldPhoneline && oldCountryCode.replace('+', '')) {

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

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

@@ -6,7 +6,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 { RouteContext } from '../../context/RouteContext';
 import { PHONE_LIMIT } from '../../reducers/CaseConstNTypes';
@@ -85,6 +85,11 @@ export function ContactPhoneNumber() {
             React.createElement(Trans, null, "Case owner's phone number"),
             ContactPhoneNumberPopOver()),
         React.createElement(PhoneInput, { phoneValue: localFullPhone, onPhoneValueChange: onPhoneChange, onCountryCodeChange: onCountryCodeChange, validations: isPhoneNumberValid, invalid: invalid, setInvalid: setInvalid }),
+        !invalid &&
+            getPhone().length < PHONE_LIMIT &&
+            !(isPhoneNumberEmpty && isNextBtnClickedToShowValidationError) &&
+            !(isNextBtnClickedToShowValidationError && isPhoneNumberInvalid) && (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))),
         getPhone().length > PHONE_LIMIT && (React.createElement("p", { className: "form-instructions form-invalid" }, maxLengthErrorMessage)),

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

@@ -21,9 +21,9 @@ export default function CaseManagement(props) {
     return (React.createElement("form", null,
         React.createElement(SupportLevel, null),
         React.createElement(Flex, { direction: { default: 'column', '2xl': 'row' } },
-            React.createElement(FlexItem, { flex: { default: 'flex_1' }, className: "pf-u-mb-xl" },
+            React.createElement(FlexItem, { flex: { default: 'flex_1' }, className: "pf-u-mb-xs" },
                 React.createElement(Severity, { showSeverityInfoIcon: true, onSeverityChange: onSeverityChange })),
-            React.createElement(FlexItem, { flex: { default: 'flex_1' }, className: "pf-u-mb-xl" },
+            React.createElement(FlexItem, { flex: { default: 'flex_1' }, className: "pf-u-mb-xs" },
                 React.createElement(ContactPhoneNumber, null))),
         React.createElement(ContactPhoneNumberAlert, null),
         React.createElement(Fts, { inlineEditable: false }),

package/lib/esm/constants/caseDetailsConstants.d.ts

@@ -15,4 +15,5 @@ export declare enum CaseStatusEnum {
 export declare const PHONE_LINE_CANNOT_BE_EMPTY = "Phone number cannot be empty when country code is given.";
 export declare const PHONE_NO_CHAR_ERROR = "Phone number can only have digits.";
 export declare const PHONE_IS_NOT_VALID = "Phone number is invalid.";
+export declare const PHONE_INSTRUCTION = "A current phone number with the country code helps us support you better.";
 //# sourceMappingURL=caseDetailsConstants.d.ts.map

package/lib/esm/constants/caseDetailsConstants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"caseDetailsConstants.d.ts","sourceRoot":"","sources":["../../../src/constants/caseDetailsConstants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oCAAoC,yBAAyB,CAAC;AAE3E,oBAAY,mBAAmB;IAC3B,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,QAAQ,aAAa;IACrB,WAAW,gBAAgB;IAC3B,aAAa,kBAAkB;IAC/B,UAAU,gBAAgB;CAC7B;AAED,oBAAY,cAAc;IACtB,MAAM,WAAW;IACjB,mBAAmB,wBAAwB;IAC3C,iBAAiB,uBAAuB;CAC3C;AAED,eAAO,MAAM,0BAA0B,6DAA6D,CAAC;AAErG,eAAO,MAAM,mBAAmB,uCAAuC,CAAC;AAExE,eAAO,MAAM,kBAAkB,6BAA6B,CAAC"}
+{"version":3,"file":"caseDetailsConstants.d.ts","sourceRoot":"","sources":["../../../src/constants/caseDetailsConstants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oCAAoC,yBAAyB,CAAC;AAE3E,oBAAY,mBAAmB;IAC3B,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,QAAQ,aAAa;IACrB,WAAW,gBAAgB;IAC3B,aAAa,kBAAkB;IAC/B,UAAU,gBAAgB;CAC7B;AAED,oBAAY,cAAc;IACtB,MAAM,WAAW;IACjB,mBAAmB,wBAAwB;IAC3C,iBAAiB,uBAAuB;CAC3C;AAED,eAAO,MAAM,0BAA0B,6DAA6D,CAAC;AAErG,eAAO,MAAM,mBAAmB,uCAAuC,CAAC;AAExE,eAAO,MAAM,kBAAkB,6BAA6B,CAAC;AAE7D,eAAO,MAAM,iBAAiB,8EAA8E,CAAC"}

package/lib/esm/constants/caseDetailsConstants.js

@@ -17,3 +17,4 @@ export var CaseStatusEnum;
 export const PHONE_LINE_CANNOT_BE_EMPTY = 'Phone number cannot be empty when country code is given.';
 export const PHONE_NO_CHAR_ERROR = 'Phone number can only have digits.';
 export const PHONE_IS_NOT_VALID = 'Phone number is invalid.';
+export const PHONE_INSTRUCTION = 'A current phone number with the country code helps us support you better.';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.2.9",
+    "version": "2.2.10",
     "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.4",
-        "@rh-support/react-context": "2.1.4",
+        "@rh-support/components": "2.1.5",
+        "@rh-support/react-context": "2.1.5",
         "@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": "c49d603ef2cfff4400439dcdeb4e09ead60d5180"
+    "gitHead": "4de9544feb2e412e3f3fc6c95843cce2419a026c"
 }