@thecb/components 10.9.0-beta.13 → 10.9.0-beta.14

package/dist/index.d.ts

@@ -491,15 +491,34 @@ declare function useToastNotification(
   options?: UseToastOptions
 ): UseToastResult;
 
+declare function useConditionallyAddValidator(
+  condition,
+  validatorFn,
+  addValidator,
+  removeValidator
+) {
+  useEffect(() => {
+    if (condition) {
+      addValidator(validatorFn());
+    }
+    return () => {
+      // Remove validator when component unmounts
+      removeValidator(validatorFn());
+    };
+  }, [condition, addValidator, removeValidator]);
+}
+
 
 
 declare const index_useScrollTo: typeof useScrollTo;
 declare const index_useToastNotification: typeof useToastNotification;
+declare const index_useConditionallyAddValidator: typeof useConditionallyAddValidator;
 declare namespace index {
   export {
     useOutsideClickHook as useOutsideClick,
     index_useScrollTo as useScrollTo,
     index_useToastNotification as useToastNotification,
+    index_useConditionallyAddValidator as useConditionallyAddValidator,
   };
 }
 

package/dist/index.esm.js

@@ -26395,13 +26395,26 @@ var useToastNotification = function useToastNotification() {
   };
 };
 
+function useConditionallyAddValidator(condition, validatorFn, addValidator, removeValidator) {
+  useEffect$1(function () {
+    if (condition) {
+      addValidator(validatorFn());
+    }
+    return function () {
+      // Remove validator when component unmounts
+      removeValidator(validatorFn());
+    };
+  }, [condition, addValidator, removeValidator]);
+}
+
 
 
 var index$5 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   useOutsideClick: useOutsideClickHook,
   useScrollTo: useScrollTo,
-  useToastNotification: useToastNotification
+  useToastNotification: useToastNotification,
+  useConditionallyAddValidator: useConditionallyAddValidator
 });
 
 var hoverColor$4 = "#116285";
@@ -41766,7 +41779,6 @@ var EmailForm = function EmailForm(_ref) {
     walletCheckboxMarked = _ref.walletCheckboxMarked,
     _ref$isRequired = _ref.isRequired,
     isRequired = _ref$isRequired === void 0 ? false : _ref$isRequired;
-  console.log("🚀 ~  isRequired:", isRequired);
   if (clearOnDismount) {
     useEffect$1(function () {
       return function () {
@@ -41774,23 +41786,8 @@ var EmailForm = function EmailForm(_ref) {
       };
     }, []);
   }
+  useConditionallyAddValidator(isRequired, required, actions.fields.email.addValidator, actions.fields.email.removeValidator);
   var emailFieldErrorMessages = _defineProperty(_defineProperty({}, required.error, "Email address is required"), isProbablyEmail.error, "Invalid email address");
-  useEffect$1(function () {
-    debugger;
-    if (isRequired) {
-      console.log('adding email validator');
-      actions.fields.email.addValidator(required());
-    }
-    // else {
-    //   console.log('removing email validator')
-    //   actions.fields.email.removeValidator(required());
-    // }
-    return function () {
-      console.log('removing email validator');
-      // If the form is not rendered it should not be required.
-      actions.fields.email.removeValidator(required());
-    };
-  }, [isRequired]);
   return /*#__PURE__*/React.createElement(FormContainer$1, {
     variant: variant,
     role: "form",
@@ -49025,23 +49022,8 @@ var PhoneForm = function PhoneForm(_ref) {
       };
     }, []);
   }
+  useConditionallyAddValidator(isRequired, required, actions.fields.phone.addValidator, actions.fields.phone.removeValidator);
   var phoneErrorMessage = _defineProperty(_defineProperty({}, required.error, "Phone number is required"), hasLength.error, "Phone number must be 10 digits");
-  useEffect$1(function () {
-    if (isRequired) {
-      console.log("adding phone validator");
-      actions.fields.phone.addValidator(required());
-    }
-    // else {
-    //   debugger;
-    //   console.log('removing phone validator 1')
-    //   actions.fields.phone.removeValidator(required());
-    // }
-    return function () {
-      console.log("removing phone validator 2");
-      // If the form is not rendered it should not be required.
-      actions.fields.phone.removeValidator(required());
-    };
-  }, [isRequired]);
   return /*#__PURE__*/React.createElement(FormContainer$1, {
     variant: variant,
     role: "form",