@7shifts/sous-chef 3.52.0-beta.0 → 3.52.0-beta.1

package/dist/forms/PhoneField/usePhoneField.d.ts

@@ -34,6 +34,7 @@ export declare const usePhoneField: ({ autoFocus, disabled, error, id, maxLength
     metaData: {
         country: import("libphonenumber-js").CountryCode;
         phone: string;
+        parsingError?: string | undefined;
     };
     changeMeta: (data: {
         country: import("libphonenumber-js").CountryCode;

package/dist/forms/hooks/usePhoneFieldControllers.d.ts

@@ -9,6 +9,7 @@ type FieldControls = {
     metaData: {
         country: CountryCode;
         phone: string;
+        parsingError?: string;
     };
     changeMeta: (data: {
         country: CountryCode;

package/dist/i18n/locales/locales/en.json

@@ -40,5 +40,8 @@
     "DataTable": {
         "emptyStateTitle": "No results found",
         "emptyStateCaption": "Try adding a new item to the list or adjust your search terms."
+    },
+    "PhoneField": {
+        "malformedPhoneNumber": "Malformed phone number. Please enter a valid phone number."
     }
 }

package/dist/i18n/locales/locales/es.json

@@ -40,5 +40,8 @@
     "DataTable": {
         "emptyStateTitle": "No se encontraron resultados",
         "emptyStateCaption": "Intenta agregar un nuevo elemento a la lista o ajusta tus términos de búsqueda."
+    },
+    "PhoneField": {
+        "malformedPhoneNumber": "Número de teléfono mal formado. Por favor, ingresa un número de teléfono válido."
     }
 }

package/dist/i18n/locales/locales/fr.json

@@ -40,5 +40,8 @@
     "DataTable": {
         "emptyStateTitle": "Aucun résultat trouvé",
         "emptyStateCaption": "Essayez d'ajouter un nouvel élément à la liste ou ajustez vos termes de recherche."
+    },
+    "PhoneField": {
+        "malformedPhoneNumber": "Numéro de téléphone mal formé. Veuillez entrer un numéro de téléphone valide."
     }
 }

package/dist/index.js

@@ -5725,6 +5725,9 @@ var DataTable = {
 	emptyStateTitle: "No results found",
 	emptyStateCaption: "Try adding a new item to the list or adjust your search terms."
 };
+var PhoneField = {
+	malformedPhoneNumber: "Malformed phone number. Please enter a valid phone number."
+};
 var en = {
 	PaginationControls: PaginationControls,
 	AsyncSelectField: AsyncSelectField,
@@ -5732,7 +5735,8 @@ var en = {
 	HintModal: HintModal,
 	Calendar: Calendar,
 	Card: Card,
-	DataTable: DataTable
+	DataTable: DataTable,
+	PhoneField: PhoneField
 };
 
 var initialValue = {
@@ -12125,33 +12129,14 @@ var usePhoneFieldControllers = function usePhoneFieldControllers(_ref) {
     error = _ref.error,
     onMenuInputFocus = _ref.onMenuInputFocus,
     defaultCountry = _ref.defaultCountry;
+  var __ = useTranslation('PhoneField');
+  var errorMessage = __('malformedPhoneNumber');
   var _useFormContext = useFormContext(),
     formik = _useFormContext.formik;
   var id = useFieldId({
     name: name,
     id: inputId
   });
-  var controllers = {
-    id: id,
-    error: error,
-    value: value,
-    onChange: function onChange(option) {
-      if (_onChange) {
-        _onChange(option);
-      }
-      if (_onChange && onMenuInputFocus) {
-        onMenuInputFocus(false);
-      }
-    },
-    onBlur: function onBlur(option) {
-      if (_onBlur) {
-        _onBlur(option);
-      }
-      if (_onBlur && onMenuInputFocus) {
-        onMenuInputFocus(false);
-      }
-    }
-  };
   var formikState = getFormikState(name, formik);
   var phoneFieldValue = formik && formikState && !value ? formikState.value : value;
   var _useProviderConfig = useProviderConfig(),
@@ -12166,6 +12151,13 @@ var usePhoneFieldControllers = function usePhoneFieldControllers(_ref) {
     try {
       var phone = libphonenumberJs.parsePhoneNumber(value);
       var formatedPhone = new libphonenumberJs.AsYouType(phone.country).input(value.replace('+' + phone.countryCallingCode, ''));
+      if (!phone.country) {
+        return {
+          country: defaultCountry || country,
+          phone: formatedPhone,
+          parsingError: errorMessage
+        };
+      }
       return {
         country: phone.country,
         phone: formatedPhone
@@ -12173,7 +12165,8 @@ var usePhoneFieldControllers = function usePhoneFieldControllers(_ref) {
     } catch (error) {
       return {
         country: defaultCountry || country,
-        phone: value
+        phone: value,
+        parsingError: errorMessage
       };
     }
   };
@@ -12182,9 +12175,30 @@ var usePhoneFieldControllers = function usePhoneFieldControllers(_ref) {
     }),
     meta = _useState[0],
     setMeta = _useState[1];
+  var controllers = {
+    id: id,
+    error: error || meta.parsingError,
+    value: value,
+    onChange: function onChange(option) {
+      if (_onChange) {
+        _onChange(option);
+      }
+      if (_onChange && onMenuInputFocus) {
+        onMenuInputFocus(false);
+      }
+    },
+    onBlur: function onBlur(option) {
+      if (_onBlur) {
+        _onBlur(option);
+      }
+      if (_onBlur && onMenuInputFocus) {
+        onMenuInputFocus(false);
+      }
+    }
+  };
   if (formik && formikState) {
     controllers = _extends({}, controllers, {
-      error: error ? controllers.error : formikState.error,
+      error: error || meta.parsingError ? controllers.error : formikState.error,
       value: value ? controllers.value : formikState.value,
       onChange: function onChange(option) {
         if (_onChange) {
@@ -13054,7 +13068,7 @@ var CountrySelector = function CountrySelector(_ref) {
 };
 
 var _excluded$2M = ["disabledCountry"];
-var PhoneField = function PhoneField(_ref) {
+var PhoneField$1 = function PhoneField(_ref) {
   var _classNames;
   var _ref$disabledCountry = _ref.disabledCountry,
     disabledCountry = _ref$disabledCountry === void 0 ? false : _ref$disabledCountry,
@@ -13663,7 +13677,7 @@ exports.PasswordField = PasswordField;
 exports.Paywall = Paywall;
 exports.PercentageField = PercentageField;
 exports.PersistentBanner = PersistentBanner;
-exports.PhoneField = PhoneField;
+exports.PhoneField = PhoneField$1;
 exports.Pill = Pill;
 exports.PillSelectField = PillSelectField;
 exports.ProgressBar = ProgressBar;