perf: 前端的渠道类型: `wai`

src/views/Conversations/Online/Components/BubbleIM.jsx

@@ -11,6 +11,7 @@ import ChannelLogo from './ChannelLogo';
 const outboundStyle = {
   'waba': { color: '#ccd4ae' },
   'whatsapp': { color: '#d9fdd3' },
+  'wai': { color: '#d9fdd3' },
 }
 
 const BubbleIM = ({ handlePreview, handleContactClick, setNewChatModalVisible, setNewChatFormValues, scrollToMessage, focusMsg, ...message }) => {

src/views/Conversations/Online/Components/ChannelLogo.jsx

@@ -12,6 +12,7 @@ const ChannelLogo = ({channel, className, ...props}) => {
     case 'waba':
       return <WABIcon key={channel} className={`text-whatsapp ${className}  `} />;
     case 'wa':
+    case 'wai':
     case 'whatsapp':
       return <WhatsAppOutlined key={channel} className={`text-whatsapp ${className}  `} />;
     case 'email':

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

@@ -21,7 +21,7 @@ const ComposerTools = ({ channel, invokeSendUploadMessage, invokeSendMessage, in
 
         <InputEmoji key='emoji' disabled={!talkabled} inputEmoji={inputEmoji} />
 
-        {['waba', 'wa', 'whatsapp'].includes(channel) && <InputMediaUpload key={'addNewMedia'} disabled={!talkabled} {...{ invokeUploadFileMessage, invokeSendUploadMessage }} />}
+        {['waba', 'wa', 'wai', 'whatsapp'].includes(channel) && <InputMediaUpload key={'addNewMedia'} disabled={!talkabled} {...{ invokeUploadFileMessage, invokeSendUploadMessage }} />}
 
         <PaymentlinkBtn />
         <SnippestBtn />

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

@@ -67,6 +67,7 @@ const InputComposer = ({ channel, currentActive }) => {
         setFromIM(whatsAppBusiness || DEFAULT_WABA)
         break
       case 'wa':
+      case 'wai':
       case 'whatsapp':
         setFromIM(whatsAppNo)
         break

src/views/Conversations/Online/MessagesList.jsx

@@ -44,7 +44,7 @@ const MessagesList = ({ messages, handlePreview, reference, longListLoading, get
   // eslint-disable-next-line react/display-name
   const MessageBoxWithRef = forwardRef((props, ref) => (
     <div ref={ref}>
-      {['waba', 'wa', 'whatsapp'].includes((props.msg_source || '').toLowerCase())
+      {['waba', 'wa', 'wai', 'whatsapp'].includes((props.msg_source || '').toLowerCase())
         && <BubbleIM {...props} {...{ scrollToMessage, focusMsg, handleContactClick, setNewChatModalVisible, setNewChatFormValues, handlePreview }} />}
       {props.msg_source === 'email' && <BubbleEmail {...props} onOpenEditor={listProps.onOpenEditor} onOpenEmail={listProps.onOpenEmail} />}
     </div>

src/views/Conversations/Online/ReplyWrapper.jsx

@@ -80,7 +80,7 @@ const ReplyWrapper = () => {
     },
     { key: 'email', label: mobile ? '' : '邮件', icon: <MailOutlined className='text-indigo-500' />, children: <EmailComposer currentActive={activeChannel === 'email'} /> },
     {
-      key: 'whatsapp',
+      key: 'wai',
       label: mobile ? '' : 'WhatsApp',
       icon: <WhatsAppOutlined className='text-whatsapp' />,
       children: isPermitted(PERM_USE_WHATSAPP) ? (

tailwind.config.js

@@ -18,6 +18,17 @@ export default {
         bgdark: '#0b141a',
         me: '#d9fdd3', // '#d9fdd3' '#e1fef2'
       },
+      'wai': {
+        DEFAULT: '#25D366',
+        400: '#66e094',
+        300: '#92e9b3',
+        dark: '#075E54',
+        second: '#128c7e',
+        gossip: '#dcf8c6',
+        bg: '#ece5dd', // '#efeae2' '#eae6df' '#d1d7db'
+        bgdark: '#0b141a',
+        me: '#d9fdd3', // '#d9fdd3' '#e1fef2'
+      },
       'waba': {
         DEFAULT: '#2ba84a',
         400: '#6bc280',