tf-checkout-react 1.2.17 → 1.2.18

package/dist/tf-checkout-react.esm.js

@@ -1682,7 +1682,8 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
       _ref$disableDropdown = _ref.disableDropdown,
       disableDropdown = _ref$disableDropdown === void 0 ? true : _ref$disableDropdown,
       _ref$fill = _ref.fill,
-      fill = _ref$fill === void 0 ? false : _ref$fill;
+      fill = _ref$fill === void 0 ? false : _ref$fill,
+      setPhoneValidationIsLoading = _ref.setPhoneValidationIsLoading;
 
   var error = _get(errors, field.name);
 
@@ -1692,11 +1693,8 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
     return void cb();
   }, 1000), []);
   useEffect(function () {
-    if (field.value === '+') {
-      setFieldError(field.name, '');
-      setFieldTouched(field.name, false);
-      setFieldValue(field.name, '');
-      return;
+    if (field.value) {
+      setPhoneValidationIsLoading(true);
     }
 
     debounceCb( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
@@ -1730,11 +1728,16 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
               }
 
             case 11:
+              _context.prev = 11;
+              setPhoneValidationIsLoading(false);
+              return _context.finish(11);
+
+            case 14:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[0, 7]]);
+      }, _callee, null, [[0, 7, 11, 14]]);
     }))); // eslint-disable-next-line
   }, [field.value]);
   return React.createElement(React.Fragment, null, React.createElement(MuiPhoneNumber, {
@@ -2909,6 +2912,10 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref3) {
       error = _useState14[0],
       setError = _useState14[1];
 
+  var _useState15 = useState(false),
+      phoneValidationIsLoading = _useState15[0],
+      setPhoneValidationIsLoading = _useState15[1];
+
   var emailLogged = _get(userData, 'email', '') || _get(userValues, 'email', '');
 
   var firstNameLogged = _get(userData, 'first_name', '') || _get(userValues, 'first_name', '');
@@ -3511,7 +3518,8 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref3) {
             }, element.onValidate ? element.onValidate : function () {
               return props.errors[element.name + "-" + index];
             }),
-            disableDropdown: element.disableDropdown
+            disableDropdown: element.disableDropdown,
+            setPhoneValidationIsLoading: setPhoneValidationIsLoading
           }));
         })));
       }));
@@ -3521,7 +3529,7 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref3) {
       type: "submit",
       variant: "contained",
       className: "login-register-button",
-      disabled: props.isSubmitting
+      disabled: props.isSubmitting || phoneValidationIsLoading
     }, props.isSubmitting ? React.createElement(CircularProgress$1, {
       size: 26
     }) : buttonName))));