From 538bc40f3c147dbd169eed2a1de35a30686f70e3 Mon Sep 17 00:00:00 2001
From: Lei OT <lyt@hainatravel.com>
Date: Wed, 3 Apr 2024 09:31:14 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E6=A8=A1=E6=9D=BF=E5=8F=82=E6=95=B0:?=
 =?UTF-8?q?=20=E5=8E=BB=E9=99=A4\n=20\t=E7=AD=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/commons.js                              | 5 +++++
 src/views/Conversations/Online/Input/Template.jsx | 5 +++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/utils/commons.js b/src/utils/commons.js
index 31e0ef7..687cdc1 100644
--- a/src/utils/commons.js
+++ b/src/utils/commons.js
@@ -423,6 +423,11 @@ export const debounce = (func, wait, immediate) => {
   };
 }
 
+export const removeFormattingChars = (str) => {
+  const regex = /[\r\n\t\v\f]/g;
+  return str.replace(regex, ' ');
+}
+
 export const olog = (text, ...args) => {
   console.log(
     `%c ${text} `,
diff --git a/src/views/Conversations/Online/Input/Template.jsx b/src/views/Conversations/Online/Input/Template.jsx
index a1fa4c9..3670aac 100644
--- a/src/views/Conversations/Online/Input/Template.jsx
+++ b/src/views/Conversations/Online/Input/Template.jsx
@@ -3,7 +3,7 @@ import { App, Popover, Flex, Button, List, Input } from 'antd';
 import { MessageOutlined, SendOutlined } from '@ant-design/icons';
 import useAuthStore from '@/stores/AuthStore';
 import useConversationStore from '@/stores/ConversationStore';
-import { cloneDeep, getNestedValue, objectMapper, sortArrayByOrder } from '@/utils/commons';
+import { cloneDeep, getNestedValue, objectMapper, removeFormattingChars, sortArrayByOrder } from '@/utils/commons';
 import { replaceTemplateString } from '@/channel/whatsappUtils';
 import { isEmpty } from '@/utils/commons';
 
@@ -97,8 +97,9 @@ const InputTemplate = ({ mobile, disabled = false, invokeSendMessage }) => {
 
   const [activeInput, setActiveInput] = useState({});
   const onInput = (tempItem, key, val, initObj) => {
+    const _val = removeFormattingChars(val);
     setActiveInput((prev) => {
-      return { ...prev, [tempItem.name]: { ...initObj, ...prev[tempItem.name], [key]: val } };
+      return { ...prev, [tempItem.name]: { ...initObj, ...prev[tempItem.name], [key]: _val } };
     });
   };