tf-checkout-react 1.2.15 → 1.2.16

package/dist/components/common/PhoneNumberField.d.ts

@@ -8,4 +8,4 @@ export interface IPhoneNumberField {
     disableDropdown: boolean;
     fill: boolean;
 }
-export declare const PhoneNumberField: ({ label, field, form: { errors, touched, setFieldError, setStatus, values, initialValues, setFieldValue, setFieldTouched, }, disableDropdown, fill, }: IPhoneNumberField) => JSX.Element;
+export declare const PhoneNumberField: ({ label, field, form: { errors, touched, setFieldError, values, initialValues, setFieldValue, setFieldTouched, }, disableDropdown, fill, }: IPhoneNumberField) => JSX.Element;

package/dist/tf-checkout-react.cjs.development.js

@@ -1682,7 +1682,6 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
       errors = _ref$form.errors,
       touched = _ref$form.touched,
       setFieldError = _ref$form.setFieldError,
-      setStatus = _ref$form.setStatus,
       values = _ref$form.values,
       initialValues = _ref$form.initialValues,
       setFieldValue = _ref$form.setFieldValue,
@@ -1703,31 +1702,25 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
     if (field.value === '+') {
       setFieldError(field.name, '');
       setFieldTouched(field.name, false);
+      setFieldValue(field.name, '');
       return;
     }
 
-    if (field.value) {
-      var _setStatus;
-
-      setStatus((_setStatus = {}, _setStatus[field.name] = true, _setStatus));
-    }
-
     debounceCb( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
-      var message, _setStatus2;
-
+      var message;
       return runtime_1.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
               _context.prev = 0;
 
-              if (!field.value) {
+              if (!values[field.name]) {
                 _context.next = 4;
                 break;
               }
 
               _context.next = 4;
-              return validatePhoneNumber(field.value);
+              return validatePhoneNumber(values[field.name]);
 
             case 4:
               setFieldError(field.name, '');
@@ -1738,31 +1731,29 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
               _context.prev = 7;
               _context.t0 = _context["catch"](0);
               message = _get(_context.t0, 'response.data.message', 'Invalid phone number');
-              setFieldError(field.name, message);
 
-            case 11:
-              _context.prev = 11;
-              setStatus((_setStatus2 = {}, _setStatus2[field.name] = false, _setStatus2));
-              return _context.finish(11);
+              if (values[field.name]) {
+                setFieldError(field.name, message);
+              }
 
-            case 14:
+            case 11:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[0, 7, 11, 14]]);
+      }, _callee, null, [[0, 7]]);
     }))); // eslint-disable-next-line
   }, [field.value]);
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(MuiPhoneNumber, {
     name: field.name,
-    value: fill ? values.phone : initialValues.phone,
+    value: fill ? values[field.name] : initialValues[field.name],
     onChange: function onChange(value, country) {
-      if ("+" + (country == null ? void 0 : country.dialCode) !== value) {
-        setFieldTouched(field.name, true);
-        setFieldValue(field.name, value);
-      } else {
+      if ("+" + (country == null ? void 0 : country.dialCode) === value || value === '+') {
         setFieldValue(field.name, '');
         setFieldError(field.name, '');
+      } else {
+        setFieldTouched(field.name, true);
+        setFieldValue(field.name, value);
       }
     },
     variant: "outlined",