From d2a04ce6a0af43fb9d9cb11b17d6814df22eff5b Mon Sep 17 00:00:00 2001
From: polishq <arthur.bond@vtex.com.br>
Date: Tue, 2 Jun 2020 09:54:41 -0400
Subject: [PATCH] Release 0.0.11

---
 CHANGELOG.md                                             | 6 ++++++
 manifest.json                                            | 2 +-
 react/components/AccountCreatePages/BusinessInfoPage.tsx | 3 ++-
 react/components/AccountCreatePages/PersonalInfoPage.tsx | 5 +++++
 4 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 419a254..97de46b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+## [0.0.11] - 2020-06-02
+
+### Fixed
+
+- Validation error for phone number only appears after user leaves field
+
 ## [0.0.10] - 2020-06-01
 
 ### Changed
diff --git a/manifest.json b/manifest.json
index 46827da..3cfc736 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,7 +1,7 @@
 {
   "vendor": "vtex",
   "name": "flow-finance-components",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "title": "Flow Finance Components",
   "description": "Front end components for Flow Finance payment system",
   "defaultLocale": "pt-BR",
diff --git a/react/components/AccountCreatePages/BusinessInfoPage.tsx b/react/components/AccountCreatePages/BusinessInfoPage.tsx
index 1417526..199f14c 100644
--- a/react/components/AccountCreatePages/BusinessInfoPage.tsx
+++ b/react/components/AccountCreatePages/BusinessInfoPage.tsx
@@ -109,7 +109,8 @@ const BusinessInfoPage: StorefrontFunctionComponent<WrappedComponentProps &
 
   useEffect(() => {
     if (businessInformation.phoneNumber) setShowPhoneError(true)
-  }, [businessInformation.phoneNumber])
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [])
 
   useEffect(() => {
     if (
diff --git a/react/components/AccountCreatePages/PersonalInfoPage.tsx b/react/components/AccountCreatePages/PersonalInfoPage.tsx
index 823a771..122af8b 100644
--- a/react/components/AccountCreatePages/PersonalInfoPage.tsx
+++ b/react/components/AccountCreatePages/PersonalInfoPage.tsx
@@ -188,6 +188,11 @@ const PersonalInfoPage: StorefrontFunctionComponent<WrappedComponentProps &
   addressWithValidation.receiverName.postalCodeAutoCompleted = true
   const [address, setAddress] = useState(addressWithValidation)
 
+  useEffect(() => {
+    if (personalInformation.phoneNumber) setShowPhoneError(true)
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [])
+
   useEffect(() => {
     if (
       personalInformation.phoneNumber.length >= 10 &&