tee3apps-cms-sdk-react 0.0.12 → 0.0.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tee3apps-cms-sdk-react",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "description": "Uses JSON to dynamically generate and render UI pages in a website",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/PageFormComponents/PageForm.tsx

@@ -43,6 +43,15 @@ const PageForm: React.FC<PageFormProps> = ({ jsonData, onSubmit, isUrl = false,
     return component.props.name?.all || component.name;
   };
 
+  // Function to normalize field name: convert to lowercase and replace spaces/special characters with underscores
+  const normalizeFieldName = (name: string): string => {
+    return name
+      .toLowerCase()
+      .trim()
+      .replace(/[^a-z0-9]+/g, '_')  // Replace any sequence of non-alphanumeric characters with single underscore
+      .replace(/^_+|_+$/g, '');      // Remove leading/trailing underscores
+  };
+
   // Function to create a mapping of field codes to field names
   const getFieldCodeToNameMap = useCallback(() => {
     const codeToNameMap: Record<string, string> = {};
@@ -93,10 +102,13 @@ const PageForm: React.FC<PageFormProps> = ({ jsonData, onSubmit, isUrl = false,
     Object.keys(formValues).forEach((code) => {
       const fieldName = codeToNameMap[code];
       if (fieldName) {
-        transformedData[fieldName] = formValues[code];
+        // Normalize field name: convert to lowercase and replace spaces/special characters with underscores
+        const normalizedName = normalizeFieldName(fieldName);
+        transformedData[normalizedName] = formValues[code];
       } else {
-        // If no mapping found, keep the code as key
-        transformedData[code] = formValues[code];
+        // If no mapping found, normalize the code as well
+        const normalizedCode = normalizeFieldName(code);
+        transformedData[normalizedCode] = formValues[code];
       }
     });