feat: require compliance confirmation for paid features

Gate payment, redemption, subscription, and invitation reward flows behind an audited compliance acknowledgement.

web/classic/src/components/table/subscriptions/index.jsx

@@ -17,7 +17,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 
-import React, { useContext } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import { Banner } from '@douyinfe/semi-ui';
 import CardPro from '../../common/ui/CardPro';
 import SubscriptionsTable from './SubscriptionsTable';
@@ -28,12 +28,14 @@ import { useSubscriptionsData } from '../../../hooks/subscriptions/useSubscripti
 import { useIsMobile } from '../../../hooks/common/useIsMobile';
 import { createCardProPagination } from '../../../helpers/utils';
 import { StatusContext } from '../../../context/Status';
+import { API } from '../../../helpers';
 
 const SubscriptionsPage = () => {
   const subscriptionsData = useSubscriptionsData();
   const isMobile = useIsMobile();
   const [statusState] = useContext(StatusContext);
   const enableEpay = !!statusState?.status?.enable_online_topup;
+  const [complianceConfirmed, setComplianceConfirmed] = useState(true);
 
   const {
     showEdit,
@@ -47,6 +49,22 @@ const SubscriptionsPage = () => {
     t,
   } = subscriptionsData;
 
+  useEffect(() => {
+    const loadComplianceStatus = async () => {
+      try {
+        const res = await API.get('/api/user/topup/info');
+        if (res.data?.success) {
+          setComplianceConfirmed(
+            res.data.data?.payment_compliance_confirmed !== false,
+          );
+        }
+      } catch (error) {
+        // Keep the page usable if status loading fails; backend still enforces.
+      }
+    };
+    loadComplianceStatus();
+  }, []);
+
   return (
     <>
       <AddEditSubscriptionModal
@@ -71,7 +89,11 @@ const SubscriptionsPage = () => {
           <div className='flex flex-col md:flex-row justify-between items-start md:items-center gap-2 w-full'>
             {/* Mobile: actions first; Desktop: actions left */}
             <div className='order-1 md:order-0 w-full md:w-auto'>
-              <SubscriptionsActions openCreate={openCreate} t={t} />
+              <SubscriptionsActions
+                openCreate={openCreate}
+                t={t}
+                disabled={!complianceConfirmed}
+              />
             </div>
             <Banner
               type='info'
@@ -94,7 +116,21 @@ const SubscriptionsPage = () => {
         })}
         t={t}
       >
-        <SubscriptionsTable {...subscriptionsData} enableEpay={enableEpay} />
+        {!complianceConfirmed && (
+          <Banner
+            type='warning'
+            description={t(
+              '订阅套餐创建和变更已锁定，管理员需先在支付设置中确认合规声明。',
+            )}
+            closeIcon={null}
+            className='!rounded-lg mb-3'
+          />
+        )}
+        <SubscriptionsTable
+          {...subscriptionsData}
+          enableEpay={enableEpay}
+          complianceConfirmed={complianceConfirmed}
+        />
       </CardPro>
     </>
   );