ordering-ui-external 2.4.0 → 2.4.2

package/_modules/themes/five/src/components/PhoneAutocomplete/index.js

@@ -42,6 +42,7 @@ var PhoneAutocompleteUI = function PhoneAutocompleteUI(props) {
     customersPhones = props.customersPhones,
     setCustomersPhones = props.setCustomersPhones,
     openModal = props.openModal,
+    limitPhoneLength = props.limitPhoneLength,
     setOpenModal = props.setOpenModal,
     onChangeNumber = props.onChangeNumber,
     setCustomerState = props.setCustomerState,
@@ -131,7 +132,7 @@ var PhoneAutocompleteUI = function PhoneAutocompleteUI(props) {
       setInputValue(inputValue);
       onChangeNumber(inputValue);
     }
-    if (inputValue && inputValue.length > 10 || !/^[0-9]+$/.test(inputValue)) {
+    if (inputValue && inputValue.length > limitPhoneLength || !/^[0-9]+$/.test(inputValue)) {
       return;
     }
     setInputValue(inputValue);
@@ -158,14 +159,14 @@ var PhoneAutocompleteUI = function PhoneAutocompleteUI(props) {
   };
   var createNewUser = function createNewUser() {
     var _optSelected$value;
-    if (optSelected && (optSelected === null || optSelected === void 0 ? void 0 : (_optSelected$value = optSelected.value) === null || _optSelected$value === void 0 ? void 0 : _optSelected$value.length) === 10 || !optSelected && phone.length === 10) {
+    if (optSelected && (optSelected === null || optSelected === void 0 ? void 0 : (_optSelected$value = optSelected.value) === null || _optSelected$value === void 0 ? void 0 : _optSelected$value.length) === limitPhoneLength || !optSelected && phone.length === limitPhoneLength) {
       setOpenModal(_objectSpread(_objectSpread({}, openModal), {}, {
         signup: true
       }));
     } else {
       setAlertState({
         open: true,
-        content: t('ERROR_MIN_CHARACTERS_PHONE', 'The Phone / Mobile must be 10 characters')
+        content: t('ERROR_MIN_CHARACTERS_PHONE', 'The Phone / Mobile must be :length: characters').replace(':length:', limitPhoneLength)
       });
     }
   };
@@ -272,4 +273,7 @@ var PhoneAutocomplete = function PhoneAutocomplete(props) {
   }, props);
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.PhoneAutocomplete, phoneProps);
 };
-exports.PhoneAutocomplete = PhoneAutocomplete;
+exports.PhoneAutocomplete = PhoneAutocomplete;
+PhoneAutocompleteUI.defaultProps = {
+  limitPhoneLength: 10
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ordering-ui-external",
-  "version": "2.4.0",
+  "version": "2.4.2",
   "description": "Ordering UI Components",
   "main": "./_modules/index.js",
   "exports": {
@@ -86,7 +86,7 @@
     "libphonenumber-js": "^1.9.4",
     "lodash": "^4.17.19",
     "moment": "^2.29.4",
-    "ordering-components-external": "2.5.0",
+    "ordering-components-external": "2.5.1",
     "polished": "^3.6.6",
     "react-bootstrap-icons": "^1.7.2",
     "react-calendar": "^3.3.1",

package/src/themes/five/src/components/PhoneAutocomplete/index.js

@@ -34,6 +34,7 @@ const PhoneAutocompleteUI = (props) => {
     customersPhones,
     setCustomersPhones,
     openModal,
+    limitPhoneLength,
     setOpenModal,
     onChangeNumber,
     setCustomerState,
@@ -88,7 +89,7 @@ const PhoneAutocompleteUI = (props) => {
       setInputValue(inputValue)
       onChangeNumber(inputValue)
     }
-    if ((inputValue && inputValue.length > 10) || !(/^[0-9]+$/.test(inputValue))) {
+    if ((inputValue && inputValue.length > limitPhoneLength) || !(/^[0-9]+$/.test(inputValue))) {
       return
     }
     setInputValue(inputValue)
@@ -107,12 +108,12 @@ const PhoneAutocompleteUI = (props) => {
   }
 
   const createNewUser = () => {
-    if ((optSelected && optSelected?.value?.length === 10) || (!optSelected && phone.length === 10)) {
+    if ((optSelected && optSelected?.value?.length === limitPhoneLength) || (!optSelected && phone.length === limitPhoneLength)) {
       setOpenModal({ ...openModal, signup: true })
     } else {
       setAlertState({
         open: true,
-        content: t('ERROR_MIN_CHARACTERS_PHONE', 'The Phone / Mobile must be 10 characters')
+        content: t('ERROR_MIN_CHARACTERS_PHONE', 'The Phone / Mobile must be :length: characters').replace(':length:', limitPhoneLength)
       })
     }
   }
@@ -239,3 +240,7 @@ export const PhoneAutocomplete = (props) => {
 
   return <PhoneAutocompleteController {...phoneProps} />
 }
+
+PhoneAutocompleteUI.defaultProps = {
+  limitPhoneLength: 10
+}