form-builder-pro 1.3.3 → 1.3.5

package/dist/index.js

@@ -4442,6 +4442,14 @@ function convertSpanToWidth(span, totalColumns = 12) {
   const percentage = span / totalColumns * 100;
   return Math.max(10, Math.min(100, Math.round(percentage)));
 }
+var EMAIL_REGEX = "^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$";
+var EMAIL_REGEX_MESSAGE = "Invalid email format";
+function isEmailLikeField(field) {
+  const label = (field.label || "").toLowerCase();
+  const fieldName = (field.fieldName || field.name || "").toLowerCase();
+  const placeholder = (field.placeholder || "").toLowerCase();
+  return /email/.test(label) || /email/.test(fieldName) || /@/.test(placeholder) || /email/.test(placeholder);
+}
 function normalizeFieldType(type) {
   if (!type)
     return "text";
@@ -4460,7 +4468,10 @@ function normalizeFieldType(type) {
 function transformField(field) {
   const fieldId = field.id || field.fieldId;
   const fieldType = field.type || field.fieldType;
-  const normalizedType = normalizeFieldType(fieldType);
+  let normalizedType = normalizeFieldType(fieldType);
+  if (normalizedType === "text" && isEmailLikeField(field)) {
+    normalizedType = "email";
+  }
   const transformed = {
     id: fieldId,
     type: normalizedType,
@@ -4783,9 +4794,19 @@ function convertWidthToSpan(width, totalColumns = 12) {
   return Math.max(1, Math.min(12, Math.round(widthNum / 100 * totalColumns)));
 }
 function fieldToPayload(field) {
+  let outputType = field.type;
+  let outputValidations = field.validations ? { ...field.validations } : void 0;
+  if (field.type === "text" && isEmailLikeField(field)) {
+    outputType = "email";
+    outputValidations = field.validations ? { ...field.validations } : {};
+    if (!outputValidations.pattern) {
+      outputValidations.pattern = EMAIL_REGEX;
+      outputValidations.customErrorMessages = { ...outputValidations.customErrorMessages, pattern: EMAIL_REGEX_MESSAGE };
+    }
+  }
   const payload = {
     id: field.id,
-    type: field.type,
+    type: outputType,
     label: field.label,
     name: field.fieldName || field.id,
     // Model key for binding (API / host app)
@@ -4810,17 +4831,18 @@ function fieldToPayload(field) {
       span: 12
     };
   }
-  if (field.validations) {
-    let validations = { ...field.validations };
+  const validationsToUse = outputValidations ?? field.validations;
+  if (validationsToUse) {
+    let validations = { ...validationsToUse };
     if (validations.validationType === "age") {
       validations = { ...validations, validationType: "custom" };
     }
     payload.validations = validations;
-    if (field.validations.required) {
+    if (validationsToUse.required) {
       payload.required = true;
     }
   }
-  const baseValidation = field.validations ? validationsToValidationObject(field.validations) : convertValidationArrayToObject(field.validation);
+  const baseValidation = validationsToUse ? validationsToValidationObject(validationsToUse) : convertValidationArrayToObject(field.validation);
   payload.validation = baseValidation;
   const pattern = baseValidation?.regex ?? field.validations?.pattern;
   const patternMsg = baseValidation?.regexMessage ?? field.validations?.customErrorMessages?.pattern;