feat(前端): WhatsApp使用模板消息, 输入发送未纯文本

src/views/Conversations/Online/Input/ComposerTools.jsx

@@ -17,7 +17,7 @@ const ComposerTools = ({ channel, invokeSendUploadMessage, invokeSendMessage, in
   return (
     <>
       <Flex gap={4} className='*:text-primary *:rounded-none items-center'>
-        {['waba'].includes(channel) && <InputTemplate key='templates' disabled={!talkabled} invokeSendMessage={invokeSendMessage} />}
+        {['waba', 'wai'].includes(channel) && <InputTemplate key='templates' disabled={!talkabled} invokeSendMessage={invokeSendMessage} channel={channel} />}
 
         <InputEmoji key='emoji' disabled={!talkabled} inputEmoji={inputEmoji} />
 

src/views/Conversations/Online/Input/Template.jsx

@@ -160,7 +160,7 @@ const CategoryList = ({ dataSource, handleSendTemplate, valueMapped, onInput, ac
   )
 }
 
-const InputTemplate = ({ disabled = false, invokeSendMessage }) => {
+const InputTemplate = ({ disabled = false, invokeSendMessage, channel }) => {
   const [mobile] = useStyleStore((state) => [state.mobile]);
 
   const searchInputRef = useRef(null);
@@ -240,6 +240,10 @@ const InputTemplate = ({ disabled = false, invokeSendMessage }) => {
       },
       template_origin: fromTemplate,
     };
+    const plainTextMsgObj = {
+      type: 'text',
+      text: msgObj.template.components.map((citem) => citem.text).join(''),
+    };
     if (valid !== true) {
       notification.warning({
         message: '提示',
@@ -250,7 +254,7 @@ const InputTemplate = ({ disabled = false, invokeSendMessage }) => {
       });
       return false;
     }
-    invokeSendMessage(msgObj);
+    invokeSendMessage(channel === 'waba' ? msgObj : plainTextMsgObj);
     setOpenTemplates(false);
     setActiveInput({});
   };
@@ -314,7 +318,7 @@ const InputTemplate = ({ disabled = false, invokeSendMessage }) => {
               ...(Object.keys(templateLangMapped).map(lang => ({
                 key: lang, label: lang.toUpperCase(), children: <CategoryList key={'lang-templates-'+lang} dataSource={templateLangMapped[lang]} {...{ handleSendTemplate, activeInput, onInput, valueMapped}} />
               })))
-            ]} defaultActiveKey='utility' tabBarExtraContent={{right: <Alert type='info' message='为提升账号质量, 请尽量使用跟进模板' showIcon className='py-0' />, }} size='small' />
+            ]} defaultActiveKey='utility' tabBarExtraContent={{right: <Alert type='info' message={channel==='waba'?'为提升账号质量, 请尽量使用跟进模板': '模板消息将用纯文本发送'} showIcon className='py-0' />, }} size='small' />
           ) :
             (
               // Search result