@thecb/components 6.1.3 → 6.1.4-beta.3

package/dist/index.esm.js

@@ -34722,6 +34722,24 @@ const ONLY_NATURALS_ERROR = "error/ONLY_NATURALS";
 const onlyNaturals = createValidator(ONLY_NATURALS, ONLY_NATURALS_ERROR);
 validatorFns[ONLY_NATURALS] = (value, args, form) => /^(\d+)?$/.test(value);
 
+/* 
+07/22: experimental expiration date constraint
+should allow entry of expiration date using "/" character
+to accommodate browser autofill
+
+not tested as validation function
+to validate exp date instead use combo of:
+required(), hasLength(), isValidMonth(), dateAfterToday()
+*/
+const ONLY_EXPIRATION_DATE = "validator/ONLY_EXPIRATION_DATE";
+const ONLY_EXPIRATION_DATE_ERROR = "error/ONLY_EXPIRATION_DATE";
+const onlyExpirationDate = createValidator(
+  ONLY_EXPIRATION_DATE,
+  ONLY_EXPIRATION_DATE_ERROR
+);
+validatorFns[ONLY_EXPIRATION_DATE] = (value, args, form) =>
+  /^(\d?\d?\/?\d?\d?)?$/.test(value);
+
 const NUMBER_LESS_THAN = "validator/NUMBER_LESS_THAN";
 const NUMBER_LESS_THAN_ERROR = "error/NUMBER_LESS_THAN";
 const numberLessThan = createValidator(
@@ -35110,10 +35128,24 @@ const runValidator = (validator, value, form) => {
   if (validatorFn === undefined) {
     throw new Error(runValidatorErrorMessage(validator.type));
   }
+  console.log(
+    "run validator (validator, value, form):",
+    validator.type,
+    validator.args,
+    value,
+    form
+  );
   return validatorFn(value, validator.args, form) ? null : validator.error;
 };
 
 const _computeErrors = (fieldName, form, validators) => {
+  console.log("field name is", fieldName);
+  console.log("form is", form);
+  console.log("validators are", validators);
+  const validatorsResult = validators.map(v =>
+    runValidator(v, form[fieldName].rawValue, form)
+  );
+  console.log("validators result is", validatorsResult);
   return validators
     .map(v => runValidator(v, form[fieldName].rawValue, form))
     .filter(x => x !== null);
@@ -42291,7 +42323,7 @@ var formConfig$8 = {
   },
   expirationDate: {
     validators: [required(), hasLength(4, 4), isValidMonth(0), dateAfterToday("MMYY", "month", true)],
-    constraints: [onlyIntegers(), hasLength(0, 4)]
+    constraints: [onlyExpirationDate(), hasLength(0, 4)]
   },
   cvv: {
     validators: [required(), hasLength(3, 4)],