From bcac67771fcf3e498fb66d2be4ea4d0b9e10a80c Mon Sep 17 00:00:00 2001
From: Lei OT <lyt@hainatravel.com>
Date: Mon, 23 Dec 2024 16:34:13 +0800
Subject: [PATCH] =?UTF-8?q?conf:=20WhatsApp=E6=9D=83=E9=99=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Conversations/Online/ReplyWrapper.jsx     | 31 +++++++++++++++----
 1 file changed, 25 insertions(+), 6 deletions(-)

diff --git a/src/views/Conversations/Online/ReplyWrapper.jsx b/src/views/Conversations/Online/ReplyWrapper.jsx
index 19f059d..37eebce 100644
--- a/src/views/Conversations/Online/ReplyWrapper.jsx
+++ b/src/views/Conversations/Online/ReplyWrapper.jsx
@@ -10,7 +10,7 @@ import useStyleStore from '@/stores/StyleStore';
 import { isEmpty } from '@/utils/commons';
 import { DEFAULT_CHANNEL } from '@/config';
 import { WABAccounts, WABAccountsMapped } from '@/channel/bubbleMsgUtils';
-import useAuthStore from '@/stores/AuthStore';
+import useAuthStore, { PERM_USE_WHATSAPP } from '@/stores/AuthStore';
 
 /**
  * @ignore
@@ -72,12 +72,31 @@ const ReplyWrapper = () => {
 
   const replyTypes = [
     // { key: 'waba', label: mobile ? '' : (<WABASwitcher />), icon: <WABIcon />, children: <InputComposer channel={'waba'} /> },
-    { key: 'waba', label: mobile ? '' : `商业号(${WABAccountsMapped[whatsAppBusiness]?.verifiedName || '-'})`, icon: <WABIcon />, children: <InputComposer currentActive={activeChannel==='waba'} channel={'waba'} /> },
-    { key: 'email', label: mobile ? '' : '邮件', icon: <MailOutlined className='text-indigo-500' />, children: <EmailComposer currentActive={activeChannel==='email'} />},
-    // { key: 'whatsapp', label: mobile ? '' : 'WhatsApp', icon: <WhatsAppOutlined className='text-whatsapp' />, children: <InputComposer channel={'whatsapp'} /> },
-    { key: 'wa', label: mobile ? '' : 'WhatsApp', icon: <WhatsAppOutlined className='text-whatsapp' />, children: <div className='p-2 py-4 text-center text-whatsapp bg-gray-200 rounded rounded-b-none border-gray-300 border-solid border border-b-0 border-x-0'>正在开发……敬请期待</div> },
+    {
+      key: 'waba',
+      label: mobile ? '' : `商业号(${WABAccountsMapped[whatsAppBusiness]?.verifiedName || '-'})`,
+      icon: <WABIcon />,
+      children: <InputComposer currentActive={activeChannel === 'waba'} channel={'waba'} />,
+    },
+    { key: 'email', label: mobile ? '' : '邮件', icon: <MailOutlined className='text-indigo-500' />, children: <EmailComposer currentActive={activeChannel === 'email'} /> },
+    {
+      key: 'whatsapp',
+      label: mobile ? '' : 'WhatsApp',
+      icon: <WhatsAppOutlined className='text-whatsapp' />,
+      children: isPermitted(PERM_USE_WHATSAPP) ? (
+        <InputComposer channel={'whatsapp'} />
+      ) : (
+        <div className='p-2 py-4 text-center text-whatsapp bg-gray-200 rounded rounded-b-none border-gray-300 border-solid border border-b-0 border-x-0'>正在开发……敬请期待</div>
+      ),
+    },
+    // {
+    //   key: 'wa',
+    //   label: mobile ? '' : 'WhatsApp',
+    //   icon: <WhatsAppOutlined className='text-whatsapp' />,
+    //   children: <div className='p-2 py-4 text-center text-whatsapp bg-gray-200 rounded rounded-b-none border-gray-300 border-solid border border-b-0 border-x-0'>正在开发……敬请期待</div>,
+    // },
     // TODO: ⬆️WA未登录，要提示用户到个人页面扫码
-  ];
+  ]
 
   return (
     <div className='reply-wrapper rounded rounded-b-none emoji bg-white'>