@royaloperahouse/chord 2.6.1-d-development → 2.6.1-e-development
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chord.cjs.development.js +29 -24
- package/dist/chord.cjs.development.js.map +1 -1
- package/dist/chord.cjs.production.min.js +1 -1
- package/dist/chord.cjs.production.min.js.map +1 -1
- package/dist/chord.esm.js +29 -24
- package/dist/chord.esm.js.map +1 -1
- package/dist/helpers/forms.d.ts +1 -0
- package/package.json +1 -1
package/dist/chord.esm.js
CHANGED
|
@@ -11336,6 +11336,34 @@ var formValidationMessages = {
|
|
|
11336
11336
|
invalid: 'Enter an email address in the correct format, like name@example.com'
|
|
11337
11337
|
}
|
|
11338
11338
|
};
|
|
11339
|
+
var getFormErrorMessage = function getFormErrorMessage(field, value) {
|
|
11340
|
+
var errorMessage;
|
|
11341
|
+
|
|
11342
|
+
if (!value) {
|
|
11343
|
+
switch (field) {
|
|
11344
|
+
case 'firstName':
|
|
11345
|
+
errorMessage = formValidationMessages.firstName.required;
|
|
11346
|
+
break;
|
|
11347
|
+
|
|
11348
|
+
case 'lastName':
|
|
11349
|
+
errorMessage = formValidationMessages.lastName.required;
|
|
11350
|
+
break;
|
|
11351
|
+
|
|
11352
|
+
case 'email':
|
|
11353
|
+
errorMessage = formValidationMessages.email.required;
|
|
11354
|
+
break;
|
|
11355
|
+
|
|
11356
|
+
default:
|
|
11357
|
+
errorMessage = formValidationMessages.requiredFieldMessage;
|
|
11358
|
+
}
|
|
11359
|
+
} else if (field === 'email' && !regex.signInEmail.test(value)) {
|
|
11360
|
+
errorMessage = formValidationMessages.email.invalid;
|
|
11361
|
+
} else if (field === 'firstName' && !regex.firstName.test(value)) {
|
|
11362
|
+
errorMessage = formValidationMessages.firstName.invalid;
|
|
11363
|
+
}
|
|
11364
|
+
|
|
11365
|
+
return errorMessage;
|
|
11366
|
+
};
|
|
11339
11367
|
|
|
11340
11368
|
var themeToColor = function themeToColor(theme) {
|
|
11341
11369
|
switch (theme) {
|
|
@@ -11399,30 +11427,7 @@ var SignUpForm = function SignUpForm(_ref) {
|
|
|
11399
11427
|
var handleBlur = function handleBlur(field) {
|
|
11400
11428
|
return function () {
|
|
11401
11429
|
var value = formValues[field];
|
|
11402
|
-
var errorMessage;
|
|
11403
|
-
|
|
11404
|
-
if (!value) {
|
|
11405
|
-
switch (field) {
|
|
11406
|
-
case 'firstName':
|
|
11407
|
-
errorMessage = formValidationMessages.firstName.required;
|
|
11408
|
-
break;
|
|
11409
|
-
|
|
11410
|
-
case 'lastName':
|
|
11411
|
-
errorMessage = formValidationMessages.lastName.required;
|
|
11412
|
-
break;
|
|
11413
|
-
|
|
11414
|
-
case 'email':
|
|
11415
|
-
errorMessage = formValidationMessages.email.required;
|
|
11416
|
-
break;
|
|
11417
|
-
|
|
11418
|
-
default:
|
|
11419
|
-
errorMessage = formValidationMessages.requiredFieldMessage;
|
|
11420
|
-
}
|
|
11421
|
-
} else if (field === 'email' && !regex.signInEmail.test(value)) {
|
|
11422
|
-
errorMessage = formValidationMessages.email.invalid;
|
|
11423
|
-
} else if (field === 'firstName' && !regex.firstName.test(value)) {
|
|
11424
|
-
errorMessage = formValidationMessages.firstName.invalid;
|
|
11425
|
-
}
|
|
11430
|
+
var errorMessage = getFormErrorMessage(field, value);
|
|
11426
11431
|
|
|
11427
11432
|
if (errorMessage) {
|
|
11428
11433
|
setErrors(function (prev) {
|