Fix#220 Trimmed the data before submitting

frontend/src/components/visual-editor/BlockDialog.tsx

@@ -34,6 +34,7 @@ import { useToast } from "@/hooks/useToast";
 import { useTranslate } from "@/hooks/useTranslate";
 import { EntityType } from "@/services/types";
 import { OutgoingMessageFormat } from "@/types/message.types";
+import { trimObjectValues } from "@/utils/object";
 
 import { IBlockAttributes, IBlock } from "../../types/block.types";
 
@@ -102,7 +103,7 @@ const BlockDialog: FC<BlockDialogProps> = ({
   };
   const onSubmitForm = async (params: IBlockAttributes) => {
     if (block) {
-      updateBlock({ id: block.id, params });
+      updateBlock({ id: block.id, params: trimObjectValues(params) });
     }
   };
 

frontend/src/utils/object.ts

@@ -39,3 +39,27 @@ export function merge<
 
   return output as T & U;
 }
+
+export function trimObjectValues(obj) {
+  if (typeof obj === "object" && obj !== null) {
+    if (Array.isArray(obj)) {
+      return obj.map(trimObjectValues);
+    }
+
+    const trimmedObject = {};
+
+    for (const key in obj) {
+      if (obj.hasOwnProperty(key)) {
+        trimmedObject[key] = trimObjectValues(obj[key]);
+      }
+    }
+
+    return trimmedObject;
+  }
+
+  if (typeof obj === "string") {
+    return obj.trim();
+  }
+
+  return obj;
+}