@rh-support/components 2.5.205 → 2.5.207

package/lib/esm/PhoneInput/PhoneInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../src/PhoneInput/PhoneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAoB3B,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,CAAC,MAAM,KAAA,KAAK,IAAI,CAAC;IACrC,WAAW,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACtE,mBAAmB,CAAC,EAAE,CAAC,MAAM,KAAA,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,OAAO,KAAA,KAAK,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACrC;AAoDD,eAAO,MAAM,eAAe,GAAI,aAAa,MAAM;;;;;;;;;;CAmClD,CAAC;AAqCF,eAAO,MAAM,WAAW,GAAI,aAAa,MAAM;;;CAgB9C,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,qBA2PvC"}
+{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../src/PhoneInput/PhoneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAoB3B,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,CAAC,MAAM,KAAA,KAAK,IAAI,CAAC;IACrC,WAAW,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACtE,mBAAmB,CAAC,EAAE,CAAC,MAAM,KAAA,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,OAAO,KAAA,KAAK,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACrC;AAoDD,eAAO,MAAM,eAAe,GAAI,aAAa,MAAM;;;;;;;;;;CAmClD,CAAC;AAyCF,eAAO,MAAM,WAAW,GAAI,aAAa,MAAM;;;CAgB9C,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,qBA8RvC"}

package/lib/esm/PhoneInput/PhoneInput.js

@@ -107,7 +107,11 @@ const formatNumber = (fullPhoneNumber, localFormat) => {
         }
     }
     const isPatternWithPrefix = (_a = pattern === null || pattern === void 0 ? void 0 : pattern.replace(/\s+/g, '')) === null || _a === void 0 ? void 0 : _a.startsWith(PREFIX);
+    // TODO: Temporary — return pattern without forcing + prefix for portal phone without country code.
+    pattern = isPatternWithPrefix ? pattern : pattern;
+    /* TODO: Revert to previous logic after phone format handling is finalized.
     pattern = isPatternWithPrefix ? pattern : !isEmpty(isPatternWithPrefix) ? PREFIX + pattern : '';
+    */
     return pattern;
 };
 // return phoneline and countrycode for any given phone
@@ -140,7 +144,11 @@ export function PhoneInput(props) {
     const setLocalFormat = (phoneNumber) => {
         const localPhone = removeAllChars(phoneNumber);
         if (shouldNotSetCountryCode) {
+            // TODO: Temporary — portal phone without country code; use mask without + prefix.
+            return DEFAULT_MASK;
+            /* TODO: Revert to previous logic after phone format handling is finalized.
             return DEFAULT_FORMAT; // default format for portal phone without country code
+            */
         }
         let localFormat;
         const exactCountry = getExactCountry(localPhone);
@@ -169,12 +177,23 @@ export function PhoneInput(props) {
         const localFormat = setLocalFormat(phone);
         const _formattedNumber = formatNumber(phone, localFormat);
         setFormattedNumber(_formattedNumber);
-        if (!(phone === null || phone === void 0 ? void 0 : phone.trim().startsWith(PREFIX)) && regex.test(phone) && !isEqual(phone, '-')) {
+        // TODO: Temporary — do not prepend + when shouldNotSetCountryCode is true.
+        if (!shouldNotSetCountryCode &&
+            !(phone === null || phone === void 0 ? void 0 : phone.trim().startsWith(PREFIX)) &&
+            regex.test(phone) &&
+            !isEqual(phone, '-')) {
             onPhoneValueChange(PREFIX + (phone === null || phone === void 0 ? void 0 : phone.trim()));
         }
         else {
             onPhoneValueChange(phone === null || phone === void 0 ? void 0 : phone.slice(0, localFormat === null || localFormat === void 0 ? void 0 : localFormat.length));
         }
+        /* TODO: Revert to previous logic after phone format handling is finalized.
+        if (!phone?.trim().startsWith(PREFIX) && regex.test(phone) && !isEqual(phone, '-')) {
+            onPhoneValueChange(PREFIX + phone?.trim());
+        } else {
+            onPhoneValueChange(phone?.slice(0, localFormat?.length));
+        }
+        */
     };
     const onCountrySelect = (_event, itemId) => {
         var _a, _b;
@@ -233,10 +252,18 @@ export function PhoneInput(props) {
             onPhoneValueChange('');
         }
         else {
+            // TODO: Temporary — strip leading + when shouldNotSetCountryCode is true.
+            const normalizedPhone = shouldNotSetCountryCode ? (phoneValue === null || phoneValue === void 0 ? void 0 : phoneValue.replace(/^\++/, '')) || '' : phoneValue;
+            onPhoneValueChange(normalizedPhone);
+            const localFormat = setLocalFormat(normalizedPhone);
+            const _formattedNumber = formatNumber(normalizedPhone, localFormat);
+            setFormattedNumber(_formattedNumber);
+            /* TODO: Revert to previous logic after phone format handling is finalized.
             onPhoneValueChange(phoneValue);
             const localFormat = setLocalFormat(phoneValue);
             const _formattedNumber = formatNumber(phoneValue, localFormat);
             setFormattedNumber(_formattedNumber);
+            */
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [phoneValue]);
@@ -251,10 +278,20 @@ export function PhoneInput(props) {
         else {
             onCountryCodeChange && onCountryCodeChange(PREFIX + countryCode);
         }
+        // TODO: Temporary — strip leading + when shouldNotSetCountryCode is true.
+        const normalizedPhone = shouldNotSetCountryCode
+            ? removeAllSpaces((phoneValue === null || phoneValue === void 0 ? void 0 : phoneValue.replace(/^\++/, '')) || '')
+            : removeAllSpaces(phoneValue);
+        onPhoneValueChange && onPhoneValueChange(normalizedPhone);
+        const localFormat = setLocalFormat(normalizedPhone);
+        const _formattedNumber = formatNumber(normalizedPhone, localFormat);
+        setFormattedNumber(_formattedNumber);
+        /* TODO: Revert to previous logic after phone format handling is finalized.
         onPhoneValueChange && onPhoneValueChange(removeAllSpaces(phoneValue)); // removing trailing and in between spaces
         const localFormat = setLocalFormat(phoneValue);
         const _formattedNumber = formatNumber(phoneValue, localFormat);
         setFormattedNumber(_formattedNumber);
+        */
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [shouldNotSetCountryCode]);
     const toggle = (React.createElement(MenuToggle, { ref: toggleRef, onClick: () => setIsOpen(!isOpen), isExpanded: isOpen, className: "phone-number-select", "data-tracking-id": "case-phone-number-country-code", isDisabled: props.isDisabled, "aria-label": "Country Code" }, iso2 && phoneValue !== '' ? placeholder : t('Country Code')));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/components",
-    "version": "2.5.205",
+    "version": "2.5.207",
     "description": "Contains all reusabel components for support app",
     "author": "Vikas Rathee <vrathee@redhat.com>",
     "license": "ISC",
@@ -62,8 +62,8 @@
         "@patternfly/react-icons": "6.2.1",
         "@patternfly/react-table": "6.2.1",
         "@rh-support/types": "2.0.26",
-        "@rh-support/user-permissions": "2.5.152",
-        "@rh-support/utils": "2.5.134",
+        "@rh-support/user-permissions": "2.5.154",
+        "@rh-support/utils": "2.5.135",
         "dompurify": "^2.2.6",
         "js-worker-search": "^1.4.1",
         "lazysizes": "^5.3.2",
@@ -103,5 +103,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "0a8c5a75fd70b1ec87b66604b4a25587f274540c"
+    "gitHead": "0ee7395e3f501d247910c0ac5f91a4f2e3195e07"
 }