用户静默注册

apps/h5-user/src/pages/OrderConfirmPage.tsx

@@ -6,6 +6,9 @@ import { request } from '../lib/api';
 import { buildProductDetailUrl } from '../lib/navigation';
 import { STITCH_ORDER_PRODUCT_IMAGE } from '../lib/order-images';
 import { tryGetClientGpsLocation } from '../lib/client-location';
+import { getProductMainImage } from '../lib/product-images';
+import PhoneVerifySheet from '../components/PhoneVerifySheet';
+import { useUserSession } from '../contexts/UserSessionContext';
 
 type Address = {
   id: string;
@@ -48,6 +51,9 @@ function formatAddress(a: Address) {
 export default function OrderConfirmPage() {
   const [params] = useSearchParams();
   const navigate = useNavigate();
+  const { phoneVerified, refreshProfile } = useUserSession();
+  const [showPhoneVerify, setShowPhoneVerify] = useState(false);
+  const [pendingSubmit, setPendingSubmit] = useState(false);
   const productId = params.get('productId') || '';
   const forceCross = params.get('cross') === '1';
   const [quantity, setQuantity] = useState(Number(params.get('qty') || 2));
@@ -111,31 +117,55 @@ export default function OrderConfirmPage() {
   const productImage =
     productIndex === 0 ? STITCH_ORDER_PRODUCT_IMAGE : getProductMainImage(productIndex);
 
+  async function doSubmit() {
+    const clientLocation = await tryGetClientGpsLocation();
+    const order = await request<{ id: string }>('USER_H5', '/trade/orders', {
+      method: 'POST',
+      body: JSON.stringify({
+        productId,
+        quantity,
+        addressId,
+        ...(clientLocation ? { clientLocation } : {}),
+      }),
+    });
+    const qs = new URLSearchParams();
+    qs.set('orderId', order.id);
+    qs.set('productId', productId);
+    qs.set('qty', String(quantity));
+    qs.set('addressId', addressId);
+    if (forceCross) qs.set('cross', '1');
+    navigate(`/pay?${qs.toString()}`);
+  }
+
   async function submit() {
     if (!addressId) {
       setMsg('请选择收货地址');
       return;
     }
+    if (!phoneVerified) {
+      setPendingSubmit(true);
+      setShowPhoneVerify(true);
+      return;
+    }
     setLoading(true);
     setMsg('');
     try {
-      const clientLocation = await tryGetClientGpsLocation();
-      const order = await request<{ id: string }>('USER_H5', '/trade/orders', {
-        method: 'POST',
-        body: JSON.stringify({
-          productId,
-          quantity,
-          addressId,
-          ...(clientLocation ? { clientLocation } : {}),
-        }),
-      });
-      const qs = new URLSearchParams();
-      qs.set('orderId', order.id);
-      qs.set('productId', productId);
-      qs.set('qty', String(quantity));
-      qs.set('addressId', addressId);
-      if (forceCross) qs.set('cross', '1');
-      navigate(`/pay?${qs.toString()}`);
+      await doSubmit();
+    } catch (e) {
+      setMsg(e instanceof Error ? e.message : '下单失败');
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  async function handlePhoneVerified() {
+    await refreshProfile();
+    if (!pendingSubmit) return;
+    setPendingSubmit(false);
+    setLoading(true);
+    setMsg('');
+    try {
+      await doSubmit();
     } catch (e) {
       setMsg(e instanceof Error ? e.message : '下单失败');
     } finally {
@@ -296,6 +326,15 @@ export default function OrderConfirmPage() {
           </button>
         </div>
       </footer>
+
+      <PhoneVerifySheet
+        open={showPhoneVerify}
+        onClose={() => {
+          setShowPhoneVerify(false);
+          setPendingSubmit(false);
+        }}
+        onSuccess={handlePhoneVerified}
+      />
     </div>
   );
 }